ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2025-02-14 21:10:27 +01:00
Code Issues Releases Wiki Activity

Generalize UploadButton styling

Browse Source
This commit is contained in:
Tim Daubenschütz 2015-11-17 11:22:24 +01:00
parent 4f0c0fe65a
commit 14621b5b38
4 changed files with 116 additions and 113 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
js/components/ascribe_forms/form_register_piece.js
View File

@ -145,7 +145,7 @@ let RegisterPieceForm = React.createClass({
<Property <Property
name="thumbnail_file"> name="thumbnail_file">
<InputFineUploader <InputFineUploader
fileInputElement={UploadButton} fileInputElement={UploadButton({ className: 'btn btn-secondary btn-sm' })}
createBlobRoutine={{ createBlobRoutine={{
url: ApiUrls.blob_thumbnails url: ApiUrls.blob_thumbnails
}} }}

2
js/components/ascribe_settings/contract_settings_update_button.js
View File

@ -55,7 +55,7 @@ let ContractSettingsUpdateButton = React.createClass({
render() { render() {
return ( return (
<ReactS3FineUploader <ReactS3FineUploader
fileInputElement={UploadButton} fileInputElement={UploadButton()}
keyRoutine={{ keyRoutine={{
url: AppConstants.serverUrl + 's3/key/', url: AppConstants.serverUrl + 's3/key/',
fileClass: 'contract' fileClass: 'contract'

11
js/components/ascribe_uploader/ascribe_upload_button/upload_button.js
View File

@ -10,7 +10,11 @@ import { truncateTextAtCharIndex } from '../../../utils/general_utils';
const { func, array, bool, shape, string } = React.PropTypes; const { func, array, bool, shape, string } = React.PropTypes;
let UploadButton = React.createClass({
export default function UploadButton({ className = 'btn btn-default btn-sm' } = {}) {
return React.createClass({
displayName: 'UploadButton',
propTypes: { propTypes: {
onDrop: func.isRequired, onDrop: func.isRequired,
filesToUpload: array, filesToUpload: array,
@ -115,7 +119,7 @@ let UploadButton = React.createClass({
<div className="upload-button-wrapper"> <div className="upload-button-wrapper">
<a <a
onClick={this.handleOnClick} onClick={this.handleOnClick}
className="btn btn-default btn-sm margin-left-2px" className={className}
disabled={this.getUploadingFiles().length !== 0}> disabled={this.getUploadingFiles().length !== 0}>
{this.getButtonLabel()} {this.getButtonLabel()}
<input <input
@ -135,5 +139,4 @@ let UploadButton = React.createClass({
); );
} }
}); });
}
export default UploadButton;

8
js/components/whitelabel/prize/portfolioreview/components/pr_forms/pr_register_piece_form.js
View File

@ -253,7 +253,7 @@ const PRRegisterPieceForm = React.createClass({
name="digitalWorkKey" name="digitalWorkKey"
label={getLangText('Select the PDF with your work')}> label={getLangText('Select the PDF with your work')}>
<InputFineuploader <InputFineuploader
fileInputElement={UploadButton} fileInputElement={UploadButton()}
isReadyForFormSubmission={formSubmissionValidation.atLeastOneUploadedFile} isReadyForFormSubmission={formSubmissionValidation.atLeastOneUploadedFile}
setIsUploadReady={this.setIsUploadReady('digitalWorkKeyReady')} setIsUploadReady={this.setIsUploadReady('digitalWorkKeyReady')}
createBlobRoutine={{ createBlobRoutine={{
@ -279,7 +279,7 @@ const PRRegisterPieceForm = React.createClass({
name="thumbnailKey" name="thumbnailKey"
label={getLangText('Featured Cover photo')}> label={getLangText('Featured Cover photo')}>
<InputFineuploader <InputFineuploader
fileInputElement={UploadButton} fileInputElement={UploadButton()}
createBlobRoutine={{ createBlobRoutine={{
url: ApiUrls.blob_thumbnails url: ApiUrls.blob_thumbnails
}} }}
@ -305,7 +305,7 @@ const PRRegisterPieceForm = React.createClass({
name="supportingMaterials" name="supportingMaterials"
label={getLangText('Supporting Materials (Optional)')}> label={getLangText('Supporting Materials (Optional)')}>
<InputFineuploader <InputFineuploader
fileInputElement={UploadButton} fileInputElement={UploadButton()}
isReadyForFormSubmission={formSubmissionValidation.atLeastOneUploadedFile} isReadyForFormSubmission={formSubmissionValidation.atLeastOneUploadedFile}
setIsUploadReady={this.setIsUploadReady('supportingMaterialsReady')} setIsUploadReady={this.setIsUploadReady('supportingMaterialsReady')}
createBlobRoutine={this.getCreateBlobRoutine()} createBlobRoutine={this.getCreateBlobRoutine()}
@ -327,7 +327,7 @@ const PRRegisterPieceForm = React.createClass({
name="proofOfPayment" name="proofOfPayment"
label={getLangText('Proof of payment')}> label={getLangText('Proof of payment')}>
<InputFineuploader <InputFineuploader
fileInputElement={UploadButton} fileInputElement={UploadButton()}
isReadyForFormSubmission={formSubmissionValidation.atLeastOneUploadedFile} isReadyForFormSubmission={formSubmissionValidation.atLeastOneUploadedFile}
setIsUploadReady={this.setIsUploadReady('proofOfPaymentReady')} setIsUploadReady={this.setIsUploadReady('proofOfPaymentReady')}
createBlobRoutine={this.getCreateBlobRoutine()} createBlobRoutine={this.getCreateBlobRoutine()}