add upload busy function to fineuploader

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',

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) {

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}