mirror of
https://github.com/ascribe/onion.git
synced 2024-12-23 09:50:31 +01:00
fad6caca63
Conflicts: js/components/ascribe_detail/edition_container.js js/components/logout_container.js
89 lines
2.7 KiB
JavaScript
89 lines
2.7 KiB
JavaScript
'use strict';
|
|
|
|
import React from 'react';
|
|
|
|
import EditionActions from '../../actions/edition_actions';
|
|
import EditionStore from '../../stores/edition_store';
|
|
|
|
import Edition from './edition';
|
|
|
|
import AscribeSpinner from '../ascribe_spinner';
|
|
|
|
import { setDocumentTitle } from '../../utils/dom_utils';
|
|
|
|
|
|
/**
|
|
* This is the component that implements resource/data specific functionality
|
|
*/
|
|
let EditionContainer = React.createClass({
|
|
propTypes: {
|
|
location: React.PropTypes.object
|
|
},
|
|
|
|
getInitialState() {
|
|
return EditionStore.getState();
|
|
},
|
|
|
|
onChange(state) {
|
|
this.setState(state);
|
|
if (!state.edition.digital_work) {
|
|
return;
|
|
}
|
|
let isEncoding = state.edition.digital_work.isEncoding;
|
|
if (state.edition.digital_work.mime === 'video' && typeof isEncoding === 'number' && isEncoding !== 100 && !this.state.timerId) {
|
|
let timerId = window.setInterval(() => EditionActions.fetchOne(this.props.params.editionId), 10000);
|
|
this.setState({timerId: timerId});
|
|
}
|
|
},
|
|
|
|
componentDidMount() {
|
|
EditionStore.listen(this.onChange);
|
|
EditionActions.fetchOne(this.props.params.editionId);
|
|
},
|
|
|
|
// This is done to update the container when the user clicks on the prev or next
|
|
// button to update the URL parameter (and therefore to switch pieces)
|
|
componentWillReceiveProps(nextProps) {
|
|
if(this.props.params.editionId !== nextProps.params.editionId) {
|
|
EditionActions.updateEdition({});
|
|
EditionActions.fetchOne(nextProps.params.editionId);
|
|
}
|
|
},
|
|
|
|
componentWillUnmount() {
|
|
// Every time we're leaving the edition detail page,
|
|
// just reset the edition that is saved in the edition store
|
|
// as it will otherwise display wrong/old data once the user loads
|
|
// the edition detail a second time
|
|
EditionActions.updateEdition({});
|
|
window.clearInterval(this.state.timerId);
|
|
EditionStore.unlisten(this.onChange);
|
|
},
|
|
|
|
|
|
loadEdition() {
|
|
EditionActions.fetchOne(this.props.params.editionId);
|
|
},
|
|
|
|
render() {
|
|
if(this.state.edition && this.state.edition.title) {
|
|
setDocumentTitle([this.state.edition.artist_name, this.state.edition.title].join(', '));
|
|
|
|
return (
|
|
<Edition
|
|
edition={this.state.edition}
|
|
loadEdition={this.loadEdition}
|
|
location={this.props.location}/>
|
|
);
|
|
} else {
|
|
return (
|
|
<div className="fullpage-spinner">
|
|
<AscribeSpinner color='dark-blue' size='lg'/>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
});
|
|
|
|
export default EditionContainer;
|