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 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({
|
||||
<DeleteButton
|
||||
handleSuccess={this.props.handleDeleteSuccess}
|
||||
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}
|
||||
</AclButtonList>
|
||||
</Col>
|
||||
|
||||
@ -122,7 +122,7 @@ let Header = React.createClass({
|
||||
{this.getPoweredBy()}
|
||||
</Nav>
|
||||
<Nav navbar right>
|
||||
<HeaderNotificationDebug show={false}/>
|
||||
<HeaderNotificationDebug show = {false}/>
|
||||
{account}
|
||||
{signup}
|
||||
</Nav>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user