client/src/components/CreateGroup.js
changeset 136 1a3be12af395
parent 134 be36eed5e6e0
child 143 cfcbf4bc66f1
equal deleted inserted replaced
135:b5aafa462956 136:1a3be12af395
    67 
    67 
    68 
    68 
    69   render() {
    69   render() {
    70 
    70 
    71     const panelHeader = (
    71     const panelHeader = (
    72       <h4 className="text-uppercase text-center">Créer un groupe</h4>
    72       <h4 className="text-uppercase text-center">New Group</h4>
    73     )
    73     )
    74 
    74 
    75     const errorMessages = this.props.createGroup.getIn(['errorMessages', 'data']);
    75     const errorMessages = this.props.createGroup.getIn(['errorMessages', 'data']);
    76     const okDisabled = (!this.state.name || this.state.name.trim() === "");
    76     const okDisabled = (!this.state.name || this.state.name.trim() === "");
    77 
    77 
    83             <Col md={6} mdOffset={3}>
    83             <Col md={6} mdOffset={3}>
    84               <Panel header={ panelHeader } className="panel-login">
    84               <Panel header={ panelHeader } className="panel-login">
    85                 <form onSubmit={this.submit}>
    85                 <form onSubmit={this.submit}>
    86                   <FormGroup validationState={ errorMessages && ('name' in errorMessages) ? 'error' : null }>
    86                   <FormGroup validationState={ errorMessages && ('name' in errorMessages) ? 'error' : null }>
    87                     <ControlLabel>Nom</ControlLabel>
    87                     <ControlLabel>Nom</ControlLabel>
    88                     <FormControl componentClass="input" type="text" onChange={this.handleInputChange} name="name" placeholder="Nom du groupe..."/>
    88                     <FormControl componentClass="input" type="text" onChange={this.handleInputChange} name="name" placeholder="Group name..."/>
    89                      { this.renderErrorMessage(errorMessages, 'name') }
    89                      { this.renderErrorMessage(errorMessages, 'name') }
    90                   </FormGroup>
    90                   </FormGroup>
    91                   <FormGroup validationState={ errorMessages && ('description' in errorMessages) ? 'error' : null }>
    91                   <FormGroup validationState={ errorMessages && ('description' in errorMessages) ? 'error' : null }>
    92                     <ControlLabel>Password</ControlLabel>
    92                     <ControlLabel>Password</ControlLabel>
    93                     <FormControl componentClass="textarea" onChange={this.handleInputChange} name="description" placeholder="Description..."/>
    93                     <FormControl componentClass="textarea" onChange={this.handleInputChange} name="description" placeholder="Description..."/>
    94                      { this.renderErrorMessage(errorMessages, 'description') }
    94                      { this.renderErrorMessage(errorMessages, 'description') }
    95                   </FormGroup>
    95                   </FormGroup>
    96                   { this.renderNonFieldErrors(errorMessages) }
    96                   { this.renderNonFieldErrors(errorMessages) }
    97                   <Row>
    97                   <Row>
    98                   <Col md={6}><Button type="submit" block bsStyle="primary" disabled={okDisabled}>Ok</Button></Col>
    98                   <Col md={6}><Button type="submit" block bsStyle="primary" disabled={okDisabled}>Ok</Button></Col>
    99                   <Col md={6}><Button block bsStyle="default" onClick={this.cancel}>Annuler</Button></Col>
    99                   <Col md={6}><Button block bsStyle="default" onClick={this.cancel}>Cancel</Button></Col>
   100                   </Row>
   100                   </Row>
   101                 </form>
   101                 </form>
   102               </Panel>
   102               </Panel>
   103             </Col>
   103             </Col>
   104           </Row>
   104           </Row>