aboutsummaryrefslogtreecommitdiff
path: root/src/web/js/stores/MiddlePanelStore.js
blob: 83b8d942cda3721d80c050eb42bb17e335d07821 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
var JarrDispatcher = require('../dispatcher/JarrDispatcher');
var ActionTypes = require('../constants/JarrConstants');
var EventEmitter = require('events').EventEmitter;
var CHANGE_EVENT = 'change_middle_panel';
var assign = require('object-assign');


var MiddlePanelStore = assign({}, EventEmitter.prototype, {
    filter_whitelist: ['filter', 'filter_id', 'filter_type', 'display_search',
                       'query', 'search_title', 'search_content'],
    _datas: {filter: 'unread', articles: [],
             filter_type: null, filter_id: null,
             display_search: false, query: null,
             search_title: true, search_content: false},
    getAll: function() {
        return this._datas;
    },
    getRequestFilter: function(display_search) {
        var filters = {'filter': this._datas.filter,
                       'filter_type': this._datas.filter_type,
                       'filter_id': this._datas.filter_id,
        };
        if(display_search || (display_search == undefined && this._datas.display_search)) {
            filters.query = this._datas.query;
            filters.search_title = this._datas.search_title;
            filters.search_content = this._datas.search_content;
        };
        return filters;
    },
    getArticles: function() {
        var key = null;
        var id = null;
        var filter = this._datas.filter;
        if (this._datas.filter_type) {
            key = this._datas.filter_type;
            id = this._datas.filter_id;
        }
        return this._datas.articles.filter(function(article) {
            return ((!key || article[key] == id)
                    && (filter == 'all'
                        || (filter == 'unread' && !article.read)
                        || (filter == 'liked' && article.liked)));
        });
    },
    setArticles: function(articles) {
        if(articles || articles == []) {
            this._datas.articles = articles;
            return true;
        }
        return false;
    },
    registerFilter: function(action) {
        var changed = false;
        this.filter_whitelist.map(function(key) {
            if(key in action && this._datas[key] != action[key]) {
                changed = true;
                this._datas[key] = action[key];
            }
        }.bind(this));
        return changed;
    },
    emitChange: function() {
        this.emit(CHANGE_EVENT);
    },
    addChangeListener: function(callback) {
        this.on(CHANGE_EVENT, callback);
    },
    removeChangeListener: function(callback) {
        this.removeListener(CHANGE_EVENT, callback);
    },
});


MiddlePanelStore.dispatchToken = JarrDispatcher.register(function(action) {
    var changed = false;
    switch(action.type) {
        case ActionTypes.RELOAD_MIDDLE_PANEL:
            changed = MiddlePanelStore.registerFilter(action);
            changed = MiddlePanelStore.setArticles(action.articles) || changed;
            if(changed) {MiddlePanelStore.emitChange()};
            break;
        case ActionTypes.PARENT_FILTER:
            changed = MiddlePanelStore.registerFilter(action);
            changed = MiddlePanelStore.setArticles(action.articles) || changed;
            if(changed) {MiddlePanelStore.emitChange();}
            break;
        case ActionTypes.MIDDLE_PANEL_FILTER:
            changed = MiddlePanelStore.registerFilter(action);
            changed = MiddlePanelStore.setArticles(action.articles) || changed;
            if(changed) {MiddlePanelStore.emitChange();}
            break;
        case ActionTypes.CHANGE_ATTR:
            var attr = action.attribute;
            var val = action.value_bool;
            action.articles.map(function(article) {
                for (var i in MiddlePanelStore._datas.articles) {
                    if(MiddlePanelStore._datas.articles[i].article_id == article.article_id) {
                        if (MiddlePanelStore._datas.articles[i][attr] != val) {
                            MiddlePanelStore._datas.articles[i][attr] = val;
                            // avoiding redraw if not filter, display won't change anyway
                            if(MiddlePanelStore._datas.filter != 'all') {
                                MiddlePanelStore.emitChange();
                            }
                        }
                        break;
                    }
                }
            });
            break;
        default:
            // pass
    }
});

module.exports = MiddlePanelStore;
bgstack15