From c00e003aeb4454842be98aa712b5b1a551268898 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Mon, 21 Sep 2015 12:05:42 +0200
Subject: [PATCH] refactor input textarea to use disabled instead of editable

---
 js/components/ascribe_detail/note.js          |  9 ++++---
 js/components/ascribe_forms/form_consign.js   |  4 ++--
 .../ascribe_forms/form_contract_agreement.js  |  4 +++-
 js/components/ascribe_forms/form_loan.js      |  2 +-
 .../ascribe_forms/form_piece_extradata.js     |  7 +++---
 .../ascribe_forms/form_register_piece.js      |  2 +-
 .../ascribe_forms/form_share_email.js         |  4 ++--
 .../ascribe_forms/form_submit_to_prize.js     |  8 +++----
 js/components/ascribe_forms/form_transfer.js  |  4 ++--
 js/components/ascribe_forms/form_unconsign.js |  4 ++--
 .../ascribe_forms/form_unconsign_request.js   |  4 ++--
 .../ascribe_forms/input_fineuploader.js       | 10 ++++----
 .../ascribe_forms/input_textarea_toggable.js  |  4 ++--
 js/components/coa_verify_container.js         |  5 ++--
 .../ascribe_detail/prize_piece_container.js   |  4 ++--
 .../prize/components/prize_register_piece.js  |  8 +++----
 .../ascribe_detail/cyland_piece_container.js  |  4 ++--
 .../cyland_additional_data_form.js            |  9 ++-----
 .../ascribe_detail/ikonotv_piece_container.js |  8 +++----
 .../ikonotv_artist_details_form.js            | 16 ++++---------
 .../ikonotv_artwork_details_form.js           | 24 +++++--------------
 21 files changed, 61 insertions(+), 83 deletions(-)

diff --git a/js/components/ascribe_detail/note.js b/js/components/ascribe_detail/note.js
index 0f32e5da..b377ff5c 100644
--- a/js/components/ascribe_detail/note.js
+++ b/js/components/ascribe_detail/note.js
@@ -44,14 +44,13 @@ let Note = React.createClass({
                 <Form
                     url={this.props.url}
                     getFormData={this.props.id}
-                    handleSuccess={this.showNotification}>
+                    handleSuccess={this.showNotification}
+                    disabled={!this.props.editable}>
                     <Property
                         name='note'
-                        label={this.props.label}
-                        editable={this.props.editable}>
+                        label={this.props.label}>
                         <InputTextAreaToggable
                             rows={1}
-                            editable={this.props.editable}
                             defaultValue={this.props.defaultValue}
                             placeholder={this.props.placeholder}/>
                     </Property>
@@ -63,4 +62,4 @@ let Note = React.createClass({
     }
 });
 
-export default Note
\ No newline at end of file
+export default Note;
\ No newline at end of file
diff --git a/js/components/ascribe_forms/form_consign.js b/js/components/ascribe_forms/form_consign.js
index 6f85adc2..de4a4788 100644
--- a/js/components/ascribe_forms/form_consign.js
+++ b/js/components/ascribe_forms/form_consign.js
@@ -56,10 +56,10 @@ let ConsignForm = React.createClass({
                 <Property
                     name='consign_message'
                     label={getLangText('Personal Message')}
-                    editable={true}>
+                    editable={true}
+                    overrideForm={true}>
                     <InputTextAreaToggable
                         rows={1}
-                        editable={true}
                         defaultValue={this.props.message}
                         placeholder={getLangText('Enter a message...')}
                         required="required"/>
diff --git a/js/components/ascribe_forms/form_contract_agreement.js b/js/components/ascribe_forms/form_contract_agreement.js
index 94ab26d0..85ed6b6a 100644
--- a/js/components/ascribe_forms/form_contract_agreement.js
+++ b/js/components/ascribe_forms/form_contract_agreement.js
@@ -129,9 +129,11 @@ let ContractAgreementForm = React.createClass({
                         name='appendix'
                         checkboxLabel={getLangText('Add appendix to the contract')}>
                         <span>{getLangText('Appendix')}</span>
+                        {/* We're using disabled on a form here as PropertyCollapsible currently
+                        does not support the disabled + overrideForm functionality */}
                         <InputTextAreaToggable
                             rows={1}
-                            editable={true}
+                            disabled={false}
                             placeholder={getLangText('This will be appended to the contract selected above')}/>
                     </PropertyCollapsible>
                 </Form>
diff --git a/js/components/ascribe_forms/form_loan.js b/js/components/ascribe_forms/form_loan.js
index aeb942ee..b15ac909 100644
--- a/js/components/ascribe_forms/form_loan.js
+++ b/js/components/ascribe_forms/form_loan.js
@@ -256,10 +256,10 @@ let LoanForm = React.createClass({
                     name='loan_message'
                     label={getLangText('Personal Message')}
                     editable={true}
+                    overrideForm={true}
                     hidden={!this.props.showPersonalMessage}>
                     <InputTextAreaToggable
                         rows={1}
-                        editable={true}
                         defaultValue={this.props.message}
                         placeholder={getLangText('Enter a message...')}
                         required={this.props.showPersonalMessage ? 'required' : ''}/>
diff --git a/js/components/ascribe_forms/form_piece_extradata.js b/js/components/ascribe_forms/form_piece_extradata.js
index 293ca09e..45f684ad 100644
--- a/js/components/ascribe_forms/form_piece_extradata.js
+++ b/js/components/ascribe_forms/form_piece_extradata.js
@@ -41,14 +41,13 @@ let PieceExtraDataForm = React.createClass({
                 ref='form'
                 url={url}
                 handleSuccess={this.props.handleSuccess}
-                getFormData={this.getFormData}>
+                getFormData={this.getFormData}
+                disabled={!this.props.editable}>
                 <Property
                     name={this.props.name}
-                    label={this.props.title}
-                    editable={this.props.editable}>
+                    label={this.props.title}>
                     <InputTextAreaToggable
                         rows={1}
-                        editable={this.props.editable}
                         defaultValue={defaultValue}
                         placeholder={getLangText('Fill in%s', ' ') + this.props.title}
                         required="required"/>
diff --git a/js/components/ascribe_forms/form_register_piece.js b/js/components/ascribe_forms/form_register_piece.js
index 68902290..118b3968 100644
--- a/js/components/ascribe_forms/form_register_piece.js
+++ b/js/components/ascribe_forms/form_register_piece.js
@@ -112,7 +112,7 @@ let RegisterPieceForm = React.createClass({
                         isReadyForFormSubmission={formSubmissionValidation.atLeastOneUploadedFile}
                         isFineUploaderActive={this.props.isFineUploaderActive}
                         onLoggedOut={this.props.onLoggedOut}
-                        editable={this.props.isFineUploaderEditable}
+                        disabled={!this.props.isFineUploaderEditable}
                         enableLocalHashing={enableLocalHashing}/>
                 </Property>
                 <Property
diff --git a/js/components/ascribe_forms/form_share_email.js b/js/components/ascribe_forms/form_share_email.js
index 89884886..46ab97df 100644
--- a/js/components/ascribe_forms/form_share_email.js
+++ b/js/components/ascribe_forms/form_share_email.js
@@ -60,10 +60,10 @@ let ShareForm = React.createClass({
                 <Property
                     name='share_message'
                     label='Personal Message'
-                    editable={true}>
+                    editable={true}
+                    overrideForm={true}>
                     <InputTextAreaToggable
                         rows={1}
-                        editable={true}
                         defaultValue={this.props.message}
                         placeholder={getLangText('Enter a message...')}
                         required="required"/>
diff --git a/js/components/ascribe_forms/form_submit_to_prize.js b/js/components/ascribe_forms/form_submit_to_prize.js
index ff853c01..23075791 100644
--- a/js/components/ascribe_forms/form_submit_to_prize.js
+++ b/js/components/ascribe_forms/form_submit_to_prize.js
@@ -45,20 +45,20 @@ let PieceSubmitToPrizeForm = React.createClass({
                 <Property
                     name='artist_statement'
                     label={getLangText('Artist statement')}
-                    editable={true}>
+                    editable={true}
+                    overrideForm={true}>
                     <InputTextAreaToggable
                         rows={1}
-                        editable={true}
                         placeholder={getLangText('Enter your statement')}
                         required="required"/>
                 </Property>
                 <Property
                     name='work_description'
                     label={getLangText('Work description')}
-                    editable={true}>
+                    editable={true}
+                    overrideForm={true}>
                     <InputTextAreaToggable
                         rows={1}
-                        editable={true}
                         placeholder={getLangText('Enter the description for your work')}
                         required="required"/>
                 </Property>
diff --git a/js/components/ascribe_forms/form_transfer.js b/js/components/ascribe_forms/form_transfer.js
index 6ec73d38..8bbcf110 100644
--- a/js/components/ascribe_forms/form_transfer.js
+++ b/js/components/ascribe_forms/form_transfer.js
@@ -61,10 +61,10 @@ let TransferForm = React.createClass({
                 <Property
                     name='transfer_message'
                     label={getLangText('Personal Message')}
-                    editable={true}>
+                    editable={true}
+                    overrideForm={true}>
                     <InputTextAreaToggable
                         rows={1}
-                        editable={true}
                         defaultValue={this.props.message}
                         placeholder={getLangText('Enter a message...')}
                         required="required"/>
diff --git a/js/components/ascribe_forms/form_unconsign.js b/js/components/ascribe_forms/form_unconsign.js
index 9bc5b4bd..ed6362da 100644
--- a/js/components/ascribe_forms/form_unconsign.js
+++ b/js/components/ascribe_forms/form_unconsign.js
@@ -50,10 +50,10 @@ let UnConsignForm = React.createClass({
                 <Property
                     name='unconsign_message'
                     label={getLangText('Personal Message')}
-                    editable={true}>
+                    editable={true}
+                    overrideForm={true}>
                     <InputTextAreaToggable
                         rows={1}
-                        editable={true}
                         defaultValue={this.props.message}
                         placeholder={getLangText('Enter a message...')}
                         required="required"/>
diff --git a/js/components/ascribe_forms/form_unconsign_request.js b/js/components/ascribe_forms/form_unconsign_request.js
index c47b5411..750ee72d 100644
--- a/js/components/ascribe_forms/form_unconsign_request.js
+++ b/js/components/ascribe_forms/form_unconsign_request.js
@@ -50,10 +50,10 @@ let UnConsignRequestForm = React.createClass({
                 <Property
                     name='unconsign_request_message'
                     label={getLangText('Personal Message')}
-                    editable={true}>
+                    editable={true}
+                    overrideForm={true}>
                     <InputTextAreaToggable
                         rows={1}
-                        editable={true}
                         defaultValue={this.props.message}
                         placeholder={getLangText('Enter a message...')}
                         required="required"/>
diff --git a/js/components/ascribe_forms/input_fineuploader.js b/js/components/ascribe_forms/input_fineuploader.js
index 82d6bf92..915d915f 100644
--- a/js/components/ascribe_forms/input_fineuploader.js
+++ b/js/components/ascribe_forms/input_fineuploader.js
@@ -8,12 +8,14 @@ import AppConstants from '../../constants/application_constants';
 
 import { getCookie } from '../../utils/fetch_api_utils';
 
-let InputFileUploader = React.createClass({
+let InputFineUploader = React.createClass({
     propTypes: {
         setIsUploadReady: React.PropTypes.func,
         isReadyForFormSubmission: React.PropTypes.func,
         submitFileName: React.PropTypes.func,
 
+        areAssetsDownloadable: React.PropTypes.bool,
+
         onClick: React.PropTypes.func,
         keyRoutine: React.PropTypes.shape({
             url: React.PropTypes.string,
@@ -33,7 +35,7 @@ let InputFileUploader = React.createClass({
         // before login in
         isFineUploaderActive: React.PropTypes.bool,
         onLoggedOut: React.PropTypes.func,
-        editable: React.PropTypes.bool,
+
         enableLocalHashing: React.PropTypes.bool,
 
         // provided by Property
@@ -86,7 +88,7 @@ let InputFileUploader = React.createClass({
                 submitFile={this.submitFile}
                 setIsUploadReady={this.props.setIsUploadReady}
                 isReadyForFormSubmission={this.props.isReadyForFormSubmission}
-                areAssetsDownloadable={false}
+                areAssetsDownloadable={this.props.areAssetsDownloadable}
                 areAssetsEditable={editable}
                 signature={{
                     endpoint: AppConstants.serverUrl + 's3/signature/',
@@ -109,4 +111,4 @@ let InputFileUploader = React.createClass({
     }
 });
 
-export default InputFileUploader;
\ No newline at end of file
+export default InputFineUploader;
\ No newline at end of file
diff --git a/js/components/ascribe_forms/input_textarea_toggable.js b/js/components/ascribe_forms/input_textarea_toggable.js
index 39ef36fc..97f880f3 100644
--- a/js/components/ascribe_forms/input_textarea_toggable.js
+++ b/js/components/ascribe_forms/input_textarea_toggable.js
@@ -7,7 +7,7 @@ import TextareaAutosize from 'react-textarea-autosize';
 
 let InputTextAreaToggable = React.createClass({
     propTypes: {
-        editable: React.PropTypes.bool.isRequired,
+        disabled: React.PropTypes.bool,
         rows: React.PropTypes.number.isRequired,
         required: React.PropTypes.string,
         defaultValue: React.PropTypes.string
@@ -54,7 +54,7 @@ let InputTextAreaToggable = React.createClass({
         let className = 'form-control ascribe-textarea';
         let textarea = null;
 
-        if(this.props.editable) {
+        if(!this.props.disabled) {
             className = className + ' ascribe-textarea-editable';
             textarea = (
                 <TextareaAutosize
diff --git a/js/components/coa_verify_container.js b/js/components/coa_verify_container.js
index 96987323..d65fdb83 100644
--- a/js/components/coa_verify_container.js
+++ b/js/components/coa_verify_container.js
@@ -84,10 +84,11 @@ let CoaVerifyForm = React.createClass({
                     </Property>
                     <Property
                         name='signature'
-                        label="Signature">
+                        label="Signature"
+                        editable={true}
+                        overrideForm={true}>
                         <InputTextAreaToggable
                             rows={3}
-                            editable={true}
                             placeholder={getLangText('Copy paste the signature on the bottom of your Certificate of Authenticity')}
                             required/>
                     </Property>
diff --git a/js/components/whitelabel/prize/components/ascribe_detail/prize_piece_container.js b/js/components/whitelabel/prize/components/ascribe_detail/prize_piece_container.js
index 406b5827..44a727e4 100644
--- a/js/components/whitelabel/prize/components/ascribe_detail/prize_piece_container.js
+++ b/js/components/whitelabel/prize/components/ascribe_detail/prize_piece_container.js
@@ -426,10 +426,10 @@ let PrizePieceDetails = React.createClass({
                                 <Property
                                     name={data}
                                     label={label}
-                                    editable={false}>
+                                    editable={false}
+                                    overrideForm={true}>
                                     <InputTextAreaToggable
                                         rows={1}
-                                        editable={false}
                                         defaultValue={this.props.piece.extra_data[data]}/>
                                 </Property>);
                             }
diff --git a/js/components/whitelabel/prize/components/prize_register_piece.js b/js/components/whitelabel/prize/components/prize_register_piece.js
index e7a97541..0bd3fe75 100644
--- a/js/components/whitelabel/prize/components/prize_register_piece.js
+++ b/js/components/whitelabel/prize/components/prize_register_piece.js
@@ -41,20 +41,20 @@ let PrizeRegisterPiece = React.createClass({
                 <Property
                     name='artist_statement'
                     label={getLangText('Artist statement')}
-                    editable={true}>
+                    editable={true}
+                    overrideForm={true}>
                     <InputTextAreaToggable
                         rows={1}
-                        editable={true}
                         placeholder={getLangText('Enter your statement')}
                         required="required"/>
                 </Property>
                 <Property
                     name='work_description'
                     label={getLangText('Work description')}
-                    editable={true}>
+                    editable={true}
+                    overrideForm={true}>
                     <InputTextAreaToggable
                         rows={1}
-                        editable={true}
                         placeholder={getLangText('Enter the description for your work')}
                         required="required"/>
                 </Property>
diff --git a/js/components/whitelabel/wallet/components/cyland/ascribe_detail/cyland_piece_container.js b/js/components/whitelabel/wallet/components/cyland/ascribe_detail/cyland_piece_container.js
index dab5eda4..f4a63ec8 100644
--- a/js/components/whitelabel/wallet/components/cyland/ascribe_detail/cyland_piece_container.js
+++ b/js/components/whitelabel/wallet/components/cyland/ascribe_detail/cyland_piece_container.js
@@ -143,10 +143,10 @@ let CylandPieceDetails = React.createClass({
                                     key={i}
                                     name={data}
                                     label={label}
-                                    editable={false}>
+                                    editable={false}
+                                    overrideForm={true}>
                                     <InputTextAreaToggable
                                         rows={1}
-                                        editable={false}
                                         defaultValue={this.props.piece.extra_data[data]}/>
                                 </Property>);
                             }
diff --git a/js/components/whitelabel/wallet/components/cyland/ascribe_forms/cyland_additional_data_form.js b/js/components/whitelabel/wallet/components/cyland/ascribe_forms/cyland_additional_data_form.js
index 123ad2b7..9214123c 100644
--- a/js/components/whitelabel/wallet/components/cyland/ascribe_forms/cyland_additional_data_form.js
+++ b/js/components/whitelabel/wallet/components/cyland/ascribe_forms/cyland_additional_data_form.js
@@ -92,21 +92,17 @@ let CylandAdditionalDataForm = React.createClass({
                     </div>
                     <Property
                         name='artist_bio'
-                        label={getLangText('Artist Biography')}
-                        editable={!this.props.disabled}>
+                        label={getLangText('Artist Biography')}>
                         <InputTextAreaToggable
                             rows={1}
-                            editable={!this.props.disabled}
                             placeholder={getLangText('Enter the artist\'s biography...')}
                             required="required"/>
                     </Property>
                     <Property
                         name='conceptual_overview'
-                        label={getLangText('Conceptual Overview')}
-                        editable={!this.props.disabled}>
+                        label={getLangText('Conceptual Overview')}>
                         <InputTextAreaToggable
                             rows={1}
-                            editable={!this.props.disabled}
                             placeholder={getLangText('Enter a conceptual overview...')}
                             required="required"/>
                     </Property>
@@ -115,7 +111,6 @@ let CylandAdditionalDataForm = React.createClass({
                         submitFile={this.submitFile}
                         setIsUploadReady={this.setIsUploadReady}
                         isReadyForFormSubmission={formSubmissionValidation.fileOptional}
-                        editable={!this.props.disabled}
                         pieceId={this.props.piece.id}
                         otherData={this.props.piece.other_data}
                         multiple={true}/>
diff --git a/js/components/whitelabel/wallet/components/ikonotv/ascribe_detail/ikonotv_piece_container.js b/js/components/whitelabel/wallet/components/ikonotv/ascribe_detail/ikonotv_piece_container.js
index ac7d16da..2025c10b 100644
--- a/js/components/whitelabel/wallet/components/ikonotv/ascribe_detail/ikonotv_piece_container.js
+++ b/js/components/whitelabel/wallet/components/ikonotv/ascribe_detail/ikonotv_piece_container.js
@@ -185,7 +185,9 @@ let IkonotvPieceDetails = React.createClass({
                     title={getLangText('Further Details')}
                     show={true}
                     defaultExpanded={true}>
-                    <Form ref='form'>
+                    <Form
+                        ref='form'
+                        disabled={!this.props.piece.acl.acl_edit}>
                         {Object.keys(this.props.piece.extra_data).map((data, i) => {
                             let label = data.replace('_', ' ');
                             return (
@@ -193,11 +195,9 @@ let IkonotvPieceDetails = React.createClass({
                                     key={i}
                                     name={data}
                                     label={label}
-                                    hidden={!this.props.piece.extra_data[data]}
-                                    editable={false}>
+                                    hidden={!this.props.piece.extra_data[data]}>
                                     <InputTextAreaToggable
                                         rows={1}
-                                        editable={false}
                                         defaultValue={this.props.piece.extra_data[data]}/>
                                 </Property>);
                             }
diff --git a/js/components/whitelabel/wallet/components/ikonotv/ascribe_forms/ikonotv_artist_details_form.js b/js/components/whitelabel/wallet/components/ikonotv/ascribe_forms/ikonotv_artist_details_form.js
index e840173a..ae7324b5 100644
--- a/js/components/whitelabel/wallet/components/ikonotv/ascribe_forms/ikonotv_artist_details_form.js
+++ b/js/components/whitelabel/wallet/components/ikonotv/ascribe_forms/ikonotv_artist_details_form.js
@@ -91,41 +91,33 @@ let IkonotvArtistDetailsForm = React.createClass({
                     </div>
                     <Property
                         name='artist_website'
-                        label={getLangText('Artist Website')}
-                        editable={!this.props.disabled}>
+                        label={getLangText('Artist Website')}>
                         <InputTextAreaToggable
                             rows={1}
-                            editable={!this.props.disabled}
                             defaultValue={this.props.piece.extra_data.artist_website}
                             placeholder={getLangText('The artist\'s website if present...')}/>
                     </Property>
                     <Property
                         name='gallery_website'
-                        label={getLangText('Website of related Gallery, Museum, etc.')}
-                        editable={!this.props.disabled}>
+                        label={getLangText('Website of related Gallery, Museum, etc.')}>
                         <InputTextAreaToggable
                             rows={1}
-                            editable={!this.props.disabled}
                             defaultValue={this.props.piece.extra_data.gallery_website}
                             placeholder={getLangText('The website of any related Gallery or Museum')}/>
                     </Property>
                     <Property
                         name='additional_websites'
-                        label={getLangText('Additional Websites/Publications')}
-                        editable={!this.props.disabled}>
+                        label={getLangText('Additional Websites/Publications')}>
                         <InputTextAreaToggable
                             rows={1}
-                            editable={!this.props.disabled}
                             defaultValue={this.props.piece.extra_data.additional_websites}
                             placeholder={getLangText('Enter additional Websites/Publications if any')}/>
                     </Property>
                     <Property
                         name='conceptual_overview'
-                        label={getLangText('Short text about the Artist')}
-                        editable={!this.props.disabled}>
+                        label={getLangText('Short text about the Artist')}>
                         <InputTextAreaToggable
                             rows={1}
-                            editable={!this.props.disabled}
                             defaultValue={this.props.piece.extra_data.conceptual_overview}
                             placeholder={getLangText('Enter a short bio about the Artist')}
                             />
diff --git a/js/components/whitelabel/wallet/components/ikonotv/ascribe_forms/ikonotv_artwork_details_form.js b/js/components/whitelabel/wallet/components/ikonotv/ascribe_forms/ikonotv_artwork_details_form.js
index 0ff3ae50..1a424011 100644
--- a/js/components/whitelabel/wallet/components/ikonotv/ascribe_forms/ikonotv_artwork_details_form.js
+++ b/js/components/whitelabel/wallet/components/ikonotv/ascribe_forms/ikonotv_artwork_details_form.js
@@ -89,61 +89,49 @@ let IkonotvArtworkDetailsForm = React.createClass({
                     </div>
                     <Property
                         name='medium'
-                        label={getLangText('Medium')}
-                        editable={!this.props.disabled}>
+                        label={getLangText('Medium')}>
                         <InputTextAreaToggable
                             rows={1}
-                            editable={!this.props.disabled}
                             defaultValue={this.props.piece.extra_data.medium}
                             placeholder={getLangText('The medium of the file (i.e. photo, video, other, ...)')}/>
                     </Property>
                     <Property
                         name='size_duration'
-                        label={getLangText('Size/Duration')}
-                        editable={!this.props.disabled}>
+                        label={getLangText('Size/Duration')}>
                         <InputTextAreaToggable
                             rows={1}
-                            editable={!this.props.disabled}
                             defaultValue={this.props.piece.extra_data.size_duration}
                             placeholder={getLangText('The size of the file in MB or the duration of the movie')}/>
                     </Property>
                     <Property
                         name='copyright'
-                        label={getLangText('Copyright')}
-                        editable={!this.props.disabled}>
+                        label={getLangText('Copyright')}>
                         <InputTextAreaToggable
                             rows={1}
-                            editable={!this.props.disabled}
                             defaultValue={this.props.piece.extra_data.copyright}
                             placeholder={getLangText('Which copyright is attached to this work?')}/>
                     </Property>
                     <Property
                         name='courtesy_of'
-                        label={getLangText('Courtesy of')}
-                        editable={!this.props.disabled}>
+                        label={getLangText('Courtesy of')}>
                         <InputTextAreaToggable
                             rows={1}
-                            editable={!this.props.disabled}
                             defaultValue={this.props.piece.extra_data.courtesy_of}
                             placeholder={getLangText('The current owner of the artwork')}/>
                     </Property>
                     <Property
                         name='copyright_of_photography'
-                        label={getLangText('Copyright of Photography')}
-                        editable={!this.props.disabled}>
+                        label={getLangText('Copyright of Photography')}>
                         <InputTextAreaToggable
                             rows={1}
-                            editable={!this.props.disabled}
                             defaultValue={this.props.piece.extra_data.copyright_of_photography}
                             placeholder={getLangText('Who should be attributed for the photography?')}/>
                     </Property>
                     <Property
                         name='additional_details'
-                        label={getLangText('Additional Details about the artwork')}
-                        editable={!this.props.disabled}>
+                        label={getLangText('Additional Details about the artwork')}>
                         <InputTextAreaToggable
                             rows={1}
-                            editable={!this.props.disabled}
                             defaultValue={this.props.piece.extra_data.additional_details}
                             placeholder={getLangText('Insert artwork overview')}/>
                     </Property>