mirror of
https://github.com/ascribe/onion.git
synced 2024-12-24 02:16:10 +01:00
91 lines
3.7 KiB
JavaScript
91 lines
3.7 KiB
JavaScript
'use strict';
|
|
|
|
import React from 'react';
|
|
|
|
import ConsignForm from '../ascribe_forms/form_consign';
|
|
import UnConsignForm from '../ascribe_forms/form_unconsign';
|
|
import TransferForm from '../ascribe_forms/form_transfer';
|
|
import LoanForm from '../ascribe_forms/form_loan';
|
|
import ShareForm from '../ascribe_forms/form_share_email';
|
|
import ModalWrapper from '../ascribe_modal/modal_wrapper';
|
|
import AppConstants from '../../constants/application_constants';
|
|
|
|
import GlobalNotificationModel from '../../models/global_notification_model';
|
|
import GlobalNotificationActions from '../../actions/global_notification_actions';
|
|
|
|
let AclButton = React.createClass({
|
|
propTypes: {
|
|
action: React.PropTypes.oneOf(AppConstants.aclList).isRequired,
|
|
availableAcls: React.PropTypes.array.isRequired,
|
|
editions: React.PropTypes.array.isRequired,
|
|
currentUser: React.PropTypes.object,
|
|
handleSuccess: React.PropTypes.func.isRequired,
|
|
className: React.PropTypes.string
|
|
},
|
|
|
|
actionProperties(){
|
|
if (this.props.action === 'consign'){
|
|
return {
|
|
title: 'Consign artwork',
|
|
tooltip: 'Have someone else sell the artwork',
|
|
form: <ConsignForm currentUser={ this.props.currentUser } editions={ this.props.editions }/>,
|
|
handleSuccess: this.showNotification
|
|
};
|
|
}
|
|
if (this.props.action === 'unconsign'){
|
|
return {
|
|
title: 'Unconsign artwork',
|
|
tooltip: 'Have the owner manage his sales again',
|
|
form: <UnConsignForm currentUser={ this.props.currentUser } editions={ this.props.editions }/>,
|
|
handleSuccess: this.showNotification
|
|
};
|
|
}else if (this.props.action === 'transfer') {
|
|
return {
|
|
title: 'Transfer artwork',
|
|
tooltip: 'Transfer the ownership of the artwork',
|
|
form: <TransferForm currentUser={ this.props.currentUser } editions={ this.props.editions }/>,
|
|
handleSuccess: this.showNotification
|
|
};
|
|
}
|
|
else if (this.props.action === 'loan'){
|
|
return {
|
|
title: 'Loan artwork',
|
|
tooltip: 'Loan your artwork for a limited period of time',
|
|
form: <LoanForm currentUser={ this.props.currentUser } editions={ this.props.editions }/>,
|
|
handleSuccess: this.showNotification
|
|
};
|
|
}
|
|
else if (this.props.action === 'share'){
|
|
return {
|
|
title: 'Share artwork',
|
|
tooltip: 'Share the artwork',
|
|
form: <ShareForm currentUser={ this.props.currentUser } editions={ this.props.editions }/>,
|
|
handleSuccess: this.showNotification
|
|
};
|
|
}
|
|
},
|
|
showNotification(response){
|
|
this.props.handleSuccess();
|
|
let notification = new GlobalNotificationModel(response.notification, 'success');
|
|
GlobalNotificationActions.appendGlobalNotification(notification);
|
|
},
|
|
render() {
|
|
let shouldDisplay = this.props.availableAcls.indexOf(this.props.action) > -1;
|
|
let aclProps = this.actionProperties();
|
|
return (
|
|
<ModalWrapper
|
|
button={
|
|
<button className={shouldDisplay ? 'btn btn-default btn-sm ' : 'hidden'}>
|
|
{this.props.action.toUpperCase()}
|
|
</button>
|
|
}
|
|
handleSuccess={ aclProps.handleSuccess }
|
|
title={ aclProps.title }
|
|
tooltip={ aclProps.tooltip }>
|
|
{ aclProps.form }
|
|
</ModalWrapper>
|
|
);
|
|
}
|
|
});
|
|
|
|
export default AclButton; |