mirror of https://github.com/ascribe/onion.git
70 lines
2.0 KiB
JavaScript
70 lines
2.0 KiB
JavaScript
'use strict';
|
|
|
|
import React from 'react';
|
|
import classNames from 'classnames';
|
|
|
|
import Button from 'react-bootstrap/lib/Button';
|
|
|
|
import LinkContainer from 'react-router-bootstrap/lib/LinkContainer';
|
|
|
|
import WhitelabelActions from '../../../../../../actions/whitelabel_actions';
|
|
import WhitelabelStore from '../../../../../../stores/whitelabel_store';
|
|
|
|
import { getLangText } from '../../../../../../utils/lang_utils';
|
|
|
|
let CylandSubmitButton = React.createClass({
|
|
propTypes: {
|
|
className: React.PropTypes.string,
|
|
handleSuccess: React.PropTypes.func,
|
|
piece: React.PropTypes.object.isRequired,
|
|
username: React.PropTypes.string
|
|
},
|
|
|
|
getInitialState() {
|
|
return WhitelabelStore.getState();
|
|
},
|
|
|
|
componentDidMount() {
|
|
WhitelabelStore.listen(this.onChange);
|
|
WhitelabelActions.fetchWhitelabel();
|
|
},
|
|
|
|
componentWillUnmount() {
|
|
WhitelabelStore.unlisten(this.onChange);
|
|
},
|
|
|
|
onChange(state) {
|
|
this.setState(state);
|
|
},
|
|
|
|
render() {
|
|
let piece = this.props.piece;
|
|
let startFrom = 1;
|
|
|
|
// In the Cyland register page a user has to complete three steps.
|
|
// Since every one of those steps is atomic a user should always be able to continue
|
|
// where he left of.
|
|
// This is why we start the process form slide 1/2 if the user has already finished
|
|
// it in another session.
|
|
if(piece && piece.extra_data && Object.keys(piece.extra_data).length > 0) {
|
|
startFrom = 2;
|
|
}
|
|
|
|
return (
|
|
<LinkContainer
|
|
to="/register_piece"
|
|
query={{
|
|
'slide_num': 0,
|
|
'start_from': startFrom,
|
|
'piece_id': this.props.piece.id
|
|
}}>
|
|
<Button
|
|
className={classNames('btn', 'btn-default', 'btn-xs', this.props.className)}>
|
|
{getLangText('Submit to Cyland')}
|
|
</Button>
|
|
</LinkContainer>
|
|
);
|
|
}
|
|
});
|
|
|
|
export default CylandSubmitButton; |