equal
deleted
inserted
replaced
10 import uuidV1 from 'uuid/v1'; |
10 import uuidV1 from 'uuid/v1'; |
11 import { getActiveSessions } from '../selectors/coreSelectors'; |
11 import { getActiveSessions } from '../selectors/coreSelectors'; |
12 import { getCurrentUser, getGroups, getCurrentGroup } from '../selectors/authSelectors'; |
12 import { getCurrentUser, getGroups, getCurrentGroup } from '../selectors/authSelectors'; |
13 |
13 |
14 class SessionList extends Component { |
14 class SessionList extends Component { |
|
15 |
15 constructor(props) { |
16 constructor(props) { |
16 super(props); |
17 super(props); |
17 this.state = { |
18 this.state = { |
18 modalIsOpen: false, |
19 modalIsOpen: false, |
19 sessionToDelete: null, |
20 sessionToDelete: null, |
79 } |
80 } |
80 |
81 |
81 render() { |
82 render() { |
82 return ( |
83 return ( |
83 <div> |
84 <div> |
84 <button id="session-button" type="button" className="btn btn-primary btn-lg" onClick={this.createSession}>Créer une nouvelle session</button> |
85 <button id="session-button" type="button" className="btn btn-primary btn-lg" onClick={this.createSession}>Créer une nouvelle session</button> |
85 <Navbar history={this.props.history} /> |
86 <Navbar history={this.props.history} /> |
86 <div className="container-fluid"> |
87 <div className="container-fluid"> |
87 <div className="row"> |
88 <div className="row"> |
88 {this.props.sessions.map((session) => |
89 {this.props.sessions.map((session) => |
89 <a className="sessions" href="#session" onClick={() => this.props.history.push('/sessions/' + session.get('_id'))}> |
90 <a className="sessions" href="#session" key={"session_"+session.get('_id')} onClick={() => this.props.history.push('/sessions/' + session.get('_id'))}> |
90 <div className="col-md-4 session" key={session.get('_id')}> |
91 <div className="col-md-4 session" key={session.get('_id')}> |
91 <span className="session-title">{session.title || ''}<br /></span> |
92 <span className="session-title">{session.title || ''}<br /></span> |
92 <span className="session-date text-muted">{moment(session.get('date')).format('DD/MM/YYYY')}<br /></span> |
93 <span className="session-date text-muted">{moment(session.get('date')).format('DD/MM/YYYY')}<br /></span> |
93 <span className="session-description">{session.description}<br /></span> |
94 <span className="session-description">{session.description}<br /></span> |
94 <a href="#delete" className="pull-right" onClick={ this.onClickDelete.bind(this, session) }> |
95 <a href="#delete" className="pull-right" onClick={ this.onClickDelete.bind(this, session) }> |
95 <span className="material-icons">delete</span> |
96 <span className="material-icons">delete</span> |
96 </a> |
97 </a> |
97 </div> |
98 </div> |
98 </a> |
99 </a> |
99 )} |
100 )} |
100 </div> |
101 </div> |
101 </div> |
102 </div> |