53 ) |
53 ) |
54 } |
54 } |
55 |
55 |
56 return ( |
56 return ( |
57 <div className="panel-default"> |
57 <div className="panel-default"> |
58 <div className="panel-body"> |
58 <div className="card-body"> |
59 <form onSubmit={ e => { e.preventDefault() } }> |
59 <form onSubmit={ e => { e.preventDefault() } }> |
60 <div className="form-group"> |
60 <div className="form-group"> |
61 <label className="control-label">Titre</label> |
61 <label className="col-form-label text-primary">Titre</label> |
62 <input className="form-control" |
62 <input className="form-control" |
63 name="title" |
63 name="title" |
64 defaultValue={ this.props.currentSession.title } |
64 defaultValue={ this.props.currentSession.title } |
65 onChange={ this.onChange } |
65 onChange={ this.onChange } |
66 type="text" |
66 type="text" |
67 placeholder="Entrez un titre" |
67 placeholder="Entrez un titre" |
68 /> |
68 /> |
69 </div> |
69 </div> |
70 <div className="form-group"> |
70 <div className="form-group"> |
71 <label className="control-label">Description</label> |
71 <label className="col-form-label text-primary">Description</label> |
72 <input className="form-control" |
72 <input className="form-control" |
73 type="textarea" |
73 type="textarea" |
74 name="description" |
74 name="description" |
75 defaultValue={ this.props.currentSession.description } |
75 defaultValue={ this.props.currentSession.description } |
76 onChange={ this.onChange } |
76 onChange={ this.onChange } |
77 placeholder="Entrez une description" |
77 placeholder="Entrez une description" |
78 /> |
78 /> |
79 </div> |
79 </div> |
80 <div className="form-group"> |
80 <div className="form-group"> |
81 <label className="control-label">Group</label> |
81 <label className="col-form-label">Group</label> |
82 <p>{this.props.currentSession.group}</p> |
82 <p>{this.props.currentSession.group}</p> |
83 </div> |
83 </div> |
84 <div className="form-group"> |
84 <div className="form-group"> |
85 <label className="control-label" onClick={this.toggleProtocol}>Protocol {this.state.protocolOpen?<span className="material-icons protocol-toggle"></span>:<span className="material-icons protocol-toggle"></span>}</label> |
85 <label className="col-form-label" onClick={this.toggleProtocol}>Protocol {this.state.protocolOpen?<span className="material-icons protocol-toggle"></span>:<span className="material-icons protocol-toggle"></span>}</label> |
86 <div className={ `collapse ${this.state.protocolOpen?'in':''}`} > |
86 <div className={ `collapse ${this.state.protocolOpen?'in':''}`} > |
87 <pre>{JSON.stringify(this.props.currentSession.protocol, null, 2)}</pre> |
87 <pre>{JSON.stringify(this.props.currentSession.protocol, null, 2)}</pre> |
88 </div> |
88 </div> |
89 </div> |
89 </div> |
90 </form> |
90 </form> |