Mercurial Mercurial > irinotes / annotate
summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client/src/components/SessionSummary.js
author Alexandre Segura <mex.zktk@gmail.com>
Thu, 22 Jun 2017 11:58:27 +0200
changeset 73 7e8cdc74d86f
parent 63 4088f8dc6b52
child 74 043477fd5c5c
permissions -rw-r--r--
Make session summary scrollable.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
63
4088f8dc6b52 Improve session page layout, introduce summary.
Alexandre Segura <mex.zktk@gmail.com>
parents:
diff changeset 
     1
 
import React, { Component } from 'react';
4088f8dc6b52 Improve session page layout, introduce summary.
Alexandre Segura <mex.zktk@gmail.com>
parents:
diff changeset 
     2
 
import { connect } from 'react-redux';
4088f8dc6b52 Improve session page layout, introduce summary.
Alexandre Segura <mex.zktk@gmail.com>
parents:
diff changeset 
     3
 
import { Panel, ListGroup, ListGroupItem } from 'react-bootstrap';
4088f8dc6b52 Improve session page layout, introduce summary.
Alexandre Segura <mex.zktk@gmail.com>
parents:
diff changeset 
     4
 
import _ from 'lodash';
4088f8dc6b52 Improve session page layout, introduce summary.
Alexandre Segura <mex.zktk@gmail.com>
parents:
diff changeset 
     5
 
import '../App.css';
4088f8dc6b52 Improve session page layout, introduce summary.
Alexandre Segura <mex.zktk@gmail.com>
parents:
diff changeset 
     6
 












4088f8dc6b52
Improve session page layout, introduce summary.



Alexandre Segura <mex.zktk@gmail.com>


parents: 

diff
changeset




     7


class SessionSummary extends Component {












4088f8dc6b52
Improve session page layout, introduce summary.



Alexandre Segura <mex.zktk@gmail.com>


parents: 

diff
changeset




     8


  render() {












4088f8dc6b52
Improve session page layout, introduce summary.



Alexandre Segura <mex.zktk@gmail.com>


parents: 

diff
changeset




     9


    return (







73






7e8cdc74d86f
Make session summary scrollable.



Alexandre Segura <mex.zktk@gmail.com>


parents: 
63

diff
changeset




    10


      <ListGroup>












7e8cdc74d86f
Make session summary scrollable.



Alexandre Segura <mex.zktk@gmail.com>


parents: 
63

diff
changeset




    11


        {this.props.notes.map((note) =>












7e8cdc74d86f
Make session summary scrollable.



Alexandre Segura <mex.zktk@gmail.com>


parents: 
63

diff
changeset




    12


          <ListGroupItem key={note.get('_id')}>












7e8cdc74d86f
Make session summary scrollable.



Alexandre Segura <mex.zktk@gmail.com>


parents: 
63

diff
changeset




    13


            <a href={'#note-' + note.get('_id')}>












7e8cdc74d86f
Make session summary scrollable.



Alexandre Segura <mex.zktk@gmail.com>


parents: 
63

diff
changeset




    14


              <span className="text-muted">{note.startedAt} → {note.finishedAt}</span>












7e8cdc74d86f
Make session summary scrollable.



Alexandre Segura <mex.zktk@gmail.com>


parents: 
63

diff
changeset




    15


              <span className="pull-right">{_.words(note.plain).length} words</span>












7e8cdc74d86f
Make session summary scrollable.



Alexandre Segura <mex.zktk@gmail.com>


parents: 
63

diff
changeset




    16


            </a>












7e8cdc74d86f
Make session summary scrollable.



Alexandre Segura <mex.zktk@gmail.com>


parents: 
63

diff
changeset




    17


          </ListGroupItem>












7e8cdc74d86f
Make session summary scrollable.



Alexandre Segura <mex.zktk@gmail.com>


parents: 
63

diff
changeset




    18


        )}












7e8cdc74d86f
Make session summary scrollable.



Alexandre Segura <mex.zktk@gmail.com>


parents: 
63

diff
changeset




    19


      </ListGroup>







63






4088f8dc6b52
Improve session page layout, introduce summary.



Alexandre Segura <mex.zktk@gmail.com>


parents: 

diff
changeset




    20


    );












4088f8dc6b52
Improve session page layout, introduce summary.



Alexandre Segura <mex.zktk@gmail.com>


parents: 

diff
changeset




    21


  }












4088f8dc6b52
Improve session page layout, introduce summary.



Alexandre Segura <mex.zktk@gmail.com>


parents: 

diff
changeset




    22


}












4088f8dc6b52
Improve session page layout, introduce summary.



Alexandre Segura <mex.zktk@gmail.com>


parents: 

diff
changeset




    23














4088f8dc6b52
Improve session page layout, introduce summary.



Alexandre Segura <mex.zktk@gmail.com>


parents: 

diff
changeset




    24


function mapStateToProps(state, props) {












4088f8dc6b52
Improve session page layout, introduce summary.



Alexandre Segura <mex.zktk@gmail.com>


parents: 

diff
changeset




    25


  return props;












4088f8dc6b52
Improve session page layout, introduce summary.



Alexandre Segura <mex.zktk@gmail.com>


parents: 

diff
changeset




    26


}












4088f8dc6b52
Improve session page layout, introduce summary.



Alexandre Segura <mex.zktk@gmail.com>


parents: 

diff
changeset




    27














4088f8dc6b52
Improve session page layout, introduce summary.



Alexandre Segura <mex.zktk@gmail.com>


parents: 

diff
changeset




    28


export default connect(mapStateToProps)(SessionSummary);














irinotes