disable submit prize with ACL

js/components/ascribe_accordion_list/accordion_list_item.js

@@ -21,7 +21,7 @@ import GlobalNotificationModel from '../../models/global_notification_model';
 import GlobalNotificationActions from '../../actions/global_notification_actions';
 
 import AclProxy from '../acl_proxy';
-import SubmitToPrizeButton from '../ascribe_buttons/submit_to_prize_button';
+import SubmitToPrizeButton from '../whitelabel/prize/components/ascribe_buttons/submit_to_prize_button';
 
 import { getLangText } from '../../utils/lang_utils';
 import { mergeOptions } from '../../utils/general_utils';
@@ -178,21 +178,13 @@ let AccordionListItem = React.createClass({
                                         onPollingSuccess={this.onPollingSuccess}/>
                                 </AclProxy>
                                 <AclProxy
-                                    show={this.props.content.prize === null}>
+                                    aclObject={this.props.content.acl}
+                                    aclName="acl_submit_to_prize">
                                     <SubmitToPrizeButton
                                         className="pull-right"
                                         piece={this.props.content}
                                         handleSuccess={this.handleSubmitPrizeSuccess}/>
                                 </AclProxy>
-                                <AclProxy
-                                    show={this.props.content.prize}>
-                                    <button
-                                        disabled
-                                        className="btn btn-default btn-xs pull-right">
-                                        {getLangText('Submitted to prize')} <span className="glyphicon glyphicon-ok"
-                                                                                  aria-hidden="true"></span>
-                                    </button>
-                                </AclProxy>
                                 {this.getLicences()}
                             </div>
                         </div>

js/components/ascribe_buttons/submit_to_prize_button.js

@@ -1,42 +0,0 @@
-'use strict';
-
-import React from 'react';
-import classNames from 'classnames';
-
-import ModalWrapper from '../ascribe_modal/modal_wrapper';
-import PieceSubmitToPrizeForm from '../ascribe_forms/form_submit_to_prize';
-
-import { getLangText } from '../../utils/lang_utils';
-
-let SubmitToPrizeButton = React.createClass({
-    propTypes: {
-        className: React.PropTypes.string,
-        handleSuccess: React.PropTypes.func,
-        piece: React.PropTypes.object.isRequired
-    },
-
-    getSubmitButton() {
-        return (
-            <button
-                className={classNames('btn', 'btn-default', 'btn-xs', this.props.className)}>
-                {getLangText('Submit to prize')}
-            </button>
-        );
-    },
-
-    render() {
-        return (
-            <ModalWrapper
-                button={this.getSubmitButton()}
-                handleSuccess={this.props.handleSuccess}
-                title={getLangText('Submit to prize')}>
-                <PieceSubmitToPrizeForm
-                    piece={this.props.piece}
-                    handleSuccess={this.props.handleSuccess}/>
-            </ModalWrapper>
-            
-        );
-    }
-});
-
-export default SubmitToPrizeButton;

js/components/whitelabel/prize/components/ascribe_buttons/submit_to_prize_button.js

@@ -0,0 +1,54 @@
+'use strict';
+
+import React from 'react';
+import classNames from 'classnames';
+
+import ModalWrapper from '../../../../ascribe_modal/modal_wrapper';
+import PieceSubmitToPrizeForm from '../../../../ascribe_forms/form_submit_to_prize';
+
+import { getLangText } from '../../../../../utils/lang_utils';
+
+let SubmitToPrizeButton = React.createClass({
+    propTypes: {
+        className: React.PropTypes.string,
+        handleSuccess: React.PropTypes.func,
+        piece: React.PropTypes.object.isRequired
+    },
+
+    getSubmitButton() {
+        if (this.props.piece.prize) {
+            return (
+                <button
+                    disabled
+                    className="btn btn-default btn-xs pull-right">
+                    {getLangText('Submitted to prize')} <span className="glyphicon glyphicon-ok"
+                                                              aria-hidden="true"></span>
+                </button>
+            );
+        }
+        else {
+            return (
+                <button
+                    className={classNames('btn', 'btn-default', 'btn-xs', this.props.className)}>
+                    {getLangText('Submit to prize')}
+                </button>
+            );
+        }
+    },
+
+    render() {
+        return (
+            <ModalWrapper
+                button={this.getSubmitButton()}
+                handleSuccess={this.props.handleSuccess}
+                title={getLangText('Submit to prize')}>
+                <PieceSubmitToPrizeForm
+                    piece={this.props.piece}
+                    handleSuccess={this.props.handleSuccess}/>
+            </ModalWrapper>
+            
+        );
+    }
+});
+
+export default SubmitToPrizeButton;