]> git.wh0rd.org Git - tt-rss.git/blob - js/FeedTree.js
add little loading indicator for feed categories
[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)
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 < -10) {
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                         dojo.place(loading, tnode.labelNode, 'after');
169                         tnode.loadingNode = loading;
170                 }
171
172                 if (id.match("CAT:") && bare_id == -1) {
173                         var menu = new dijit.Menu();
174                         menu.row_id = bare_id;
175
176                         menu.addChild(new dijit.MenuItem({
177                                 label: __("Mark all feeds as read"),
178                                 onClick: function() {
179                                         catchupAllFeeds();
180                                 }}));
181
182                         menu.bindDomNode(tnode.domNode);
183                         tnode._menu = menu;
184                 }
185
186
187                 //tnode.labelNode.innerHTML = args.label;
188                 return tnode;
189         },
190         getIconClass: function (item, opened) {
191                 return (!item || this.model.mayHaveChildren(item)) ? (opened ? "dijitFolderOpened" : "dijitFolderClosed") : "feedIcon";
192         },
193         getLabelClass: function (item, opened) {
194                 return (item.unread == 0) ? "dijitTreeLabel" : "dijitTreeLabel Unread";
195         },
196         getRowClass: function (item, opened) {
197                 return (!item.error || item.error == '') ? "dijitTreeRow" :
198                         "dijitTreeRow Error";
199         },
200         getLabel: function(item) {
201                 var name = String(item.name);
202
203                 /* Horrible */
204                 name = name.replace(/&quot;/g, "\"");
205                 name = name.replace(/&amp;/g, "&");
206                 name = name.replace(/&mdash;/g, "-");
207                 name = name.replace(/&lt;/g, "<");
208                 name = name.replace(/&gt;/g, ">");
209
210                 var label;
211
212                 if (item.unread > 0) {
213                         label = name + " (" + item.unread + ")";
214                 } else {
215                         label = name;
216                 }
217
218                 return label;
219         },
220         selectFeed: function(feed, is_cat) {
221                 if (is_cat)
222                         treeNode = this._itemNodesMap['CAT:' + feed];
223                 else
224                         treeNode = this._itemNodesMap['FEED:' + feed];
225
226                 if (treeNode) {
227                         treeNode = treeNode[0];
228                         if (!is_cat) this._expandNode(treeNode);
229                         this.set("selectedNodes", [treeNode]);
230                 }
231         },
232         setFeedIcon: function(feed, is_cat, src) {
233                 if (is_cat)
234                         treeNode = this._itemNodesMap['CAT:' + feed];
235                 else
236                         treeNode = this._itemNodesMap['FEED:' + feed];
237
238                 if (treeNode) {
239                         treeNode = treeNode[0];
240                         treeNode.iconNode.src = src;
241                         return true;
242                 }
243                 return false;
244         },
245         setFeedExpandoIcon: function(feed, is_cat, src) {
246                 if (is_cat)
247                         treeNode = this._itemNodesMap['CAT:' + feed];
248                 else
249                         treeNode = this._itemNodesMap['FEED:' + feed];
250
251                 if (treeNode) {
252                         treeNode = treeNode[0];
253                         if (is_cat) {
254                                 if (treeNode.loadingNode) {
255                                         treeNode.loadingNode.src = src;
256                                         return true;
257                                 }
258                         } else {
259                                 treeNode.expandoNode.src = src;
260                                 return true;
261                         }
262                 }
263
264                 return false;
265         },
266         hasCats: function() {
267                 return this.model.hasCats();
268         },
269         hideReadCat: function (cat, hide, show_special) {
270                 if (this.hasCats()) {
271                         var tree = this;
272
273                         if (cat && cat.items) {
274                                 var cat_unread = tree.hideReadFeeds(cat.items, hide, show_special);
275
276                                 var id = String(cat.id);
277                                 var node = tree._itemNodesMap[id];
278                                 var bare_id = parseInt(id.substr(id.indexOf(":")+1));
279
280                                 if (node) {
281                                         var check_unread = tree.model.getFeedUnread(bare_id, true);
282
283                                         if (hide && cat_unread == 0 && check_unread == 0) {
284                                                 Effect.Fade(node[0].rowNode, {duration : 0.3,
285                                                         queue: { position: 'end', scope: 'FFADE-' + id, limit: 1 }});
286                                         } else {
287                                                 Element.show(node[0].rowNode);
288                                                 ++cat_unread;
289                                         }
290                                 }
291                         }
292                 }
293         },
294         hideRead: function (hide, show_special) {
295                 if (this.hasCats()) {
296
297                         var tree = this;
298                         var cats = this.model.store._arrayOfTopLevelItems;
299
300                         cats.each(function(cat) {
301                                 tree.hideReadCat(cat, hide, show_special);
302                         });
303
304                 } else {
305                         this.hideReadFeeds(this.model.store._arrayOfTopLevelItems, hide,
306                                 show_special);
307                 }
308         },
309         hideReadFeeds: function (items, hide, show_special) {
310                 var tree = this;
311                 var cat_unread = 0;
312
313                 items.each(function(feed) {
314                         var id = String(feed.id);
315
316                         // it's a subcategory
317                         if (feed.items) {
318                                 tree.hideReadCat(feed, hide, show_special);
319                         } else {        // it's a feed
320                                 var bare_id = parseInt(feed.bare_id);;
321
322                                 var unread = feed.unread[0];
323                                 var node = tree._itemNodesMap[id];
324
325                                 if (node) {
326                                         if (hide && unread == 0 && (bare_id > 0 || bare_id < -10 || !show_special)) {
327                                                 Effect.Fade(node[0].rowNode, {duration : 0.3,
328                                                         queue: { position: 'end', scope: 'FFADE-' + id, limit: 1 }});
329                                         } else {
330                                                 Element.show(node[0].rowNode);
331                                                 ++cat_unread;
332                                         }
333                                 }
334                         }
335                 });
336
337                 return cat_unread;
338         },
339         collapseCat: function(id) {
340                 if (!this.model.hasCats()) return;
341
342                 var tree = this;
343
344                 var node = tree._itemNodesMap['CAT:' + id][0];
345                 var item = tree.model.store._itemsByIdentity['CAT:' + id];
346
347                 if (node && item) {
348                         if (!node.isExpanded)
349                                 tree._expandNode(node);
350                         else
351                                 tree._collapseNode(node);
352
353                 }
354         },
355         getVisibleUnreadFeeds: function() {
356                 var items = this.model.store._arrayOfAllItems;
357                 var rv = [];
358
359                 for (var i = 0; i < items.length; i++) {
360                         var id = String(items[i].id);
361                         var box = this._itemNodesMap[id];
362
363                         if (box) {
364                                 var row = box[0].rowNode;
365                                 var cat = false;
366
367                                 try {
368                                         cat = box[0].rowNode.parentNode.parentNode;
369                                 } catch (e) { }
370
371                                 if (row) {
372                                         if (Element.visible(row) && (!cat || Element.visible(cat))) {
373                                                 var feed_id = String(items[i].bare_id);
374                                                 var is_cat = !id.match('FEED:');
375                                                 var unread = this.model.getFeedUnread(feed_id, is_cat);
376
377                                                 if (unread > 0)
378                                                         rv.push([feed_id, is_cat]);
379
380                                         }
381                                 }
382                         }
383                 }
384
385                 return rv;
386         },
387         getNextFeed: function (feed, is_cat) {
388                 if (is_cat) {
389                         treeItem = this.model.store._itemsByIdentity['CAT:' + feed];
390                 } else {
391                         treeItem = this.model.store._itemsByIdentity['FEED:' + feed];
392                 }
393
394                 items = this.model.store._arrayOfAllItems;
395                 var item = items[0];
396
397                 for (var i = 0; i < items.length; i++) {
398                         if (items[i] == treeItem) {
399
400                                 for (var j = i+1; j < items.length; j++) {
401                                         var id = String(items[j].id);
402                                         var box = this._itemNodesMap[id];
403
404                                         if (box) {
405                                                 var row = box[0].rowNode;
406                                                 var cat = box[0].rowNode.parentNode.parentNode;
407
408                                                 if (Element.visible(cat) && Element.visible(row)) {
409                                                         item = items[j];
410                                                         break;
411                                                 }
412                                         }
413                                 }
414                                 break;
415                         }
416                 }
417
418                 if (item) {
419                         return [this.model.store.getValue(item, 'bare_id'),
420                                                 !this.model.store.getValue(item, 'id').match('FEED:')];
421                 } else {
422                         return false;
423                 }
424         },
425         getPreviousFeed: function (feed, is_cat) {
426                 if (is_cat) {
427                         treeItem = this.model.store._itemsByIdentity['CAT:' + feed];
428                 } else {
429                         treeItem = this.model.store._itemsByIdentity['FEED:' + feed];
430                 }
431
432                 items = this.model.store._arrayOfAllItems;
433                 var item = items[0];
434
435                 for (var i = 0; i < items.length; i++) {
436                         if (items[i] == treeItem) {
437
438                                 for (var j = i-1; j > 0; j--) {
439                                         var id = String(items[j].id);
440                                         var box = this._itemNodesMap[id];
441
442                                         if (box) {
443                                                 var row = box[0].rowNode;
444                                                 var cat = box[0].rowNode.parentNode.parentNode;
445
446                                                 if (Element.visible(cat) && Element.visible(row)) {
447                                                         item = items[j];
448                                                         break;
449                                                 }
450                                         }
451
452                                 }
453                                 break;
454                         }
455                 }
456
457                 if (item) {
458                         return [this.model.store.getValue(item, 'bare_id'),
459                                                 !this.model.store.getValue(item, 'id').match('FEED:')];
460                 } else {
461                         return false;
462                 }
463
464         },
465         getFeedCategory: function(feed) {
466                 try {
467                         return this.getNodesByItem(this.model.store.
468                                         _itemsByIdentity["FEED:" + feed])[0].
469                                         getParent().item.bare_id[0];
470
471                 } catch (e) {
472                         return false;
473                 }
474         },
475 });