client/src/components/Session.js
changeset 174 ac1a026edd58
parent 173 0e6703cd0968
child 191 3f71ad81a5a9
equal deleted inserted replaced
173:0e6703cd0968 174:ac1a026edd58
    40 
    40 
    41   screenSummary = () => {
    41   screenSummary = () => {
    42 
    42 
    43     if (this.state.screenSummary === 0) {
    43     if (this.state.screenSummary === 0) {
    44       return (
    44       return (
    45         <div>
    45         <React.Fragment>
    46         <span onClick={this.toggleScreenSummary} className ="text-primary btn"><Trans i18nKey="session.protocol_display">Afficher le protocole d'annotation</Trans></span>
    46           <div onClick={this.toggleScreenSummary} className ="text-primary btn"><Trans i18nKey="session.protocol_display">Afficher le protocole d'annotation</Trans></div>
    47         <SessionSummary notes={this.props.notes} />
    47           <SessionSummary notes={this.props.notes} />
    48        </div>
    48        </React.Fragment>
    49       );
    49       );
    50     }
    50     }
    51 
    51 
    52     if (this.state.screenSummary === 1) {
    52     if (this.state.screenSummary === 1) {
    53       return (
    53       return (
    54       <div>
    54         <React.Fragment>
    55         <span onClick={this.toggleScreenSummary} className ="text-primary btn"><Trans i18nKey="session.summary_display">Afficher le résumé de la session</Trans></span>
    55           <div onClick={this.toggleScreenSummary} className ="text-primary btn"><Trans i18nKey="session.summary_display">Afficher le résumé de la session</Trans></div>
    56         <ProtocolSummary />
    56           <ProtocolSummary annotationCategories={this.props.annotationCategories} />
    57       </div>
    57         </React.Fragment>
    58       );
    58       );
    59     }
    59     }
    60   }
    60   }
    61 
    61 
    62   render() {
    62   render() {
    64     return (
    64     return (
    65       <div>
    65       <div>
    66         <Navbar history={this.props.history} />
    66         <Navbar history={this.props.history} />
    67         <div className="session-container">
    67         <div className="session-container">
    68           <div className="session-notes">
    68           <div className="session-notes">
    69           <div className="notes-affix">
    69             <div className="notes-affix">
    70             <a onClick={this.onClickReadOnly} href="/read-only"><span className="material-icons text-primary">remove_red_eye</span></a>
    70               <div>
    71               {this.screenSummary()}
    71                 <a onClick={this.onClickReadOnly} href="/read-only"><span className="material-icons text-primary">remove_red_eye</span></a>
    72           </div>
    72               </div>
       
    73               <div className="notes-affix-summary">
       
    74                 {this.screenSummary()}
       
    75               </div>
       
    76             </div>
    73             <div className="notes-list">
    77             <div className="notes-list">
    74               <SessionForm session={this.props.currentSession} />
    78               <SessionForm session={this.props.currentSession} />
    75               <NotesList
    79               <NotesList
    76                 notes={this.props.notes}
    80                 notes={this.props.notes}
    77                 deleteNote={this.props.notesActions.deleteNote}
    81                 deleteNote={this.props.notesActions.deleteNote}