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] 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}