76 <Modal |
76 <Modal |
77 className="Modal__Bootstrap modal-dialog" |
77 className="Modal__Bootstrap modal-dialog" |
78 isOpen={this.state.modalIsOpen} |
78 isOpen={this.state.modalIsOpen} |
79 onRequestClose={this.handleModalCloseRequest} |
79 onRequestClose={this.handleModalCloseRequest} |
80 > |
80 > |
81 <div className="modal-content bg-primary w-75"> |
81 <div className="modal-content bg-primary w-75 mt-5"> |
82 <div className="modal-body"> |
82 <div className="modal-body mt-3"> |
83 <form onSubmit={ e => { e.preventDefault() } }> |
83 <form onSubmit={ e => { e.preventDefault() } }> |
84 <div className="form-group"> |
84 <div className="form-group"> |
85 <label className="col-form-label text-secondary font-weight-bold pt-3">Titre</label> |
85 <label className="col-form-label text-secondary font-weight-bold pt-3">Titre</label> |
86 <input className="form-control text-primary w-100" |
86 <input className="form-control text-primary w-100" |
87 name="title" |
87 name="title" |
88 // defaultValue={ this.props.currentSession.title } |
|
89 onChange={ this.onChange } |
88 onChange={ this.onChange } |
90 type="text" |
89 type="text" |
91 placeholder="Entrez un titre" |
90 placeholder="Entrez un titre" |
92 /> |
91 /> |
93 </div> |
92 </div> |
94 <div className="form-group"> |
93 <div className="form-group"> |
95 <label className="col-form-label text-secondary font-weight-bold pt-3 mt-3">Description</label> |
94 <label className="col-form-label text-secondary font-weight-bold pt-3 mt-3">Description</label> |
96 <textarea className="form-control text-primary w-100" |
95 <textarea className="form-control text-primary w-100" |
97 type="textarea" |
96 type="textarea" |
98 name="description" |
97 name="description" |
99 // defaultValue={ this.props.currentSession.description } |
|
100 onChange={ this.onChange } |
98 onChange={ this.onChange } |
101 placeholder="Entrez une description" |
99 placeholder="Entrez une description" |
102 ></textarea> |
100 ></textarea> |
103 </div> |
101 </div> |
104 <div className="form-group"> |
102 <div className="form-group"> |
105 <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> |
103 <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> |
106 <div className={ `collapse ${this.state.protocolOpen?'in':''}`} > |
104 <div className={ "collapse" + (this.state.protocolOpen?'in':'')} > |
107 {/* <pre>{JSON.stringify(this.props.currentSession.protocol, null, 2)}</pre> */} |
105 {/* <pre>{JSON.stringify(this.props.currentSession.protocol, null, 2)}</pre> */} |
108 <pre>{JSON.stringify(this.getGroupProtocol(), null, 2)}</pre> |
106 <pre className="text-secondary">{JSON.stringify(this.getGroupProtocol(), null, 2)}</pre> |
109 </div> |
107 </div> |
110 </div> |
108 </div> |
111 <div className="text-center"> |
109 <div className="text-center"> |
112 <button id="create-button" type="submit" className="btn btn-secondary btn-lg text-primary font-weight-bold m-3" onClick={this.createSession}>Commencer</button> |
110 <button id="create-button" type="submit" className="btn btn-secondary btn-lg text-primary font-weight-bold m-3" onClick={this.createSession}>Commencer</button> |
113 </div> |
111 </div> |