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 [
,
+
+ 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)
+
+