From 30d57a943f0416139bd4a76ca8bfe82ab8beabba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Fri, 21 Aug 2015 11:01:13 +0200
Subject: [PATCH 1/3] fix lock form

---
 .../ascribe_detail/further_details_fileuploader.js     |  2 +-
 js/components/ascribe_forms/form_loan.js               |  4 ++--
 .../ascribe_forms/cyland_additional_data_form.js       | 10 +++++-----
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/js/components/ascribe_detail/further_details_fileuploader.js b/js/components/ascribe_detail/further_details_fileuploader.js
index 7c5525fd..2c9f2854 100644
--- a/js/components/ascribe_detail/further_details_fileuploader.js
+++ b/js/components/ascribe_detail/further_details_fileuploader.js
@@ -33,7 +33,7 @@ let FurtherDetailsFileuploader = React.createClass({
         //
         // 1. there is no other_data => do not show the fileuploader at all
         // 2. there is other_data, but user has no edit rights => show fileuploader but without action buttons
-        // 3. both other_data and editable are defined or true => show fileuploade with all action buttons
+        // 3. both other_data and editable are defined or true => show fileuploader with all action buttons
         if (!this.props.editable && !this.props.otherData){
             return null;
         }
diff --git a/js/components/ascribe_forms/form_loan.js b/js/components/ascribe_forms/form_loan.js
index 201ba174..1beac5f9 100644
--- a/js/components/ascribe_forms/form_loan.js
+++ b/js/components/ascribe_forms/form_loan.js
@@ -148,7 +148,7 @@ let LoanForm = React.createClass({
                     label={getLangText('Loanee Email')}
                     onBlur={this.handleOnBlur}
                     editable={!this.props.email}
-                    overrideForm={!this.props.email}>
+                    overrideForm={this.props.email}>
                     <input
                         value={this.props.email}
                         type="email"
@@ -159,7 +159,7 @@ let LoanForm = React.createClass({
                     name='gallery_name'
                     label={getLangText('Gallery/exhibition (optional)')}
                     editable={!this.props.gallery}
-                    overrideForm={!this.props.gallery}>
+                    overrideForm={this.props.gallery}>
                     <input
                         value={this.props.gallery}
                         type="text"
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 397e5d6d..71b91485 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
@@ -94,20 +94,20 @@ let CylandAdditionalDataForm = React.createClass({
                     <Property
                         name='artist_bio'
                         label={getLangText('Artist Biography')}
-                        editable={true}>
+                        editable={!this.props.disabled}>
                         <InputTextAreaToggable
                             rows={1}
-                            editable={true}
+                            editable={!this.props.disabled}
                             placeholder={getLangText('Enter the artist\'s biography...')}
                             required="required"/>
                     </Property>
                     <Property
                         name='conceptual_overview'
                         label={getLangText('Conceptual Overview')}
-                        editable={true}>
+                        editable={!this.props.disabled}>
                         <InputTextAreaToggable
                             rows={1}
-                            editable={true}
+                            editable={!this.props.disabled}
                             placeholder={getLangText('Enter a conceptual overview...')}
                             required="required"/>
                     </Property>
@@ -115,7 +115,7 @@ let CylandAdditionalDataForm = React.createClass({
                         submitKey={this.submitKey}
                         setIsUploadReady={this.setIsUploadReady}
                         isReadyForFormSubmission={this.isReadyForFormSubmission}
-                        editable={true}
+                        editable={!this.props.disabled}
                         pieceId={this.props.piece.id}
                         otherData={this.props.piece.other_data}
                         multiple={true}/>

From 3b46dbb9f59792f32ce4f022ee329e6a74f0a499 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Fri, 21 Aug 2015 11:11:31 +0200
Subject: [PATCH 2/3] add upload busy function to fineuploader

---
 .../ascribe_detail/further_details_fileuploader.js         | 2 ++
 js/components/ascribe_uploader/react_s3_fine_uploader.js   | 6 ++++++
 .../cyland/ascribe_forms/cyland_additional_data_form.js    | 7 +++++++
 3 files changed, 15 insertions(+)

diff --git a/js/components/ascribe_detail/further_details_fileuploader.js b/js/components/ascribe_detail/further_details_fileuploader.js
index 2c9f2854..69f7bdc8 100644
--- a/js/components/ascribe_detail/further_details_fileuploader.js
+++ b/js/components/ascribe_detail/further_details_fileuploader.js
@@ -13,6 +13,7 @@ import { getCookie } from '../../utils/fetch_api_utils';
 
 let FurtherDetailsFileuploader = React.createClass({
     propTypes: {
+        uploadStarted: React.PropTypes.func,
         pieceId: React.PropTypes.number,
         otherData: React.PropTypes.arrayOf(React.PropTypes.object),
         setIsUploadReady: React.PropTypes.func,
@@ -43,6 +44,7 @@ let FurtherDetailsFileuploader = React.createClass({
             <Property
                 label="Additional files (max. 10MB)">
                 <ReactS3FineUploader
+                    uploadStarted={this.props.uploadStarted}
                     keyRoutine={{
                         url: AppConstants.serverUrl + 's3/key/',
                         fileClass: 'otherdata',
diff --git a/js/components/ascribe_uploader/react_s3_fine_uploader.js b/js/components/ascribe_uploader/react_s3_fine_uploader.js
index 90c76667..f97308ab 100644
--- a/js/components/ascribe_uploader/react_s3_fine_uploader.js
+++ b/js/components/ascribe_uploader/react_s3_fine_uploader.js
@@ -94,6 +94,7 @@ var ReactS3FineUploader = React.createClass({
         retry: React.PropTypes.shape({
             enableAuto: React.PropTypes.bool
         }),
+        uploadStarted: React.PropTypes.func,
         setIsUploadReady: React.PropTypes.func,
         isReadyForFormSubmission: React.PropTypes.func,
         areAssetsDownloadable: React.PropTypes.bool,
@@ -580,6 +581,11 @@ var ReactS3FineUploader = React.createClass({
             return;
         }
 
+        // Call this method to signal the outside component that an upload is in progress
+        if(this.props.uploadStarted && typeof this.props.uploadStarted === 'function') {
+            this.props.uploadStarted();
+        }
+
         // if multiple is set to false and user drops multiple files into the dropzone,
         // take the first one and notify user that only one file can be submitted
         if(!this.props.multiple && files.length > 1) {
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 71b91485..b97d568c 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
@@ -48,6 +48,12 @@ let CylandAdditionalDataForm = React.createClass({
 
     },
 
+    uploadStarted() {
+        this.setState({
+            isUploadReady: false
+        });
+    },
+
     setIsUploadReady(isReady) {
         this.setState({
             isUploadReady: isReady
@@ -112,6 +118,7 @@ let CylandAdditionalDataForm = React.createClass({
                             required="required"/>
                     </Property>
                     <FurtherDetailsFileuploader
+                        uploadStarted={this.uploadStarted}
                         submitKey={this.submitKey}
                         setIsUploadReady={this.setIsUploadReady}
                         isReadyForFormSubmission={this.isReadyForFormSubmission}

From e0b2f352df24fef2a4f06794473274f73d77d9b1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Fri, 21 Aug 2015 11:29:57 +0200
Subject: [PATCH 3/3] fix locked fields

---
 js/components/ascribe_forms/form_loan.js                   | 4 ++--
 js/components/ascribe_slides_container/slides_container.js | 1 -
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/js/components/ascribe_forms/form_loan.js b/js/components/ascribe_forms/form_loan.js
index 1beac5f9..e86a5387 100644
--- a/js/components/ascribe_forms/form_loan.js
+++ b/js/components/ascribe_forms/form_loan.js
@@ -148,7 +148,7 @@ let LoanForm = React.createClass({
                     label={getLangText('Loanee Email')}
                     onBlur={this.handleOnBlur}
                     editable={!this.props.email}
-                    overrideForm={this.props.email}>
+                    overrideForm={!!this.props.email}>
                     <input
                         value={this.props.email}
                         type="email"
@@ -159,7 +159,7 @@ let LoanForm = React.createClass({
                     name='gallery_name'
                     label={getLangText('Gallery/exhibition (optional)')}
                     editable={!this.props.gallery}
-                    overrideForm={this.props.gallery}>
+                    overrideForm={!!this.props.gallery}>
                     <input
                         value={this.props.gallery}
                         type="text"
diff --git a/js/components/ascribe_slides_container/slides_container.js b/js/components/ascribe_slides_container/slides_container.js
index b479404b..bdaef734 100644
--- a/js/components/ascribe_slides_container/slides_container.js
+++ b/js/components/ascribe_slides_container/slides_container.js
@@ -121,7 +121,6 @@ let SlidesContainer = React.createClass({
         // then we want to "replace" (in this case append) the current url with ?slide_num=0
         if(isNaN(slideNum) && this.state.slideNum === -1) {
             slideNum = 0;
-
             queryParams.slide_num = slideNum;
 
             this.replaceWith(this.getPathname(), null, queryParams);