mirror of https://github.com/ascribe/onion.git
edition
This commit is contained in:
ddejongh
parent
497e43005e
commit
bcf8756cd3
|
|
@ -1,18 +1,18 @@
|
|||
import alt from '../alt';
|
||||
import PieceFetcher from '../fetchers/piece_fetcher';
|
||||
import EditionFetcher from '../fetchers/edition_fetcher';
|
||||
|
||||
|
||||
class PieceActions {
|
||||
class EditionActions {
|
||||
constructor() {
|
||||
this.generateActions(
|
||||
'updatePiece'
|
||||
'updateEdition'
|
||||
);
|
||||
}
|
||||
|
||||
fetchOne(pieceId) {
|
||||
PieceFetcher.fetchOne(pieceId)
|
||||
fetchOne(editionId) {
|
||||
EditionFetcher.fetchOne(editionId)
|
||||
.then((res) => {
|
||||
this.actions.updatePiece(res.piece);
|
||||
this.actions.updateEdition(res.edition);
|
||||
})
|
||||
.catch((err) => {
|
||||
console.log(err);
|
||||
|
|
@ -20,4 +20,4 @@ class PieceActions {
|
|||
}
|
||||
}
|
||||
|
||||
export default alt.createActions(PieceActions);
|
||||
export default alt.createActions(EditionActions);
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ import ImageViewer from './ascribe_media/image_viewer';
|
|||
/**
|
||||
* This is the component that implements display-specific functionality
|
||||
*/
|
||||
let Piece = React.createClass({
|
||||
let Edition = React.createClass({
|
||||
//propTypes: {
|
||||
// title: React.PropTypes.string.isRequired
|
||||
//},
|
||||
|
|
@ -13,18 +13,18 @@ let Piece = React.createClass({
|
|||
return (
|
||||
<div>
|
||||
<div className="col-md-7">
|
||||
<ImageViewer thumbnail={this.props.piece.thumbnail}/>
|
||||
<ImageViewer thumbnail={this.props.edition.thumbnail}/>
|
||||
</div>
|
||||
<div className="col-md-5">
|
||||
<PieceHeader piece={this.props.piece}/>
|
||||
<PieceEdition piece={this.props.piece}/>
|
||||
<EditionHeader piece={this.props.edition}/>
|
||||
<EditionDetails piece={this.props.edition}/>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
let PieceHeader = React.createClass({
|
||||
let EditionHeader = React.createClass({
|
||||
//propTypes: {
|
||||
// title: React.PropTypes.string.isRequired
|
||||
//},
|
||||
|
|
@ -38,7 +38,7 @@ let PieceHeader = React.createClass({
|
|||
<div>TITLE:</div>
|
||||
</div>
|
||||
<div className="col-md-10 col-xs-height col-bottom">
|
||||
<div className="ascribe-detail-title">{this.props.piece.title}</div>
|
||||
<div className="ascribe-detail-title">{this.props.edition.title}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -47,7 +47,7 @@ let PieceHeader = React.createClass({
|
|||
<div>BY:</div>
|
||||
</div>
|
||||
<div className="col-md-10">
|
||||
<div>{this.props.piece.artist_name}</div>
|
||||
<div>{this.props.edition.artist_name}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
|
|
@ -55,7 +55,7 @@ let PieceHeader = React.createClass({
|
|||
<div>DATE:</div>
|
||||
</div>
|
||||
<div className="col-md-10">
|
||||
<div>{ this.props.piece.date_created.slice(0,4) }</div>
|
||||
<div>{ this.props.edition.date_created.slice(0,4) }</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr/>
|
||||
|
|
@ -64,7 +64,7 @@ let PieceHeader = React.createClass({
|
|||
}
|
||||
});
|
||||
|
||||
let PieceEdition = React.createClass({
|
||||
let EditionDetails = React.createClass({
|
||||
//propTypes: {
|
||||
// title: React.PropTypes.string.isRequired
|
||||
//},
|
||||
|
|
@ -77,7 +77,7 @@ let PieceEdition = React.createClass({
|
|||
<div>EDITION:</div>
|
||||
</div>
|
||||
<div className="col-md-10">
|
||||
<div>{ this.props.piece.edition_number } of {this.props.piece.num_editions}</div>
|
||||
<div>{ this.props.edition.edition_number } of {this.props.edition.num_editions}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
|
|
@ -85,7 +85,7 @@ let PieceEdition = React.createClass({
|
|||
<div>ID:</div>
|
||||
</div>
|
||||
<div className="col-md-10">
|
||||
<div>{ this.props.piece.bitcoin_id }</div>
|
||||
<div>{ this.props.edition.bitcoin_id }</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="row">
|
||||
|
|
@ -93,7 +93,7 @@ let PieceEdition = React.createClass({
|
|||
<div>OWNER:</div>
|
||||
</div>
|
||||
<div className="col-md-10">
|
||||
<div>{ this.props.piece.owner }</div>
|
||||
<div>{ this.props.edition.owner }</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr/>
|
||||
|
|
@ -103,4 +103,4 @@ let PieceEdition = React.createClass({
|
|||
});
|
||||
|
||||
|
||||
export default Piece;
|
||||
export default Edition;
|
||||
|
|
@ -1,17 +1,17 @@
|
|||
import React from 'react';
|
||||
|
||||
import PieceActions from '../actions/piece_actions';
|
||||
import PieceStore from '../stores/piece_store';
|
||||
import EditionActions from '../actions/edition_actions';
|
||||
import EditionStore from '../stores/edition_store';
|
||||
|
||||
import Piece from './piece';
|
||||
import Edition from './edition';
|
||||
|
||||
/**
|
||||
* This is the component that implements resource/data specific functionality
|
||||
*/
|
||||
let PieceContainer = React.createClass({
|
||||
let EditionContainer = React.createClass({
|
||||
|
||||
getInitialState() {
|
||||
return PieceStore.getState();
|
||||
return EditionStore.getState();
|
||||
},
|
||||
|
||||
onChange(state) {
|
||||
|
|
@ -19,19 +19,19 @@ let PieceContainer = React.createClass({
|
|||
},
|
||||
|
||||
componentDidMount() {
|
||||
PieceActions.fetchOne(this.props.params.pieceId);
|
||||
PieceStore.listen(this.onChange);
|
||||
EditionActions.fetchOne(this.props.params.editionId);
|
||||
EditionStore.listen(this.onChange);
|
||||
},
|
||||
|
||||
componentDidUnmount() {
|
||||
PieceStore.unlisten(this.onChange);
|
||||
EditionStore.unlisten(this.onChange);
|
||||
},
|
||||
|
||||
render() {
|
||||
|
||||
if('title' in this.state.piece) {
|
||||
if('title' in this.state.edition) {
|
||||
return (
|
||||
<Piece piece={this.state.piece}></Piece>
|
||||
<Edition edition={this.state.edition}></Edition>
|
||||
);
|
||||
} else {
|
||||
return (
|
||||
|
|
@ -43,4 +43,4 @@ let PieceContainer = React.createClass({
|
|||
}
|
||||
});
|
||||
|
||||
export default PieceContainer;
|
||||
export default EditionContainer;
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ import AppConstants from '../constants/application_constants';
|
|||
import FetchApiUtils from '../utils/fetch_api_utils';
|
||||
|
||||
|
||||
let PieceFetcher = {
|
||||
let EditionFetcher = {
|
||||
/**
|
||||
* Fetch one user from the API.
|
||||
* If no arg is supplied, load the current user
|
||||
|
|
@ -19,4 +19,4 @@ let PieceFetcher = {
|
|||
}
|
||||
};
|
||||
|
||||
export default PieceFetcher;
|
||||
export default EditionFetcher;
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ let PieceFetcher = {
|
|||
*
|
||||
*/
|
||||
fetchOne(pieceId) {
|
||||
return fetch(AppConstants.baseUrl + 'editions/' + pieceId + '/', {
|
||||
return fetch(AppConstants.baseUrl + 'pieces/' + pieceId + '/', {
|
||||
headers: {
|
||||
'Authorization': 'Basic ' + AppConstants.debugCredentialBase64
|
||||
}
|
||||
|
|
|
|||
|
|
@ -3,7 +3,7 @@ import Router from 'react-router';
|
|||
|
||||
import AscribeApp from './components/ascribe_app';
|
||||
import PieceList from './components/piece_list';
|
||||
import PieceContainer from './components/piece_container';
|
||||
import EditionContainer from './components/edition_container';
|
||||
|
||||
let Route = Router.Route;
|
||||
|
||||
|
|
@ -13,7 +13,7 @@ let routes = (
|
|||
<Route name="pieces" path="/pieces" handler={PieceList}>
|
||||
|
||||
</Route>
|
||||
<Route name="piece" path="/pieces/:pieceId" handler={PieceContainer}>
|
||||
<Route name="edition" path="/editions/:editionId" handler={EditionContainer}>
|
||||
</Route>
|
||||
</Route>
|
||||
);
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
import alt from '../alt';
|
||||
import PieceAction from '../actions/piece_actions';
|
||||
import EditionAction from '../actions/edition_actions';
|
||||
|
||||
|
||||
class PieceStore {
|
||||
class EditionStore {
|
||||
constructor() {
|
||||
this.piece = {};
|
||||
this.bindActions(PieceAction);
|
||||
this.edition = {};
|
||||
this.bindActions(EditionAction);
|
||||
}
|
||||
|
||||
onUpdatePiece(piece) {
|
||||
this.piece = piece;
|
||||
onUpdateEdition(edition) {
|
||||
this.edition = edition;
|
||||
}
|
||||
}
|
||||
|
||||
export default alt.createStore(PieceStore);
|
||||
export default alt.createStore(EditionStore);
|
||||
|
|
|
|||
Loading…
Reference in New Issue