mirror of
https://github.com/ascribe/onion.git
synced 2025-01-03 18:35:09 +01:00
initial push for version controlling, will be edited
This commit is contained in:
Cevo
parent
159b9a97bf
commit
4ae73871d3
88
js/components/ascribe_buttons/acl_information_button.js
Normal file
88
js/components/ascribe_buttons/acl_information_button.js
Normal file
@ -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 [<p>, <Text style={titleStyle}> {title} </Text>,
|
||||||
|
<Text style={infoStyle}> {info} </Text>,
|
||||||
|
<Text style={exampleStyle}> {example} </Text>, </p> ];
|
||||||
|
};
|
||||||
|
|
||||||
|
let rows = [];
|
||||||
|
for (let i = 0; i < titleList.length; i++){
|
||||||
|
rows.push(rows, createJSXTextSnippet(titleList[i], infoSentenceList[i], exampleSentenceList[i]));
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<CollapsibleButton
|
||||||
|
button = {
|
||||||
|
<Button bsSize="xsmall" className="ascribe-margin-1px" >
|
||||||
|
?
|
||||||
|
</Button>
|
||||||
|
}
|
||||||
|
panel={
|
||||||
|
<div style = {divStyle}>
|
||||||
|
{rows}
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
export default aclInformationButton;
|
||||||
@ -31,7 +31,8 @@ import EditionFurtherDetails from './further_details';
|
|||||||
import ListRequestActions from './../ascribe_forms/list_form_request_actions';
|
import ListRequestActions from './../ascribe_forms/list_form_request_actions';
|
||||||
import AclButtonList from './../ascribe_buttons/acl_button_list';
|
import AclButtonList from './../ascribe_buttons/acl_button_list';
|
||||||
import UnConsignRequestButton from './../ascribe_buttons/unconsign_request_button';
|
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 GlobalNotificationModel from '../../models/global_notification_model';
|
||||||
import GlobalNotificationActions from '../../actions/global_notification_actions';
|
import GlobalNotificationActions from '../../actions/global_notification_actions';
|
||||||
@ -242,7 +243,6 @@ let EditionSummary = React.createClass({
|
|||||||
handleSuccess={this.showNotification}
|
handleSuccess={this.showNotification}
|
||||||
requestActions={this.props.edition.request_action}/>);
|
requestActions={this.props.edition.request_action}/>);
|
||||||
}
|
}
|
||||||
|
|
||||||
else {
|
else {
|
||||||
let withdrawButton = null;
|
let withdrawButton = null;
|
||||||
if (this.props.edition.status.length > 0 && this.props.edition.pending_new_owner && this.props.edition.acl.acl_withdraw_transfer) {
|
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({
|
|||||||
<DeleteButton
|
<DeleteButton
|
||||||
handleSuccess={this.props.handleDeleteSuccess}
|
handleSuccess={this.props.handleDeleteSuccess}
|
||||||
editions={[this.props.edition]}/>
|
editions={[this.props.edition]}/>
|
||||||
|
<CollapsibleButton
|
||||||
|
button={
|
||||||
|
<Button bsSize="xsmall" className="ascribe-margin-1px" >
|
||||||
|
?
|
||||||
|
</Button>
|
||||||
|
}
|
||||||
|
panel = {
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
<span style={{color: '#02B6A3'}}>
|
||||||
|
TRANSFER
|
||||||
|
</span>
|
||||||
|
<span style={{color: '#333333'}}>
|
||||||
|
- Changes ownership of an Edition. As with a physical piece of work,
|
||||||
|
transferring ownership of an Edition does not transfer copyright in the Work.
|
||||||
|
</span>
|
||||||
|
<br></br>
|
||||||
|
<span style={{color: '#B2B2B2'}}>
|
||||||
|
(e.g. a musician Transfers limited edition 1 of 10 of her new album to a very happy fan)
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<span style={{color: '#02B6A3'}}>
|
||||||
|
CONSIGN
|
||||||
|
</span>
|
||||||
|
<span style={{color: '#333333'}}>
|
||||||
|
- Lets someone represent you in dealing with the work, under the terms
|
||||||
|
you agree to.
|
||||||
|
</span>
|
||||||
|
<br></br>
|
||||||
|
<span style={{color: '#B2B2B2'}}>
|
||||||
|
(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)
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<span style={{color: '#02B6A3'}}>
|
||||||
|
LOAN
|
||||||
|
</span>
|
||||||
|
<span style={{color: '#333333'}}>
|
||||||
|
- Lets someone use or put the Work on display for a limited amount of time.
|
||||||
|
</span>
|
||||||
|
<br></br>
|
||||||
|
<span style={{color: '#B2B2B2'}}>
|
||||||
|
(e.g. a collector Loans a Work to a gallery for one month
|
||||||
|
for display in the gallery's show)
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<span style={{color: '#02B6A3'}}>
|
||||||
|
SHARE
|
||||||
|
</span>
|
||||||
|
<span style={{color: '#333333'}}>
|
||||||
|
- Lets someone view the Work or Edition,
|
||||||
|
but does not give rights to publish or display it.
|
||||||
|
</span>
|
||||||
|
<br></br>
|
||||||
|
<span style={{color: '#B2B2B2'}}>
|
||||||
|
(e.g. a photographer Shares proofs of a graduation photo with the graduate's grandparents)
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
<span style={{color: '#02B6A3'}}>
|
||||||
|
DELETE
|
||||||
|
</span>
|
||||||
|
<span style={{color: '#333333'}}>
|
||||||
|
-Removes the Work from your Wallet. Note that the previous registration and
|
||||||
|
transfer history will still exist on the blockchain and cannot be deleted.
|
||||||
|
</span>
|
||||||
|
<br></br>
|
||||||
|
<span style={{color: '#B2B2B2'}}>
|
||||||
|
(e.g. an artist uploaded the wrong file and doesn't want it cluttering his Wallet, so he Deletes it)
|
||||||
|
</span>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
/>
|
||||||
{unconsignRequestButton}
|
{unconsignRequestButton}
|
||||||
</AclButtonList>
|
</AclButtonList>
|
||||||
</Col>
|
</Col>
|
||||||
|
|||||||
@ -122,7 +122,7 @@ let Header = React.createClass({
|
|||||||
{this.getPoweredBy()}
|
{this.getPoweredBy()}
|
||||||
</Nav>
|
</Nav>
|
||||||
<Nav navbar right>
|
<Nav navbar right>
|
||||||
<HeaderNotificationDebug show={false}/>
|
<HeaderNotificationDebug show = {false}/>
|
||||||
{account}
|
{account}
|
||||||
{signup}
|
{signup}
|
||||||
</Nav>
|
</Nav>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user