'use strict'; import React from 'react'; import Router from 'react-router'; import { getLangText } from '../../utils/lang_utils'; import UserStore from '../../stores/user_store'; import GlobalNotificationModel from '../../models/global_notification_model'; import GlobalNotificationActions from '../../actions/global_notification_actions'; import Form from './form'; import Property from './property'; import FormPropertyHeader from './form_property_header'; import InputCheckbox from './input_checkbox'; import apiUrls from '../../constants/api_urls'; let SignupForm = React.createClass({ propTypes: { headerMessage: React.PropTypes.string, submitMessage: React.PropTypes.string, handleSuccess: React.PropTypes.func, children: React.PropTypes.element }, mixins: [Router.Navigation], getDefaultProps() { return { headerMessage: 'Welcome to ascribe', submitMessage: 'Sign up' }; }, getInitialState() { return UserStore.getState(); }, componentDidMount() { UserStore.listen(this.onChange); }, componentWillUnmount() { UserStore.unlisten(this.onChange); }, onChange(state) { this.setState(state); // if user is already logged in, redirect him to piece list if(this.state.currentUser && this.state.currentUser.email) { this.transitionTo('pieces'); } }, handleSuccess(response){ let notificationText = getLangText('Sign up successful'); let notification = new GlobalNotificationModel(notificationText, 'success', 50000); GlobalNotificationActions.appendGlobalNotification(notification); this.props.handleSuccess(getLangText('We sent an email to your address') + ' ' + response.user.email + ', ' + getLangText('please confirm') + '.'); }, getFormData(){ return {terms: this.refs.form.refs.terms.refs.input.state.value}; }, render() { let tooltipPassword = getLangText('Your password must be at least 10 characters') + '.\n ' + getLangText('This password is securing your digital property like a bank account') + '.\n ' + getLangText('Store it in a safe place') + '!'; return (
); } }); export default SignupForm;