var React = require('react'); var ReactDOM = require('react-dom'); var ReactBootstrap = require('react-bootstrap'); var Modal = ReactBootstrap.Modal; var Form = ReactBootstrap.Form; var FormGroup = ReactBootstrap.FormGroup; var FormControl = ReactBootstrap.FormControl; var ControlLabel = ReactBootstrap.ControlLabel; var Col = ReactBootstrap.Col; var Button = ReactBootstrap.Button; var ButtonGroup = ReactBootstrap.ButtonGroup; var models = require('../models'); var User = models.User; var Error = models.Error; module.exports = React.createClass({ displayName: "NewUserModal", getInitialState: function() { return {error: "", name: "", username: "", email: "", password: "", confirm_password: "", passwordChanged: false, initial_password: ""}; }, passwordValidationState: function() { if (this.state.passwordChanged) { if (this.state.password.length >= 10) return "success"; else if (this.state.password.length >= 6) return "warning"; else return "error"; } }, confirmPasswordValidationState: function() { if (this.state.confirm_password.length > 0) { if (this.state.confirm_password == this.state.password) return "success"; else return "error"; } }, handleCancel: function() { if (this.props.onCancel != null) this.props.onCancel(); }, handleChange: function() { if (ReactDOM.findDOMNode(this.refs.password).value != this.state.initial_password) this.setState({passwordChanged: true}); this.setState({ name: ReactDOM.findDOMNode(this.refs.name).value, username: ReactDOM.findDOMNode(this.refs.username).value, email: ReactDOM.findDOMNode(this.refs.email).value, password: ReactDOM.findDOMNode(this.refs.password).value, confirm_password: ReactDOM.findDOMNode(this.refs.confirm_password).value }); }, handleSubmit: function(e) { var u = new User(); var error = ""; e.preventDefault(); u.Name = this.state.name; u.Username = this.state.username; u.Email = this.state.email; u.Password = this.state.password; if (u.Password != this.state.confirm_password) { this.setState({error: "Error: password do not match"}); return; } this.props.createNewUser(u); if (this.props.onSubmit != null) this.props.onSubmit(u); }, render: function() { return ( Create New user {this.state.error}
Name Username Email Password Confirm Password
); } });