equal
deleted
inserted
replaced
1 import React, { Component } from 'react'; |
1 import React, { Component } from 'react'; |
2 import { connect } from 'react-redux'; |
2 import { connect } from 'react-redux'; |
3 import { bindActionCreators } from 'redux'; |
3 import { bindActionCreators } from 'redux'; |
4 import { Collapse } from 'react-bootstrap'; |
|
5 import '../App.css'; |
4 import '../App.css'; |
6 import * as sessionsActions from '../actions/sessionsActions'; |
5 import * as sessionsActions from '../actions/sessionsActions'; |
7 import * as authActions from '../actions/authActions'; |
6 import * as authActions from '../actions/authActions'; |
8 import _ from 'lodash'; |
7 import _ from 'lodash'; |
9 import './SessionForm.css'; |
8 import './SessionForm.css'; |
54 ) |
53 ) |
55 } |
54 } |
56 |
55 |
57 return ( |
56 return ( |
58 <div className="panel-default"> |
57 <div className="panel-default"> |
59 <div class="panel-body"> |
58 <div className="panel-body"> |
60 <form onSubmit={ e => { e.preventDefault() } }> |
59 <form onSubmit={ e => { e.preventDefault() } }> |
61 <div className="form-group"> |
60 <div className="form-group"> |
62 <label className="control-label">Titre</label> |
61 <label className="control-label">Titre</label> |
63 <input className="form-control" |
62 <input className="form-control" |
64 name="title" |
63 name="title" |
82 <label className="control-label">Group</label> |
81 <label className="control-label">Group</label> |
83 <p>{this.props.currentSession.group}</p> |
82 <p>{this.props.currentSession.group}</p> |
84 </div> |
83 </div> |
85 <div className="form-group"> |
84 <div className="form-group"> |
86 <label className="control-label" onClick={this.toggleProtocol}>Protocol {this.state.protocolOpen?<span className="material-icons protocol-toggle"></span>:<span className="material-icons protocol-toggle"></span>}</label> |
85 <label className="control-label" onClick={this.toggleProtocol}>Protocol {this.state.protocolOpen?<span className="material-icons protocol-toggle"></span>:<span className="material-icons protocol-toggle"></span>}</label> |
87 <Collapse in={this.state.protocolOpen}> |
86 <div className={ `collapse ${this.state.protocolOpen?'in':''}`} > |
88 <pre>{JSON.stringify(this.props.currentSession.protocol, null, 2)}</pre> |
87 <pre>{JSON.stringify(this.props.currentSession.protocol, null, 2)}</pre> |
89 </Collapse> |
88 </div> |
90 </div> |
89 </div> |
91 </form> |
90 </form> |
92 </div> |
91 </div> |
93 </div> |
92 </div> |
94 ); |
93 ); |