ascribe/onion
1
0
Fork 0
mirror of https://github.com/ascribe/onion.git synced 2025-01-03 10:25:08 +01:00
Code Issues Releases Wiki Activity

edition loads in detail

Browse Source
This commit is contained in:
ddejongh 2015-05-26 14:58:11 +02:00
parent bcf8756cd3
commit dc33c74da6
2 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
js/components/edition.js
View File

@ -16,8 +16,8 @@ let Edition = React.createClass({
<ImageViewer thumbnail={this.props.edition.thumbnail}/>
</div>
<div className="col-md-5">
<EditionHeader piece={this.props.edition}/>
<EditionDetails piece={this.props.edition}/>
<EditionHeader edition={this.props.edition}/>
<EditionDetails edition={this.props.edition}/>
</div>
</div>
);
@ -34,27 +34,27 @@ let EditionHeader = React.createClass({
<div className="ascribe-detail-header">
<div className="row">
<div className="row-same-height">
<div className="col-md-2 col-xs-height col-bottom">
<div className="col-xs-2 col-xs-height col-bottom">
<div>TITLE:</div>
</div>
<div className="col-md-10 col-xs-height col-bottom">
<div className="col-xs-10 col-xs-height col-bottom">
<div className="ascribe-detail-title">{this.props.edition.title}</div>
</div>
</div>
</div>
<div className="row">
<div className="col-md-2">
<div className="col-xs-2">
<div>BY:</div>
</div>
<div className="col-md-10">
<div className="col-xs-10">
<div>{this.props.edition.artist_name}</div>
</div>
</div>
<div className="row">
<div className="col-md-2">
<div className="col-xs-2">
<div>DATE:</div>
</div>
<div className="col-md-10">
<div className="col-xs-10">
<div>{ this.props.edition.date_created.slice(0,4) }</div>
</div>
</div>
@ -73,26 +73,26 @@ let EditionDetails = React.createClass({
return (
<div className="ascribe-detail-header">
<div className="row">
<div className="col-md-2">
<div className="col-xs-2">
<div>EDITION:</div>
</div>
<div className="col-md-10">
<div className="col-xs-10">
<div>{ this.props.edition.edition_number } of {this.props.edition.num_editions}</div>
</div>
</div>
<div className="row">
<div className="col-md-2">
<div className="col-xs-2">
<div>ID:</div>
</div>
<div className="col-md-10">
<div className="col-xs-10">
<div>{ this.props.edition.bitcoin_id }</div>
</div>
</div>
<div className="row">
<div className="col-md-2">
<div className="col-xs-2">
<div>OWNER:</div>
</div>
<div className="col-md-10">
<div className="col-xs-10">
<div>{ this.props.edition.owner }</div>
</div>
</div>

8
js/fetchers/edition_fetcher.js
View File

@ -10,12 +10,14 @@ let EditionFetcher = {
* If no arg is supplied, load the current user
*
*/
fetchOne(pieceId) {
return fetch(AppConstants.baseUrl + 'editions/' + pieceId + '/', {
fetchOne(editionId) {
return fetch(AppConstants.baseUrl + 'editions/' + editionId + '/', {
headers: {
'Authorization': 'Basic ' + AppConstants.debugCredentialBase64
}
}).then((res) => res.json());
}).then(
(res) => res.json()
);
}
};