redoing menu, sorting in place and not in python

4 files changed, 34 insertions, 43 deletions

diff --git a/src/web/js/actions/MenuActions.js b/src/web/js/actions/MenuActions.js
index 4266c207..4b17d084 100644
--- a/src/web/js/actions/MenuActions.js
+++ b/src/web/js/actions/MenuActions.js
@@ -9,8 +9,8 @@ var MenuActions = {
         jquery.getJSON('/menu', function(payload) {
             JarrDispatcher.dispatch({
                 type: ActionTypes.RELOAD_MENU,
+                feeds: payload.feeds,
                 categories: payload.categories,
-                feed_in_error: payload.feed_in_error,
                 all_unread_count: payload.all_unread_count,
             });
         });
diff --git a/src/web/js/actions/MiddlePanelActions.js b/src/web/js/actions/MiddlePanelActions.js
index e1ced2a2..ec76d2bc 100644
--- a/src/web/js/actions/MiddlePanelActions.js
+++ b/src/web/js/actions/MiddlePanelActions.js
@@ -21,14 +21,16 @@ var shouldFetch = function(filters) {
 //    }
 //    return false;
 }
+var key_whitelist = ['filter_id', 'filter_type',
+                     'query', 'search_title', 'search_content'];
 var reloadIfNecessaryAndDispatch = function(dispath_payload) {
     if(shouldFetch(dispath_payload)) {
         var filters = MiddlePanelStore.getRequestFilter();
-        for (var key in filters) {
-            if(dispath_payload[key] != null) {
+        key_whitelist.map(function(key) {
+            if(key in dispath_payload) {
                 filters[key] = dispath_payload[key];
             }
-        }
+        });
         jquery.getJSON('/middle_panel', filters,
                 function(payload) {
                     dispath_payload.articles = payload.articles;
@@ -43,13 +45,8 @@ var reloadIfNecessaryAndDispatch = function(dispath_payload) {
 
 var MiddlePanelActions = {
     reload: function() {
-        var filters = MiddlePanelStore.getRequestFilter();
-        jquery.getJSON('/middle_panel', filters, function(payload) {
-            _last_fetched_with = filters;
-            JarrDispatcher.dispatch({
-                type: ActionTypes.RELOAD_MIDDLE_PANEL,
-                articles: payload.articles,
-            });
+        reloadIfNecessaryAndDispatch({
+            type: ActionTypes.RELOAD_MIDDLE_PANEL,
         });
     },
     search: function(search) {
diff --git a/src/web/js/components/Menu.react.js b/src/web/js/components/Menu.react.js
index 32197b3d..d0bd719d 100644
--- a/src/web/js/components/Menu.react.js
+++ b/src/web/js/components/Menu.react.js
@@ -132,9 +132,6 @@ var CategoryGroup = React.createClass({
                 </ul>
         );
     },
-    handleClick: function() {
-        MiddlePanelActions.setCategoryFilter(this.props.cat_id);
-    },
     toggleFolding: function(evnt) {
         this.setState({unfolded: !this.state.unfolded});
         evnt.stopPropagation();
@@ -185,11 +182,11 @@ var MenuFilter = React.createClass({
 
 var Menu = React.createClass({
     getInitialState: function() {
-        return {filter: 'all', categories: [], all_unread_count: 0,
+        return {filter: 'all', categories: {}, feeds: {},
                 active_type: null, active_id: null};
     },
     render: function() {
-        var state = this.state;
+        var feed_in_error = false;
         var rmPrntFilt = (
                 <ul className="nav nav-sidebar">
                     <Category category_id={null}
@@ -199,22 +196,29 @@ var Menu = React.createClass({
                     </Category>
                 </ul>
         );
+        var categories = [];
+        for(var cat_id in this.state.categories) {
+            var feeds = [];
+            var unread = 0;
+            this.state.categories[cat_id].feeds.map(function(feed_id) {
+                unread += this.state.feeds[feed_id].unread;
+                feeds.push(this.state.feeds[feed_id]);
+            }.bind(this));
+            categories.push(<CategoryGroup key={"c" + cat_id} feeds={feeds}
+                                    filter={this.state.filter}
+                                    active_type={this.state.active_type}
+                                    active_id={this.state.active_id}
+                                    name={this.state.categories[cat_id].name}
+                                    cat_id={this.state.categories[cat_id].id}
+                                    unread={unread} />);
+        }
 
         return (<Col xsHidden smHidden md={3} lg={2} data-spy="affix"
                      id="menu" className="show-grid sidebar">
                     <MenuFilter filter={this.state.filter}
                                 feed_in_error={this.state.feed_in_error} />
                     {rmPrntFilt}
-                    {this.state.categories.map(function(category){
-                        return (<CategoryGroup key={"c" + category.id}
-                                               filter={state.filter}
-                                               active_type={state.active_type}
-                                               active_id={state.active_id}
-                                               cat_id={category.id}
-                                               feeds={category.feeds}
-                                               name={category.name}
-                                               unread={category.unread} />);
-                        })}
+                    {categories}
                 </Col>
         );
     },
@@ -228,11 +232,10 @@ var Menu = React.createClass({
     _onChange: function() {
         var datas = MenuStore.getAll();
         this.setState({filter: datas.filter,
+                       feeds: datas.feeds,
                        categories: datas.categories,
                        active_type: datas.active_type,
-                       active_id: datas.active_id,
-                       feed_in_error: datas.feed_in_error,
-                       all_unread_count: datas.all_unread_count});
+                       active_id: datas.active_id});
     },
 });
 
diff --git a/src/web/js/stores/MenuStore.js b/src/web/js/stores/MenuStore.js
index d98495f5..6921ae1c 100644
--- a/src/web/js/stores/MenuStore.js
+++ b/src/web/js/stores/MenuStore.js
@@ -6,7 +6,8 @@ var assign = require('object-assign');
 
 
 var MenuStore = assign({}, EventEmitter.prototype, {
-    _datas: {filter: 'all', categories: [], active_type: null, active_id: null,
+    _datas: {filter: 'all', feeds: {}, categories: {},
+             active_type: null, active_id: null,
              all_unread_count: 0, feed_in_error: false},
     getAll: function() {
         return this._datas;
@@ -42,6 +43,7 @@ var MenuStore = assign({}, EventEmitter.prototype, {
 MenuStore.dispatchToken = JarrDispatcher.register(function(action) {
     switch(action.type) {
         case ActionTypes.RELOAD_MENU:
+            MenuStore._datas['feeds'] = action.feeds;
             MenuStore._datas['categories'] = action.categories;
             MenuStore._datas['feed_in_error'] = action.feed_in_error;
             MenuStore._datas['all_unread_count'] = action.all_unread_count;
@@ -65,19 +67,8 @@ MenuStore.dispatchToken = JarrDispatcher.register(function(action) {
             }
             var val = action.value_num;
             action.articles.map(function(article) {
-                for(var i in MenuStore._datas.categories) {
-                    if(MenuStore._datas.categories[i].id == article.category_id) {
-                        for(var j in MenuStore._datas.categories[i].feeds) {
-                            if(MenuStore._datas.categories[i].feeds[j].id == article.feed_id) {
-                                MenuStore._datas.categories[i].feeds[j].unread += val;
-                                break;
-
-                            }
-                        }
-                        MenuStore._datas.categories[i].unread += val;
-                        break;
-                    }
-                }
+                MenuStore._datas.categories[article.category_id].unread += val;
+                MenuStore._datas.feeds[article.feed_id].unread += val;
             });
             MenuStore.emitChange();
             break;