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}/> <ImageViewer thumbnail={this.props.edition.thumbnail}/>
</div> </div>
<div className="col-md-5"> <div className="col-md-5">
<EditionHeader piece={this.props.edition}/> <EditionHeader edition={this.props.edition}/>
<EditionDetails piece={this.props.edition}/> <EditionDetails edition={this.props.edition}/>
</div> </div>
</div> </div>
); );
@ -34,27 +34,27 @@ let EditionHeader = React.createClass({
<div className="ascribe-detail-header"> <div className="ascribe-detail-header">
<div className="row"> <div className="row">
<div className="row-same-height"> <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>TITLE:</div>
</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 className="ascribe-detail-title">{this.props.edition.title}</div>
</div> </div>
</div> </div>
</div> </div>
<div className="row"> <div className="row">
<div className="col-md-2"> <div className="col-xs-2">
<div>BY:</div> <div>BY:</div>
</div> </div>
<div className="col-md-10"> <div className="col-xs-10">
<div>{this.props.edition.artist_name}</div> <div>{this.props.edition.artist_name}</div>
</div> </div>
</div> </div>
<div className="row"> <div className="row">
<div className="col-md-2"> <div className="col-xs-2">
<div>DATE:</div> <div>DATE:</div>
</div> </div>
<div className="col-md-10"> <div className="col-xs-10">
<div>{ this.props.edition.date_created.slice(0,4) }</div> <div>{ this.props.edition.date_created.slice(0,4) }</div>
</div> </div>
</div> </div>
@ -73,26 +73,26 @@ let EditionDetails = React.createClass({
return ( return (
<div className="ascribe-detail-header"> <div className="ascribe-detail-header">
<div className="row"> <div className="row">
<div className="col-md-2"> <div className="col-xs-2">
<div>EDITION:</div> <div>EDITION:</div>
</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>{ this.props.edition.edition_number } of {this.props.edition.num_editions}</div>
</div> </div>
</div> </div>
<div className="row"> <div className="row">
<div className="col-md-2"> <div className="col-xs-2">
<div>ID:</div> <div>ID:</div>
</div> </div>
<div className="col-md-10"> <div className="col-xs-10">
<div>{ this.props.edition.bitcoin_id }</div> <div>{ this.props.edition.bitcoin_id }</div>
</div> </div>
</div> </div>
<div className="row"> <div className="row">
<div className="col-md-2"> <div className="col-xs-2">
<div>OWNER:</div> <div>OWNER:</div>
</div> </div>
<div className="col-md-10"> <div className="col-xs-10">
<div>{ this.props.edition.owner }</div> <div>{ this.props.edition.owner }</div>
</div> </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 * If no arg is supplied, load the current user
* *
*/ */
fetchOne(pieceId) { fetchOne(editionId) {
return fetch(AppConstants.baseUrl + 'editions/' + pieceId + '/', { return fetch(AppConstants.baseUrl + 'editions/' + editionId + '/', {
headers: { headers: {
'Authorization': 'Basic ' + AppConstants.debugCredentialBase64 'Authorization': 'Basic ' + AppConstants.debugCredentialBase64
} }
}).then((res) => res.json()); }).then(
(res) => res.json()
);
} }
}; };