diff --git a/js/components/ascribe_buttons/acl_information_button.js b/js/components/ascribe_buttons/acl_information_button.js new file mode 100644 index 00000000..3fcbb95f --- /dev/null +++ b/js/components/ascribe_buttons/acl_information_button.js @@ -0,0 +1,88 @@ +/** + * Created by cevo on 23.09.15. + */ +'use strict'; + +import React from 'react'; +import CollapsibleButton from '../ascribe_collapsible/collapsible_button'; +import Button from 'react-bootstrap/lib/Button'; + +let aclInformationButton = React.createClass({ + + render: function () { + let titleStyle = { + color: '#02B6A3', + fontSize: '14px' + }; + + let exampleStyle = { + color: '#B2B2B2', + fontSize: '14px' + }; + + let infoStyle = { + color: '#333333', + fontSize: '14px' + }; + + let divStyle = { + color: 'white', + width: 10 + }; + + let titleList = ['TRANSFER', 'CONSIGN', 'LOAN', 'SHARE', 'DELETE']; + + let infoSentenceList = [ + '- Changes ownership of an Edition. As with a physical piece of work, ' + + 'transferring ownership of an Edition does not transfer copyright in the Work.', + + '- Lets someone represent you in dealing with the work, under the terms you agree to.', + + '- Lets someone use or put the Work on display for a limited amount of time.', + + '- Lets someone view the Work or Edition, but does not give rights to publish or display it.', + + '- Removes the Work from your Wallet. Note that the previous registration and transfer ' + + 'history will still exist on the blockchain and cannot be deleted.' + ]; + + let exampleSentenceList = [ + '(e.g. a musician Transfers limited edition 1 of 10 of her new album to a very happy fan)', + + '(e.g. an artist Consigns 10 Editions of her new Work to a gallery ' + + 'so the gallery can sell them on her behalf, under the terms the artist and the gallery have agreed to)', + + '(e.g. a collector Loans a Work to a gallery for one month for display in the gallery\'s show)', + + '(e.g. a photographer Shares proofs of a graduation photo with the graduate\'s grandparents)', + + '(e.g. an artist uploaded the wrong file and doesn\'t want it cluttering his Wallet, so he Deletes it)' + ]; + let createJSXTextSnippet = function (title, info, example) { + return [

, {title} , + {info} , + {example} ,

]; + }; + + let rows = []; + for (let i = 0; i < titleList.length; i++){ + rows.push(rows, createJSXTextSnippet(titleList[i], infoSentenceList[i], exampleSentenceList[i])); + } + return ( + + ? + + } + panel={ +
+ {rows} +
+ } + /> + ); + } +}); + +export default aclInformationButton; diff --git a/js/components/ascribe_detail/edition.js b/js/components/ascribe_detail/edition.js index 696e5057..f21bcc71 100644 --- a/js/components/ascribe_detail/edition.js +++ b/js/components/ascribe_detail/edition.js @@ -31,7 +31,8 @@ import EditionFurtherDetails from './further_details'; import ListRequestActions from './../ascribe_forms/list_form_request_actions'; import AclButtonList from './../ascribe_buttons/acl_button_list'; import UnConsignRequestButton from './../ascribe_buttons/unconsign_request_button'; -import DeleteButton from '../ascribe_buttons/delete_button'; +import DeleteButton from './../ascribe_buttons/delete_button'; +import CollapsibleButton from './../ascribe_collapsible/collapsible_button'; import GlobalNotificationModel from '../../models/global_notification_model'; import GlobalNotificationActions from '../../actions/global_notification_actions'; @@ -242,7 +243,6 @@ let EditionSummary = React.createClass({ handleSuccess={this.showNotification} requestActions={this.props.edition.request_action}/>); } - else { let withdrawButton = null; if (this.props.edition.status.length > 0 && this.props.edition.pending_new_owner && this.props.edition.acl.acl_withdraw_transfer) { @@ -280,6 +280,83 @@ let EditionSummary = React.createClass({ + + ? + + } + panel = { +
+

+ + TRANSFER + + + - Changes ownership of an Edition. As with a physical piece of work, + transferring ownership of an Edition does not transfer copyright in the Work. + +

+ + (e.g. a musician Transfers limited edition 1 of 10 of her new album to a very happy fan) + +

+

+ + CONSIGN + + + - Lets someone represent you in dealing with the work, under the terms + you agree to. + +

+ + (e.g. an artist Consigns 10 Editions of her new Work to a gallery so the gallery can sell + them on her behalf, under the terms the artist and the gallery have agreed to) + +

+

+ + LOAN + + + - Lets someone use or put the Work on display for a limited amount of time. + +

+ + (e.g. a collector Loans a Work to a gallery for one month + for display in the gallery's show) + +

+

+ + SHARE + + + - Lets someone view the Work or Edition, + but does not give rights to publish or display it. + +

+ + (e.g. a photographer Shares proofs of a graduation photo with the graduate's grandparents) + +

+

+ + DELETE + + + -Removes the Work from your Wallet. Note that the previous registration and + transfer history will still exist on the blockchain and cannot be deleted. + +

+ + (e.g. an artist uploaded the wrong file and doesn't want it cluttering his Wallet, so he Deletes it) + +

+
+ } + /> {unconsignRequestButton} diff --git a/js/components/header.js b/js/components/header.js index 0863624f..078c9961 100644 --- a/js/components/header.js +++ b/js/components/header.js @@ -122,7 +122,7 @@ let Header = React.createClass({ {this.getPoweredBy()}