]> git.wh0rd.org Git - tt-rss.git/blob - js/FeedTree.js
fix notify display on chrome, add some css tweaks
[tt-rss.git] / js / FeedTree.js
1 dojo.provide("fox.FeedTree");
2 dojo.provide("fox.FeedStoreModel");
3
4 dojo.require("dijit.Tree");
5 dojo.require("dijit.Menu");
6
7 dojo.declare("fox.FeedStoreModel", dijit.tree.ForestStoreModel, {
8         getItemsInCategory: function (id) {
9                 if (!this.store._itemsByIdentity) return undefined;
10
11                 cat = this.store._itemsByIdentity['CAT:' + id];
12
13                 if (cat && cat.items)
14                         return cat.items;
15                 else
16                         return undefined;
17
18         },
19         getItemById: function(id) {
20                 return this.store._itemsByIdentity[id];
21         },
22         getFeedValue: function(feed, is_cat, key) {
23                 if (!this.store._itemsByIdentity) return undefined;
24
25                 if (is_cat)
26                         treeItem = this.store._itemsByIdentity['CAT:' + feed];
27                 else
28                         treeItem = this.store._itemsByIdentity['FEED:' + feed];
29
30                 if (treeItem)
31                         return this.store.getValue(treeItem, key);
32         },
33         getFeedName: function(feed, is_cat) {
34                 return this.getFeedValue(feed, is_cat, 'name');
35         },
36         getFeedUnread: function(feed, is_cat) {
37                 var unread = parseInt(this.getFeedValue(feed, is_cat, 'unread'));
38                 return (isNaN(unread)) ? 0 : unread;
39         },
40         setFeedUnread: function(feed, is_cat, unread) {
41                 return this.setFeedValue(feed, is_cat, 'unread', parseInt(unread));
42         },
43         setFeedValue: function(feed, is_cat, key, value) {
44                 if (!value) value = '';
45                 if (!this.store._itemsByIdentity) return undefined;
46
47                 if (is_cat)
48                         treeItem = this.store._itemsByIdentity['CAT:' + feed];
49                 else
50                         treeItem = this.store._itemsByIdentity['FEED:' + feed];
51
52                 if (treeItem)
53                         return this.store.setValue(treeItem, key, value);
54         },
55         getNextUnreadFeed: function (feed, is_cat) {
56                 if (!this.store._itemsByIdentity)
57                         return null;
58
59                 if (is_cat) {
60                         treeItem = this.store._itemsByIdentity['CAT:' + feed];
61                         items = this.store._arrayOfTopLevelItems;
62                 } else {
63                         treeItem = this.store._itemsByIdentity['FEED:' + feed];
64                         items = this.store._arrayOfAllItems;
65                 }
66
67                 for (var i = 0; i < items.length; i++) {
68                         if (items[i] == treeItem) {
69
70                                 for (var j = i+1; j < items.length; j++) {
71                                         var unread = this.store.getValue(items[j], 'unread');
72                                         var id = this.store.getValue(items[j], 'id');
73
74                                         if (unread > 0 && (is_cat || id.match("FEED:"))) return items[j];
75                                 }
76
77                                 for (var j = 0; j < i; j++) {
78                                         var unread = this.store.getValue(items[j], 'unread');
79                                         var id = this.store.getValue(items[j], 'id');
80
81                                         if (unread > 0 && (is_cat || id.match("FEED:"))) return items[j];
82                                 }
83                         }
84                 }
85
86                 return null;
87         },
88         hasCats: function() {
89                 if (this.store && this.store._itemsByIdentity)
90                         return this.store._itemsByIdentity['CAT:-1'] != undefined;
91                 else
92                         return false;
93         },
94 });
95
96 dojo.declare("fox.FeedTree", dijit.Tree, {
97         _onKeyPress: function(/* Event */ e) {
98                 return; // Stop dijit.Tree from interpreting keystrokes
99         },
100         _createTreeNode: function(args) {
101                 var tnode = new dijit._TreeNode(args);
102
103                 if (args.item.icon && args.item.icon[0])
104                         tnode.iconNode.src = args.item.icon[0];
105
106                 var id = args.item.id[0];
107                 var bare_id = parseInt(id.substr(id.indexOf(':')+1));
108
109                 if (bare_id < _label_base_index) {
110                         var span = dojo.doc.createElement('span');
111                         var fg_color = args.item.fg_color[0];
112                         var bg_color = args.item.bg_color[0];
113
114                         span.innerHTML = "&alpha;";
115                         span.className = 'labelColorIndicator';
116                         span.setStyle({
117                                 color: fg_color,
118                                 backgroundColor: bg_color});
119
120                         dojo.place(span, tnode.iconNode, 'replace');
121                 }
122
123                 if (id.match("FEED:")) {
124                         var menu = new dijit.Menu();
125                         menu.row_id = bare_id;
126
127                         menu.addChild(new dijit.MenuItem({
128                                 label: __("Mark as read"),
129                                 onClick: function() {
130                                         catchupFeed(this.getParent().row_id);
131                                 }}));
132
133                         if (bare_id > 0) {
134                                 menu.addChild(new dijit.MenuItem({
135                                         label: __("Edit feed"),
136                                         onClick: function() {
137                                                 editFeed(this.getParent().row_id, false);
138                                         }}));
139
140                                 /* menu.addChild(new dijit.MenuItem({
141                                         label: __("Update feed"),
142                                         onClick: function() {
143                                                 heduleFeedUpdate(this.getParent().row_id, false);
144                                         }})); */
145                         }
146
147                         menu.bindDomNode(tnode.domNode);
148                         tnode._menu = menu;
149                 }
150
151                 if (id.match("CAT:") && bare_id >= 0) {
152                         var menu = new dijit.Menu();
153                         menu.row_id = bare_id;
154
155                         menu.addChild(new dijit.MenuItem({
156                                 label: __("Mark as read"),
157                                 onClick: function() {
158                                         catchupFeed(this.getParent().row_id, true);
159                                 }}));
160
161                         menu.bindDomNode(tnode.domNode);
162                         tnode._menu = menu;
163                 }
164
165                 if (id.match("CAT:")) {
166                         loading = dojo.doc.createElement('img');
167                         loading.className = 'loadingNode';
168                         loading.src = 'images/blank_icon.gif';
169                         dojo.place(loading, tnode.labelNode, 'after');
170                         tnode.loadingNode = loading;
171                 }
172
173                 if (id.match("CAT:") && bare_id == -1) {
174                         var menu = new dijit.Menu();
175                         menu.row_id = bare_id;
176
177                         menu.addChild(new dijit.MenuItem({
178                                 label: __("Mark all feeds as read"),
179                                 onClick: function() {
180                                         catchupAllFeeds();
181                                 }}));
182
183                         menu.bindDomNode(tnode.domNode);
184                         tnode._menu = menu;
185                 }
186
187                 ctr = dojo.doc.createElement('span');
188                 ctr.className = 'counterNode';
189                 ctr.innerHTML = args.item.unread;
190
191                 args.item.unread > 0 ? ctr.addClassName("unread") : ctr.removeClassName("unread");
192
193                 dojo.place(ctr, tnode.labelNode, 'after');
194                 tnode.counterNode = ctr;
195
196                 //tnode.labelNode.innerHTML = args.label;
197                 return tnode;
198         },
199         postCreate: function() {
200                 this.connect(this.model, "onChange", "updateCounter");
201
202                 this.inherited(arguments);
203         },
204         updateCounter: function (item) {
205                 var tree = this;
206
207                 //console.log("updateCounter: " + item.id[0] + " " + item.unread + " " + tree);
208
209                 var node = tree._itemNodesMap[item.id];
210
211                 if (node) {
212                         node = node[0];
213
214                         if (node.counterNode) {
215                                 node.counterNode.innerHTML = item.unread;
216                                 item.unread > 0 ? node.counterNode.addClassName("unread") : node.counterNode.removeClassName("unread");
217                         }
218                 }
219
220         },
221         getTooltip: function (item) {
222                 if (item.updated)
223                         return item.updated;
224                 else
225                         return "";
226         },
227         getIconClass: function (item, opened) {
228                 return (!item || this.model.mayHaveChildren(item)) ? (opened ? "dijitFolderOpened" : "dijitFolderClosed") : "feedIcon";
229         },
230         getLabelClass: function (item, opened) {
231                 return (item.unread == 0) ? "dijitTreeLabel" : "dijitTreeLabel Unread";
232         },
233         getRowClass: function (item, opened) {
234                 var rc = (!item.error || item.error == '') ? "dijitTreeRow" :
235                         "dijitTreeRow Error";
236
237                 if (item.unread > 0) rc += " Unread";
238
239                 return rc;
240         },
241         getLabel: function(item) {
242                 var name = String(item.name);
243
244                 /* Horrible */
245                 name = name.replace(/&quot;/g, "\"");
246                 name = name.replace(/&amp;/g, "&");
247                 name = name.replace(/&mdash;/g, "-");
248                 name = name.replace(/&lt;/g, "<");
249                 name = name.replace(/&gt;/g, ">");
250
251                 /* var label;
252
253                 if (item.unread > 0) {
254                         label = name + " (" + item.unread + ")";
255                 } else {
256                         label = name;
257                 } */
258
259                 return name;
260         },
261         expandParentNodes: function(feed, is_cat, list) {
262                 try {
263                         for (var i = 0; i < list.length; i++) {
264                                 var id = String(list[i].id);
265                                 var item = this._itemNodesMap[id];
266
267                                 if (item) {
268                                         item = item[0];
269                                         this._expandNode(item);
270                                 }
271                         }
272                 } catch (e) {
273                         exception_error("expandParentNodes", e);
274                 }
275         },
276         findNodeParentsAndExpandThem: function(feed, is_cat, root, parents) {
277                 // expands all parents of specified feed to properly mark it as active
278                 // my fav thing about frameworks is doing everything myself
279                 try {
280                         var test_id = is_cat ? 'CAT:' + feed : 'FEED:' + feed;
281
282                         if (!root) {
283                                 if (!this.model || !this.model.store) return false;
284
285                                 var items = this.model.store._arrayOfTopLevelItems;
286
287                                 for (var i = 0; i < items.length; i++) {
288                                         if (String(items[i].id) == test_id) {
289                                                 this.expandParentNodes(feed, is_cat, parents);
290                                         } else {
291                                                 this.findNodeParentsAndExpandThem(feed, is_cat, items[i], []);
292                                         }
293                                 }
294                         } else {
295                                 if (root.items) {
296                                         parents.push(root);
297
298                                         for (var i = 0; i < root.items.length; i++) {
299                                                 if (String(root.items[i].id) == test_id) {
300                                                         this.expandParentNodes(feed, is_cat, parents);
301                                                 } else {
302                                                         this.findNodeParentsAndExpandThem(feed, is_cat, root.items[i], parents.slice(0));
303                                                 }
304                                         }
305                                 } else {
306                                         if (String(root.id) == test_id) {
307                                                 this.expandParentNodes(feed, is_cat, parents.slice(0));
308                                         }
309                                 }
310                         }
311                 } catch (e) {
312                         exception_error("findNodeParentsAndExpandThem", e);
313                 }
314         },
315         selectFeed: function(feed, is_cat) {
316                 this.findNodeParentsAndExpandThem(feed, is_cat, false, false);
317
318                 if (is_cat)
319                         treeNode = this._itemNodesMap['CAT:' + feed];
320                 else
321                         treeNode = this._itemNodesMap['FEED:' + feed];
322
323                 if (treeNode) {
324                         treeNode = treeNode[0];
325                         if (!is_cat) this._expandNode(treeNode);
326                         this.set("selectedNodes", [treeNode]);
327                 }
328         },
329         setFeedIcon: function(feed, is_cat, src) {
330                 if (is_cat)
331                         treeNode = this._itemNodesMap['CAT:' + feed];
332                 else
333                         treeNode = this._itemNodesMap['FEED:' + feed];
334
335                 if (treeNode) {
336                         treeNode = treeNode[0];
337                         treeNode.iconNode.src = src;
338                         return true;
339                 }
340                 return false;
341         },
342         setFeedExpandoIcon: function(feed, is_cat, src) {
343                 if (is_cat)
344                         treeNode = this._itemNodesMap['CAT:' + feed];
345                 else
346                         treeNode = this._itemNodesMap['FEED:' + feed];
347
348                 if (treeNode) {
349                         treeNode = treeNode[0];
350                         if (treeNode.loadingNode) {
351                                 treeNode.loadingNode.src = src;
352                                 return true;
353                         } else {
354                                 treeNode.expandoNode.src = src;
355                                 return true;
356                         }
357                 }
358
359                 return false;
360         },
361         hasCats: function() {
362                 return this.model.hasCats();
363         },
364         hideReadCat: function (cat, hide, show_special) {
365                 if (this.hasCats()) {
366                         var tree = this;
367
368                         if (cat && cat.items) {
369                                 var cat_unread = tree.hideReadFeeds(cat.items, hide, show_special);
370
371                                 var id = String(cat.id);
372                                 var node = tree._itemNodesMap[id];
373                                 var bare_id = parseInt(id.substr(id.indexOf(":")+1));
374
375                                 if (node) {
376                                         var check_unread = tree.model.getFeedUnread(bare_id, true);
377
378                                         if (hide && cat_unread == 0 && check_unread == 0) {
379                                                 Effect.Fade(node[0].rowNode, {duration : 0.3,
380                                                         queue: { position: 'end', scope: 'FFADE-' + id, limit: 1 }});
381                                         } else {
382                                                 Element.show(node[0].rowNode);
383                                                 ++cat_unread;
384                                         }
385                                 }
386                         }
387                 }
388         },
389         hideRead: function (hide, show_special) {
390                 if (this.hasCats()) {
391
392                         var tree = this;
393                         var cats = this.model.store._arrayOfTopLevelItems;
394
395                         cats.each(function(cat) {
396                                 tree.hideReadCat(cat, hide, show_special);
397                         });
398
399                 } else {
400                         this.hideReadFeeds(this.model.store._arrayOfTopLevelItems, hide,
401                                 show_special);
402                 }
403         },
404         hideReadFeeds: function (items, hide, show_special) {
405                 var tree = this;
406                 var cat_unread = 0;
407
408                 items.each(function(feed) {
409                         var id = String(feed.id);
410
411                         // it's a subcategory
412                         if (feed.items) {
413                                 tree.hideReadCat(feed, hide, show_special);
414                         } else {        // it's a feed
415                                 var bare_id = parseInt(feed.bare_id);;
416
417                                 var unread = feed.unread[0];
418                                 var node = tree._itemNodesMap[id];
419
420                                 if (node) {
421                                         if (hide && unread == 0 && (bare_id > 0 || bare_id < _label_base_index || !show_special)) {
422                                                 Effect.Fade(node[0].rowNode, {duration : 0.3,
423                                                         queue: { position: 'end', scope: 'FFADE-' + id, limit: 1 }});
424                                         } else {
425                                                 Element.show(node[0].rowNode);
426                                                 ++cat_unread;
427                                         }
428                                 }
429                         }
430                 });
431
432                 return cat_unread;
433         },
434         collapseCat: function(id) {
435                 if (!this.model.hasCats()) return;
436
437                 var tree = this;
438
439                 var node = tree._itemNodesMap['CAT:' + id][0];
440                 var item = tree.model.store._itemsByIdentity['CAT:' + id];
441
442                 if (node && item) {
443                         if (!node.isExpanded)
444                                 tree._expandNode(node);
445                         else
446                                 tree._collapseNode(node);
447
448                 }
449         },
450         getVisibleUnreadFeeds: function() {
451                 var items = this.model.store._arrayOfAllItems;
452                 var rv = [];
453
454                 for (var i = 0; i < items.length; i++) {
455                         var id = String(items[i].id);
456                         var box = this._itemNodesMap[id];
457
458                         if (box) {
459                                 var row = box[0].rowNode;
460                                 var cat = false;
461
462                                 try {
463                                         cat = box[0].rowNode.parentNode.parentNode;
464                                 } catch (e) { }
465
466                                 if (row) {
467                                         if (Element.visible(row) && (!cat || Element.visible(cat))) {
468                                                 var feed_id = String(items[i].bare_id);
469                                                 var is_cat = !id.match('FEED:');
470                                                 var unread = this.model.getFeedUnread(feed_id, is_cat);
471
472                                                 if (unread > 0)
473                                                         rv.push([feed_id, is_cat]);
474
475                                         }
476                                 }
477                         }
478                 }
479
480                 return rv;
481         },
482         getNextFeed: function (feed, is_cat) {
483                 if (is_cat) {
484                         treeItem = this.model.store._itemsByIdentity['CAT:' + feed];
485                 } else {
486                         treeItem = this.model.store._itemsByIdentity['FEED:' + feed];
487                 }
488
489                 items = this.model.store._arrayOfAllItems;
490                 var item = items[0];
491
492                 for (var i = 0; i < items.length; i++) {
493                         if (items[i] == treeItem) {
494
495                                 for (var j = i+1; j < items.length; j++) {
496                                         var id = String(items[j].id);
497                                         var box = this._itemNodesMap[id];
498
499                                         if (box) {
500                                                 var row = box[0].rowNode;
501                                                 var cat = box[0].rowNode.parentNode.parentNode;
502
503                                                 if (Element.visible(cat) && Element.visible(row)) {
504                                                         item = items[j];
505                                                         break;
506                                                 }
507                                         }
508                                 }
509                                 break;
510                         }
511                 }
512
513                 if (item) {
514                         return [this.model.store.getValue(item, 'bare_id'),
515                                                 !this.model.store.getValue(item, 'id').match('FEED:')];
516                 } else {
517                         return false;
518                 }
519         },
520         getPreviousFeed: function (feed, is_cat) {
521                 if (is_cat) {
522                         treeItem = this.model.store._itemsByIdentity['CAT:' + feed];
523                 } else {
524                         treeItem = this.model.store._itemsByIdentity['FEED:' + feed];
525                 }
526
527                 items = this.model.store._arrayOfAllItems;
528                 var item = items[0];
529
530                 for (var i = 0; i < items.length; i++) {
531                         if (items[i] == treeItem) {
532
533                                 for (var j = i-1; j > 0; j--) {
534                                         var id = String(items[j].id);
535                                         var box = this._itemNodesMap[id];
536
537                                         if (box) {
538                                                 var row = box[0].rowNode;
539                                                 var cat = box[0].rowNode.parentNode.parentNode;
540
541                                                 if (Element.visible(cat) && Element.visible(row)) {
542                                                         item = items[j];
543                                                         break;
544                                                 }
545                                         }
546
547                                 }
548                                 break;
549                         }
550                 }
551
552                 if (item) {
553                         return [this.model.store.getValue(item, 'bare_id'),
554                                                 !this.model.store.getValue(item, 'id').match('FEED:')];
555                 } else {
556                         return false;
557                 }
558
559         },
560         getFeedCategory: function(feed) {
561                 try {
562                         return this.getNodesByItem(this.model.store.
563                                         _itemsByIdentity["FEED:" + feed])[0].
564                                         getParent().item.bare_id[0];
565
566                 } catch (e) {
567                         return false;
568                 }
569         },
570 });