mirror of
https://github.com/ascribe/onion.git
synced 2024-06-30 13:41:57 +02:00
piece loan history
This commit is contained in:
parent
60db83c626
commit
5c6b753acb
|
@ -16,6 +16,7 @@ import PieceListActions from '../../actions/piece_list_actions';
|
||||||
import PieceListStore from '../../stores/piece_list_store';
|
import PieceListStore from '../../stores/piece_list_store';
|
||||||
import EditionListActions from '../../actions/edition_list_actions';
|
import EditionListActions from '../../actions/edition_list_actions';
|
||||||
|
|
||||||
|
import HistoryIterator from './history_iterator';
|
||||||
|
|
||||||
import MediaContainer from './media_container';
|
import MediaContainer from './media_container';
|
||||||
|
|
||||||
|
@ -108,8 +109,8 @@ let Edition = React.createClass({
|
||||||
</Col>
|
</Col>
|
||||||
<Col md={6} className="ascribe-edition-details">
|
<Col md={6} className="ascribe-edition-details">
|
||||||
<div className="ascribe-detail-header">
|
<div className="ascribe-detail-header">
|
||||||
<h1 className="ascribe-detail-title">{this.props.edition.title}</h1>
|
|
||||||
<hr/>
|
<hr/>
|
||||||
|
<h1 className="ascribe-detail-title">{this.props.edition.title}</h1>
|
||||||
<EditionDetailProperty label="BY" value={this.props.edition.artist_name} />
|
<EditionDetailProperty label="BY" value={this.props.edition.artist_name} />
|
||||||
<EditionDetailProperty label="DATE" value={ this.props.edition.date_created.slice(0, 4) } />
|
<EditionDetailProperty label="DATE" value={ this.props.edition.date_created.slice(0, 4) } />
|
||||||
<hr/>
|
<hr/>
|
||||||
|
@ -130,21 +131,21 @@ let Edition = React.createClass({
|
||||||
<CollapsibleParagraph
|
<CollapsibleParagraph
|
||||||
title={getLangText('Provenance/Ownership History')}
|
title={getLangText('Provenance/Ownership History')}
|
||||||
show={this.props.edition.ownership_history && this.props.edition.ownership_history.length > 0}>
|
show={this.props.edition.ownership_history && this.props.edition.ownership_history.length > 0}>
|
||||||
<EditionDetailHistoryIterator
|
<HistoryIterator
|
||||||
history={this.props.edition.ownership_history} />
|
history={this.props.edition.ownership_history} />
|
||||||
</CollapsibleParagraph>
|
</CollapsibleParagraph>
|
||||||
|
|
||||||
<CollapsibleParagraph
|
<CollapsibleParagraph
|
||||||
title={getLangText('Consignment History')}
|
title={getLangText('Consignment History')}
|
||||||
show={this.props.edition.consign_history && this.props.edition.consign_history.length > 0}>
|
show={this.props.edition.consign_history && this.props.edition.consign_history.length > 0}>
|
||||||
<EditionDetailHistoryIterator
|
<HistoryIterator
|
||||||
history={this.props.edition.consign_history} />
|
history={this.props.edition.consign_history} />
|
||||||
</CollapsibleParagraph>
|
</CollapsibleParagraph>
|
||||||
|
|
||||||
<CollapsibleParagraph
|
<CollapsibleParagraph
|
||||||
title={getLangText('Loan History')}
|
title={getLangText('Loan History')}
|
||||||
show={this.props.edition.loan_history && this.props.edition.loan_history.length > 0}>
|
show={this.props.edition.loan_history && this.props.edition.loan_history.length > 0}>
|
||||||
<EditionDetailHistoryIterator
|
<HistoryIterator
|
||||||
history={this.props.edition.loan_history} />
|
history={this.props.edition.loan_history} />
|
||||||
</CollapsibleParagraph>
|
</CollapsibleParagraph>
|
||||||
|
|
||||||
|
@ -295,31 +296,6 @@ let EditionSummary = React.createClass({
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
||||||
let EditionDetailHistoryIterator = React.createClass({
|
|
||||||
propTypes: {
|
|
||||||
history: React.PropTypes.array
|
|
||||||
},
|
|
||||||
|
|
||||||
render() {
|
|
||||||
return (
|
|
||||||
<Form>
|
|
||||||
{this.props.history.map((historicalEvent, i) => {
|
|
||||||
return (
|
|
||||||
<Property
|
|
||||||
name={i}
|
|
||||||
key={i}
|
|
||||||
label={ historicalEvent[0] }
|
|
||||||
editable={false}>
|
|
||||||
<pre className="ascribe-pre">{ historicalEvent[1] }</pre>
|
|
||||||
</Property>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
<hr />
|
|
||||||
</Form>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
let EditionPersonalNote = React.createClass({
|
let EditionPersonalNote = React.createClass({
|
||||||
propTypes: {
|
propTypes: {
|
||||||
edition: React.PropTypes.object,
|
edition: React.PropTypes.object,
|
||||||
|
|
33
js/components/ascribe_detail/history_iterator.js
Normal file
33
js/components/ascribe_detail/history_iterator.js
Normal file
|
@ -0,0 +1,33 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
import React from 'react';
|
||||||
|
|
||||||
|
import Form from '../ascribe_forms/form';
|
||||||
|
import Property from '../ascribe_forms/property';
|
||||||
|
|
||||||
|
let HistoryIterator = React.createClass({
|
||||||
|
propTypes: {
|
||||||
|
history: React.PropTypes.array
|
||||||
|
},
|
||||||
|
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<Form>
|
||||||
|
{this.props.history.map((historicalEvent, i) => {
|
||||||
|
return (
|
||||||
|
<Property
|
||||||
|
name={i}
|
||||||
|
key={i}
|
||||||
|
label={ historicalEvent[0] }
|
||||||
|
editable={false}>
|
||||||
|
<pre className="ascribe-pre">{ historicalEvent[1] }</pre>
|
||||||
|
</Property>
|
||||||
|
);
|
||||||
|
})}
|
||||||
|
<hr />
|
||||||
|
</Form>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
export default HistoryIterator;
|
|
@ -19,6 +19,7 @@ import CollapsibleParagraph from './../ascribe_collapsible/collapsible_paragraph
|
||||||
import FurtherDetails from './further_details';
|
import FurtherDetails from './further_details';
|
||||||
|
|
||||||
import DetailProperty from './detail_property';
|
import DetailProperty from './detail_property';
|
||||||
|
import HistoryIterator from './history_iterator';
|
||||||
|
|
||||||
import AclButtonList from './../ascribe_buttons/acl_button_list';
|
import AclButtonList from './../ascribe_buttons/acl_button_list';
|
||||||
import CreateEditionsForm from '../ascribe_forms/create_editions_form';
|
import CreateEditionsForm from '../ascribe_forms/create_editions_form';
|
||||||
|
@ -185,6 +186,14 @@ let PieceContainer = React.createClass({
|
||||||
</AclButtonList>
|
</AclButtonList>
|
||||||
}>
|
}>
|
||||||
{this.getCreateEditionsDialog()}
|
{this.getCreateEditionsDialog()}
|
||||||
|
|
||||||
|
<CollapsibleParagraph
|
||||||
|
title={getLangText('Loan History')}
|
||||||
|
show={this.state.piece.loan_history && this.state.piece.loan_history.length > 0}>
|
||||||
|
<HistoryIterator
|
||||||
|
history={this.state.piece.loan_history} />
|
||||||
|
</CollapsibleParagraph>
|
||||||
|
|
||||||
<CollapsibleParagraph
|
<CollapsibleParagraph
|
||||||
title="Further Details"
|
title="Further Details"
|
||||||
show={this.state.piece.acl.acl_edit
|
show={this.state.piece.acl.acl_edit
|
||||||
|
|
|
@ -16,6 +16,8 @@ import Property from '../../../../../../components/ascribe_forms/property';
|
||||||
import InputTextAreaToggable from '../../../../../../components/ascribe_forms/input_textarea_toggable';
|
import InputTextAreaToggable from '../../../../../../components/ascribe_forms/input_textarea_toggable';
|
||||||
import CollapsibleParagraph from '../../../../../../components/ascribe_collapsible/collapsible_paragraph';
|
import CollapsibleParagraph from '../../../../../../components/ascribe_collapsible/collapsible_paragraph';
|
||||||
|
|
||||||
|
import HistoryIterator from '../../../../../ascribe_detail/history_iterator';
|
||||||
|
|
||||||
import FurtherDetailsFileuploader from '../../../../../ascribe_detail/further_details_fileuploader';
|
import FurtherDetailsFileuploader from '../../../../../ascribe_detail/further_details_fileuploader';
|
||||||
import DetailProperty from '../../../../../ascribe_detail/detail_property';
|
import DetailProperty from '../../../../../ascribe_detail/detail_property';
|
||||||
|
|
||||||
|
@ -84,6 +86,14 @@ let CylandPieceContainer = React.createClass({
|
||||||
<hr/>
|
<hr/>
|
||||||
</div>
|
</div>
|
||||||
}>
|
}>
|
||||||
|
|
||||||
|
<CollapsibleParagraph
|
||||||
|
title={getLangText('Loan History')}
|
||||||
|
show={this.state.piece.loan_history && this.state.piece.loan_history.length > 0}>
|
||||||
|
<HistoryIterator
|
||||||
|
history={this.state.piece.loan_history} />
|
||||||
|
</CollapsibleParagraph>
|
||||||
|
|
||||||
<CylandPieceDetails piece={this.state.piece}/>
|
<CylandPieceDetails piece={this.state.piece}/>
|
||||||
</Piece>
|
</Piece>
|
||||||
);
|
);
|
||||||
|
|
Loading…
Reference in New Issue
Block a user