63 |
63 |
64 } |
64 } |
65 |
65 |
66 emptyListMessage = () => { |
66 emptyListMessage = () => { |
67 |
67 |
68 if (this.props.sessions.size === 0) { |
68 if (this.props.sessions.length === 0) { |
69 return ( |
69 return ( |
70 <h1 className="text-primary text-center mt-5 pt-5">vous n'avez créé aucune session pour le moment</h1> |
70 <h1 className="text-primary text-center mt-5 pt-5">vous n'avez créé aucune session pour le moment</h1> |
71 ); |
71 ); |
72 } |
72 } |
73 } |
73 } |
74 |
74 |
75 deleteSession = () => { |
75 deleteSession = () => { |
76 const { sessionToDelete } = this.state; |
76 const { sessionToDelete } = this.state; |
77 |
77 |
78 this.props.sessionsActions.deleteSession(sessionToDelete); |
78 this.props.sessionsActions.deleteSession(sessionToDelete._id); |
79 |
79 |
80 this.setState({ |
80 this.setState({ |
81 modalIsOpen: false, |
81 modalIsOpen: false, |
82 sessionToDelete: null |
82 sessionToDelete: null |
83 }) |
83 }) |
92 {this.showSessionsNumber()} |
92 {this.showSessionsNumber()} |
93 {this.emptyListMessage()} |
93 {this.emptyListMessage()} |
94 </div> |
94 </div> |
95 <div className="row mt-5 justify-content-start"> |
95 <div className="row mt-5 justify-content-start"> |
96 {this.props.sessions.map((session) => |
96 {this.props.sessions.map((session) => |
97 <div className="session col-lg-3" key={session.get('_id')}> |
97 <div className="session col-lg-3" key={session._id}> |
98 <div className="col-md-auto w-100 m-2 p-2"> |
98 <div className="col-md-auto w-100 m-2 p-2"> |
99 <a className="sessions" onClick={() => this.props.history.push('/sessions/' + session.get('_id'))}> |
99 <a className="sessions" onClick={() => this.props.history.push('/sessions/' + session._id)}> |
100 <span className="session-title text-primary">{session.title || 'Session sans titre'}<br /></span> |
100 <span className="session-title text-primary">{session.title || 'Session sans titre'}<br /></span> |
101 <span className="session-date text-muted">{moment(session.get('date')).format('DD/MM/YYYY')}<br /></span> |
101 <span className="session-date text-muted">{moment(session.date).format('DD/MM/YYYY')}<br /></span> |
102 <span className="session-description">{session.description}<br /></span> |
102 <span className="session-description">{session.description}<br /></span> |
103 </a> |
103 </a> |
104 <button type="button" id="delete" className="btn btn-link float-left" onClick={ this.onClickDelete.bind(this, session) }> |
104 <button type="button" id="delete" className="btn btn-link float-left" onClick={ this.onClickDelete.bind(this, session) }> |
105 <span className="material-icons delete text-dark">delete</span> |
105 <span className="material-icons delete text-dark">delete</span> |
106 </button> |
106 </button> |
107 <button type="button" className="btn btn-link float-left" onClick={() => this.props.history.push('/read-only/' + session.get('_id'))}> |
107 <button type="button" className="btn btn-link float-left" onClick={() => this.props.history.push('/read-only/' + session._id)}> |
108 <span className="material-icons delete text-dark">remove_red_eye</span> |
108 <span className="material-icons delete text-dark">remove_red_eye</span> |
109 </button> |
109 </button> |
110 </div> |
110 </div> |
111 </div> |
111 </div> |
112 )} |
112 )} |