mirror of https://github.com/ascribe/onion.git
113 lines
3.8 KiB
JavaScript
113 lines
3.8 KiB
JavaScript
'use strict';
|
|
|
|
import React from 'react';
|
|
|
|
import ContractListActions from '../../actions/contract_list_actions';
|
|
|
|
import GlobalNotificationModel from '../../models/global_notification_model';
|
|
import GlobalNotificationActions from '../../actions/global_notification_actions';
|
|
|
|
import InputFineUploader from './input_fineuploader';
|
|
|
|
import Form from '../ascribe_forms/form';
|
|
import Property from '../ascribe_forms/property';
|
|
|
|
import ApiUrls from '../../constants/api_urls';
|
|
import AppConstants from '../../constants/application_constants';
|
|
import { validationTypes } from '../../constants/uploader_constants';
|
|
|
|
import { getLangText } from '../../utils/lang_utils';
|
|
import { formSubmissionValidation } from '../ascribe_uploader/react_s3_fine_uploader_utils';
|
|
|
|
|
|
let CreateContractForm = React.createClass({
|
|
propTypes: {
|
|
isPublic: React.PropTypes.bool,
|
|
|
|
// A class of a file the user has to upload
|
|
// Needs to be defined both in singular as well as in plural
|
|
fileClassToUpload: React.PropTypes.shape({
|
|
singular: React.PropTypes.string,
|
|
plural: React.PropTypes.string
|
|
})
|
|
},
|
|
|
|
getInitialState() {
|
|
return {
|
|
isUploadReady: false,
|
|
contractName: ''
|
|
};
|
|
},
|
|
|
|
setIsUploadReady(isReady) {
|
|
this.setState({
|
|
isUploadReady: isReady
|
|
});
|
|
},
|
|
|
|
handleCreateSuccess(response) {
|
|
ContractListActions.fetchContractList(true);
|
|
let notification = new GlobalNotificationModel(getLangText('Contract %s successfully created', response.name), 'success', 5000);
|
|
GlobalNotificationActions.appendGlobalNotification(notification);
|
|
this.refs.form.reset();
|
|
},
|
|
|
|
submitFile({ originalName }) {
|
|
this.setState({
|
|
contractName: originalName
|
|
});
|
|
|
|
this.refs.form.submit();
|
|
},
|
|
|
|
render() {
|
|
return (
|
|
<Form
|
|
ref='form'
|
|
url={ApiUrls.ownership_contract_list}
|
|
handleSuccess={this.handleCreateSuccess}>
|
|
<Property
|
|
name="blob"
|
|
label={getLangText('Contract file (*.pdf only, max. 50MB per contract)')}>
|
|
<InputFineUploader
|
|
submitFile={this.submitFile}
|
|
keyRoutine={{
|
|
url: AppConstants.serverUrl + 's3/key/',
|
|
fileClass: 'contract'
|
|
}}
|
|
createBlobRoutine={{
|
|
url: ApiUrls.blob_contracts
|
|
}}
|
|
validation={{
|
|
itemLimit: validationTypes.additionalData.itemLimit,
|
|
sizeLimit: validationTypes.additionalData.sizeLimit,
|
|
allowedExtensions: ['pdf']
|
|
}}
|
|
areAssetsDownloadable={true}
|
|
areAssetsEditable={true}
|
|
setIsUploadReady={this.setIsUploadReady}
|
|
isReadyForFormSubmission={formSubmissionValidation.atLeastOneUploadedFile}
|
|
fileClassToUpload={this.props.fileClassToUpload} />
|
|
</Property>
|
|
<Property
|
|
name='name'
|
|
label={getLangText('Contract name')}
|
|
expanded={false}>
|
|
<input
|
|
type="text"
|
|
value={this.state.contractName}/>
|
|
</Property>
|
|
<Property
|
|
name="is_public"
|
|
expanded={false}>
|
|
<input
|
|
type="checkbox"
|
|
value={this.props.isPublic} />
|
|
</Property>
|
|
</Form>
|
|
);
|
|
}
|
|
});
|
|
|
|
export default CreateContractForm;
|