equal
deleted
inserted
replaced
16 state = { |
16 state = { |
17 createGroup: false, |
17 createGroup: false, |
18 protocolOpen: false, |
18 protocolOpen: false, |
19 title: "", |
19 title: "", |
20 description: "" |
20 description: "" |
21 // protocol:null |
|
22 } |
21 } |
23 |
22 |
24 componentWillMount() { |
23 componentWillMount() { |
25 Modal.setAppElement('body'); |
24 Modal.setAppElement('body'); |
26 } |
25 } |
69 } |
68 } |
70 |
69 |
71 render() { |
70 render() { |
72 |
71 |
73 return ( |
72 return ( |
74 <div> |
73 <div className="container-fluid"> |
75 <a id="session-button" className="text-center" onClick={this.openSessionModal}>Créer une nouvelle session</a> |
74 <a className="nav-link" onClick={this.openSessionModal}>Nouvelle session</a> |
76 <Modal |
75 <Modal |
77 className="Modal__Bootstrap modal-dialog" |
76 className="Modal__Bootstrap modal-dialog ml-5 mt-5 fixed-top w-100" |
78 isOpen={this.state.modalIsOpen} |
77 isOpen={this.state.modalIsOpen} |
79 onRequestClose={this.handleModalCloseRequest} |
78 onRequestClose={this.handleModalCloseRequest} |
80 > |
79 > |
81 <div className="modal-content bg-primary w-75 mt-5"> |
80 <div className="modal-content bg-primary w-75"> |
82 <div className="modal-body mt-3"> |
81 <div className="modal-body mt-3"> |
83 <form onSubmit={ e => { e.preventDefault() } }> |
82 <form onSubmit={ e => { e.preventDefault() } }> |
84 <div className="form-group"> |
83 <div className="form-group"> |
85 <label className="col-form-label text-secondary font-weight-bold pt-3">Titre</label> |
84 <label className="col-form-label text-secondary font-weight-bold pt-3">Titre</label> |
86 <input className="form-control text-primary w-100" |
85 <input className="form-control text-primary w-100" |
101 </div> |
100 </div> |
102 <div className="form-group"> |
101 <div className="form-group"> |
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> |
102 <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> |
104 <div className={ "collapse" + (this.state.protocolOpen?'in':'')} > |
103 <div className={ "collapse" + (this.state.protocolOpen?'in':'')} > |
105 {/* <pre>{JSON.stringify(this.props.currentSession.protocol, null, 2)}</pre> */} |
104 {/* <pre>{JSON.stringify(this.props.currentSession.protocol, null, 2)}</pre> */} |
106 <pre className="text-secondary">{JSON.stringify(this.getGroupProtocol(), null, 2)}</pre> |
105 <pre className=" protocol text-secondary">{JSON.stringify(this.getGroupProtocol(), null, 2)}</pre> |
107 </div> |
106 </div> |
108 </div> |
107 </div> |
109 <div className="text-center"> |
108 <div className="text-center"> |
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> |
109 <button id="create-button" type="submit" className="btn btn-secondary btn-lg text-primary font-weight-bold m-3" onClick={this.createSession}>Commencer</button> |
111 </div> |
110 </div> |