138 // ) |
138 // ) |
139 // } |
139 // } |
140 |
140 |
141 return ( |
141 return ( |
142 <div> |
142 <div> |
143 {/* <button id="session-button" type="button" className="btn btn-primary btn-lg" onClick={ this.openModal}>Créer une nouvelle session</button> */} |
143 <a id="session-button" className="text-center" onClick={this.openSessionModal}>Créer une nouvelle session</a> |
144 <a id="session-button" onClick={this.openSessionModal}>Créer une nouvelle session</a> |
|
145 <Modal |
144 <Modal |
146 className="Modal__Bootstrap modal-dialog bg-primary" |
145 className="Modal__Bootstrap modal-dialog" |
147 // closeTimeoutMS={150} |
146 // closeTimeoutMS={150} |
148 isOpen={this.state.modalIsOpen} |
147 isOpen={this.state.modalIsOpen} |
149 onRequestClose={this.handleModalCloseRequest} |
148 onRequestClose={this.handleModalCloseRequest} |
150 > |
149 > |
151 <div className="panel-default"> |
150 <div className="modal-content bg-primary w-75"> |
152 <div className="card-body rouded-bottom"> |
151 <div className="modal-body"> |
153 <form onSubmit={ e => { e.preventDefault() } }> |
152 <form onSubmit={ e => { e.preventDefault() } }> |
154 <div className="form-group"> |
153 <div className="form-group ml-5 pl-5"> |
155 <label className="col-form-label text-secondary">Group</label> |
154 <label className="col-form-label text-secondary">Groupe</label> |
156 {/* <p>{this.props.currentSession.group}</p> */} |
155 {/* <p>{this.props.currentSession.group}</p> */} |
157 </div> |
156 </div> |
158 <div className="form-group"> |
157 <div className="form-group"> |
159 <label className="col-form-label text-secondary">Titre</label> |
158 <label className="col-form-label text-secondary font-weight-bold pt-3">Titre</label> |
160 <input className="form-control text-primary" |
159 <input className="form-control text-primary w-100" |
161 name="title" |
160 name="title" |
162 // defaultValue={ this.props.currentSession.title } |
161 // defaultValue={ this.props.currentSession.title } |
163 onChange={ this.onChange } |
162 onChange={ this.onChange } |
164 type="text" |
163 type="text" |
165 placeholder="Entrez un titre" |
164 placeholder="Entrez un titre" |
166 /> |
165 /> |
167 </div> |
166 </div> |
168 <div className="form-group"> |
167 <div className="form-group"> |
169 <label className="col-form-label text-secondary">Description</label> |
168 <label className="col-form-label text-secondary font-weight-bold pt-3 mt-3">Description</label> |
170 <input className="form-control text-primary" |
169 <textarea className="form-control text-primary w-100" |
171 type="textarea" |
170 type="textarea" |
172 name="description" |
171 name="description" |
173 // defaultValue={ this.props.currentSession.description } |
172 // defaultValue={ this.props.currentSession.description } |
174 onChange={ this.onChange } |
173 onChange={ this.onChange } |
175 placeholder="Entrez une description" |
174 placeholder="Entrez une description" |
176 /> |
175 row="3"></textarea> |
177 </div> |
176 </div> |
178 <div className="form-group"> |
177 <div className="form-group"> |
179 <label className="col-form-label text-secondary" onClick={this.toggleProtocol}>Protocole de la prise de note {this.state.protocolOpen?<span className="material-icons protocol-toggle"></span>:<span className="material-icons protocol-toggle"></span>}</label> |
178 <label className="col-form-label text-secondary font-weight-bold mt-5 ml-5" onClick={this.toggleProtocol}>Protocole de la prise de note {this.state.protocolOpen?<span className="material-icons protocol-toggle"></span>:<span className="material-icons protocol-toggle"></span>}</label> |
180 <div className={ `collapse ${this.state.protocolOpen?'in':''}`} > |
179 <div className={ `collapse ${this.state.protocolOpen?'in':''}`} > |
181 {/* <pre>{JSON.stringify(this.props.currentSession.protocol, null, 2)}</pre> */} |
180 {/* <pre>{JSON.stringify(this.props.currentSession.protocol, null, 2)}</pre> */} |
182 <pre>{JSON.stringify(this.getGroupProtocol(), null, 2)}</pre> |
181 <pre>{JSON.stringify(this.getGroupProtocol(), null, 2)}</pre> |
183 </div> |
182 </div> |
184 </div> |
183 </div> |
185 <div className="text-center"> |
184 <div className="text-center"> |
186 <button id="create-button" type="submit" className="btn btn-secondary btn-lg text-primary" onClick={this.createSession}>Commencer</button> |
185 <button id="create-button" type="submit" className="btn btn-secondary btn-lg text-primary font-weight-bold m-3" onClick={this.createSession}>Commencer</button> |
187 </div> |
186 </div> |
188 </form> |
187 </form> |
189 </div> |
188 </div> |
190 </div> |
189 </div> |
191 </Modal> |
190 </Modal> |