onion/js/components/ascribe_buttons/acls/acl_button.js

'use strict';

import React from 'react';
import classNames from 'classnames';

import AclProxy from '../../acl_proxy';

import AclFormFactory from '../../ascribe_forms/acl_form_factory';

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

import ApiUrls from '../../../constants/api_urls';

import { getAclFormMessage, getAclFormDataId } from '../../../utils/form_utils';
import { getLangText } from '../../../utils/lang_utils';

let AclButton = React.createClass({
    propTypes: {
        action: React.PropTypes.oneOf(AppConstants.aclList).isRequired,
        availableAcls: React.PropTypes.object.isRequired,
        buttonAcceptName: React.PropTypes.string,
        buttonAcceptClassName: React.PropTypes.string,
        currentUser: React.PropTypes.object.isRequired,
        email: React.PropTypes.string,
        pieceOrEditions: React.PropTypes.oneOfType([
            React.PropTypes.object,
            React.PropTypes.array
        ]).isRequired,
        title: React.PropTypes.string,
        handleSuccess: React.PropTypes.func.isRequired,
        className: React.PropTypes.string
    },

    // Removes the acl_ prefix and converts to upper case
    sanitizeAction() {
        if (this.props.buttonAcceptName) {
            return this.props.buttonAcceptName;
        }
        return this.props.action.split('acl_')[1].toUpperCase();
    },

    render() {
        const {
            action,
            availableAcls,
            buttonAcceptClassName,
            currentUser,
            email,
            pieceOrEditions,
            handleSuccess,
            title } = this.props;

        return (
            <AclProxy
                aclName={action}
                aclObject={availableAcls}>
                <ModalWrapper
                    trigger={
                        <button
                            className={classNames('btn', 'btn-default', 'btn-sm', buttonAcceptClassName)}>
                            {this.sanitizeAction()}
                        </button>
                    }
                    handleSuccess={handleSuccess}
                    title={title}>
                    <AclFormFactory
                        action={action}
                        currentUser={currentUser}
                        email={email}
                        pieceOrEditions={pieceOrEditions}
                        showNotification />
                </ModalWrapper>
            </AclProxy>
        );
    }
});

export default AclButton;