147 </button> |
147 </button> |
148 </div> |
148 </div> |
149 <div className="collapse navbar-collapse text-center" id="navbarSupportedContent"> |
149 <div className="collapse navbar-collapse text-center" id="navbarSupportedContent"> |
150 <ul className="navbar-nav mr-auto"> |
150 <ul className="navbar-nav mr-auto"> |
151 <li className="nav-item"> |
151 <li className="nav-item"> |
152 <a className="nav-link " onClick={this.onClickSessions} href="/sessions">Accueil</a> |
152 <a className="nav-link " onClick={this.onClickSessions} href="/sessions">Sessions</a> |
153 </li> |
153 </li> |
154 </ul> |
154 </ul> |
155 <ul className="navbar-nav navbar-center"> |
155 <ul className="navbar-nav navbar-center"> |
156 <li className="nav-item text-secondary"> |
156 <li className="nav-item text-secondary"> |
157 <CreateSession |
157 <CreateSession |
167 <Online {...this.props} /> |
167 <Online {...this.props} /> |
168 <NavbarLogin {...this.props} onLogout={this.onClickLogout} /> |
168 <NavbarLogin {...this.props} onLogout={this.onClickLogout} /> |
169 </ul> |
169 </ul> |
170 </div> |
170 </div> |
171 <Modal |
171 <Modal |
172 className="Modal__Bootstrap modal-dialog mt-5 pt-5" |
172 className="Modal__Bootstrap modal-dialog modal-dialog-centered" |
173 // closeTimeoutMS={150} |
173 // closeTimeoutMS={150} |
174 isOpen={this.state.modalIsOpen} |
174 isOpen={this.state.modalIsOpen} |
175 onRequestClose={this.handleModalCloseRequest} |
175 onRequestClose={this.handleModalCloseRequest} |
176 > |
176 > |
177 <div id="logout-modal" className="modal-content"> |
177 <div id="logout-modal" className="modal-content"> |
178 <span id="logout-close-modal-button" className="material-icons p-0 text-right" onClick={ this.handleModalCloseRequest }>close</span> |
178 <span id="logout-close-modal-button" className="material-icons p-0 text-right" onClick={ this.handleModalCloseRequest }>close</span> |
179 <div className="modal-body text-center"> |
179 <div className="modal-body text-center"> |
180 <span className="material-icons modal-warning">warning</span> |
180 <span className="material-icons modal-warning text-info pb-5">warning</span> |
181 <p className="modal-text"> |
181 <p className="modal-text"> |
182 Certaines données n'ont pas encore été sauvegardées. |
182 Certaines sessions n'ont pas encore été sauvegardées. |
183 <br /> |
183 <br /> |
184 Si vous continuez, elles seront perdues. |
184 Si vous continuez, elles seront perdues. |
185 </p> |
185 </p> |
186 <button type="button" className="btn btn-primary text-secondary font-weight-bold py-1 px-2 mb-3" id="logout-modal-button" onClick={ this.confirmLogout }>Confirmer</button> |
186 <button type="button" className="btn btn-info text-secondary font-weight-bold py-1 px-2 mb-3" id="logout-modal-button" onClick={ this.confirmLogout }>Confirmer</button> |
187 </div> |
187 </div> |
188 </div> |
188 </div> |
189 </Modal> |
189 </Modal> |
190 </div> |
190 </div> |
191 </nav> |
191 </nav> |
203 currentUser: getCurrentUser(state), |
203 currentUser: getCurrentUser(state), |
204 online: getOnline(state), |
204 online: getOnline(state), |
205 isSynchronizing: isSynchronizing(state), |
205 isSynchronizing: isSynchronizing(state), |
206 isSynchronized: isSynchronized(state), |
206 isSynchronized: isSynchronized(state), |
207 currentGroup: getCurrentGroup(state), |
207 currentGroup: getCurrentGroup(state), |
208 groups: getGroups(state) |
208 groups: getGroups(state), |
209 }; |
209 }; |
210 } |
210 } |
211 |
211 |
212 function mapDispatchToProps(dispatch) { |
212 function mapDispatchToProps(dispatch) { |
213 return { |
213 return { |