irinotes: client/src/components/NoteInput.js@48ddaa42b810 (annotated)

Mercurial Mercurial > irinotes / annotate

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

client/src/components/NoteInput.js

author	Alexandre Segura <mex.zktk@gmail.com>
	Wed, 31 May 2017 17:51:54 +0200
changeset 12	48ddaa42b810
parent 8	6f572b6b6be3
child 15	4a8bbd314a46
permissions	-rw-r--r--

Draft implementation of sessions. - Introduce react-router & add some pages. - Add login page (does nothing). - Allow creating a new session. - Allow adding notes into a session.

1 431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	1	import React, {Component} from 'react';
8 6f572b6b6be3 try to make tests work again ymh <ymh.work@gmail.com> parents: 5 diff changeset	2	import { Form, FormGroup, Button } from 'react-bootstrap';
12 48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	3	import { Plain } from 'slate';
2 b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: 1 diff changeset	4
1 431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	5	import PropTypes from 'prop-types';
5 5c91bfa8fcde Introduce SlateJS. Alexandre Segura <mex.zktk@gmail.com> parents: 2 diff changeset	6	import SlateEditor from './SlateEditor';
1 431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	7
431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	8	class NoteInput extends Component {
431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	9
12 48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	10	state = {
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	11	buttonDisabled: false
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	12	}
1 431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	13
12 48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	14	onChange = (state) => {
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	15	const text = Plain.serialize(state);
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	16	this.setState({ buttonDisabled: text.length === 0 });
1 431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	17	}
431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	18
12 48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	19	onAddNoteClick = () => {
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	20	const text = this.refs.editor.asPlain();
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	21	this.props.addNote(this.props.session, text);
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	22	this.refs.editor.clear();
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	23	setTimeout(() => this.refs.editor.focus(), 250);
1 431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	24	}
431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	25
12 48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	26	componentDidMount() {
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	27	const text = this.refs.editor.asPlain();
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	28	this.setState({ buttonDisabled: text.length === 0 });
1 431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	29	}
431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	30
431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	31	render() {
431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	32	return (
2 b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: 1 diff changeset	33	<Form>
b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: 1 diff changeset	34	<FormGroup>
12 48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	35	<div className="editor-wrapper">
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	36	<SlateEditor ref="editor" onChange={this.onChange} />
48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	37	</div>
2 b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: 1 diff changeset	38	</FormGroup>
12 48ddaa42b810 Draft implementation of sessions. Alexandre Segura <mex.zktk@gmail.com> parents: 8 diff changeset	39	<Button disabled={this.state.buttonDisabled} bsStyle="primary" type="button" onClick={this.onAddNoteClick}>Add Note</Button>
2 b52921a63e77 add scss + bootstrap ymh <ymh.work@gmail.com> parents: 1 diff changeset	40	</Form>
1 431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	41	);
431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	42	}
431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	43	}
431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	44
431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	45	NoteInput.propTypes = {
431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	46	addNote: PropTypes.func.isRequired
431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	47	};
431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	48
431977d7c9a6 add first react application skeleton ymh <ymh.work@gmail.com> parents: diff changeset	49	export default NoteInput;

irinotes