v0.5.0: + Выделение писем

package.json

@@ -1,6 +1,6 @@
 {
   "name": "redux-octavius",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "private": true,
   "description": "Боль и унижение!",
   "main": "index.js",

src/actions/selection.js

@@ -0,0 +1,11 @@
+import {TOGGLE, SELECT_ALL} from '../constants/selection';
+
+export const toggle = (id) => ({
+	type: TOGGLE,
+	id,
+});
+
+export const selectAll = (threads) => ({
+	type: SELECT_ALL,
+	threads
+});

src/components/App.js

@@ -74,7 +74,7 @@ export default class App extends Component {
 
 			return <div ref="clickable" onClick={(evt) => this.handleGlobalClick(evt)}>
 				<Headline/>
-				<PortalMenu />
+				<PortalMenu threads={threads}/>
 				<Layout
 					bordered
 					left={<Scrollable content={sidebar}/>}

src/components/Letters.js

@@ -1,12 +1,23 @@
 import classNames from 'classnames';
 import React, {Component} from 'react';
 
+import {connect} from 'react-redux';
+import {bindActionCreators} from 'redux';
+
+import * as selectionActions from '../actions/selection';
+
 import LettersItem from './LettersItem';
 
+@connect(
+	(state) => state,
+	(dispatch) => ({
+		selectionActions: bindActionCreators(selectionActions, dispatch),
+	})
+)
 export default class Letters extends Component {
 	handleToggleSelect(evt, model) {
-		// todo
 		evt.preventDefault();
+		this.props.selectionActions.toggle(model.id);
 	}
 
 	render() {
@@ -25,7 +36,7 @@ export default class Letters extends Component {
 						return <LettersItem
 							key={model.id}
 							model={model}
-							selected={false}
+							selected={selection[model.id]}
 							onToggleSelect={(evt) => this.handleToggleSelect(evt, model)}
 						/>
 					})}</div>

src/components/PortalMenu.js

@@ -1,8 +1,18 @@
 import React, {Component} from 'react';
+import {connect} from 'react-redux';
+import {bindActionCreators} from 'redux';
+
+import * as selectionActions from '../actions/selection';
 
 import Button from './Button';
 import Layout from './Layout';
 
+@connect(
+	({selection}) => ({selectedCount: Object.keys(selection).length}),
+	(dispatch) => ({
+		selectionActions: bindActionCreators(selectionActions, dispatch),
+	})
+)
 export default class ProtalMenu extends Component {
 	render() {
 		const {selectedCount, selectionActions, threads} = this.props;

src/constants/selection.js

@@ -0,0 +1,2 @@
+export const TOGGLE = 'TOGGLE_SELECTED';
+export const SELECT_ALL = 'SELECT_ALL';

src/reducers/index.js

@@ -4,10 +4,12 @@ import {routerReducer as routing} from 'react-router-redux';
 import auth from './auth';
 import folders from './folders';
 import threads from './threads';
+import selection from './selection';
 
 export default combineReducers({
 	routing,
 	auth,
 	folders,
 	threads,
+	selection,
 });

src/reducers/selection.js

@@ -0,0 +1,29 @@
+import {TOGGLE, SELECT_ALL} from '../constants/selection';
+
+export default (state = {}, {type, id, threads}) => {
+	switch (type) {
+		case TOGGLE:
+			state = {...state};
+			if (state[id]) {
+				delete state[id];
+			} else {
+				state[id] = true;
+			}
+			return state;
+
+		case SELECT_ALL:
+			if (Object.keys(state).length > 0) {
+				state = {};
+			} else {
+				state = {};
+				for (const thread of threads) {
+					state[thread.id] = true;
+				}
+			}
+
+			return state;
+
+		default:
+			return state;
+	}
+};