]> git.wh0rd.org - 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 });