]> git.wh0rd.org - tt-rss.git/blame - js/FeedTree.js
experimentally align counters to the right
[tt-rss.git] / js / FeedTree.js
CommitLineData
05f224a3
AD
1dojo.provide("fox.FeedTree");
2dojo.provide("fox.FeedStoreModel");
3
4dojo.require("dijit.Tree");
997429c2 5dojo.require("dijit.Menu");
05f224a3
AD
6
7dojo.declare("fox.FeedStoreModel", dijit.tree.ForestStoreModel, {
1beea800
AD
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 },
05f224a3
AD
19 getItemById: function(id) {
20 return this.store._itemsByIdentity[id];
21 },
452e75cc 22 getFeedValue: function(feed, is_cat, key) {
b8aa9ca7
AD
23 if (!this.store._itemsByIdentity) return undefined;
24
452e75cc 25 if (is_cat)
05f224a3
AD
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 },
452e75cc 33 getFeedName: function(feed, is_cat) {
05f224a3
AD
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 = '';
b8aa9ca7 45 if (!this.store._itemsByIdentity) return undefined;
05f224a3 46
452e75cc 47 if (is_cat)
05f224a3
AD
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 },
692de159 55 getNextUnreadFeed: function (feed, is_cat) {
6a0906d1
AD
56 if (!this.store._itemsByIdentity)
57 return null;
58
692de159
AD
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
e331188f 70 for (var j = i+1; j < items.length; j++) {
692de159
AD
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
e331188f 77 for (var j = 0; j < i; j++) {
692de159
AD
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 }
452e75cc 85
692de159
AD
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 },
05f224a3
AD
94});
95
96dojo.declare("fox.FeedTree", dijit.Tree, {
71bb56d9
AD
97 _onKeyPress: function(/* Event */ e) {
98 return; // Stop dijit.Tree from interpreting keystrokes
99 },
05f224a3
AD
100 _createTreeNode: function(args) {
101 var tnode = new dijit._TreeNode(args);
452e75cc 102
89473cb5 103 if (args.item.icon && args.item.icon[0])
05f224a3
AD
104 tnode.iconNode.src = args.item.icon[0];
105
997429c2
AD
106 var id = args.item.id[0];
107 var bare_id = parseInt(id.substr(id.indexOf(':')+1));
108
f822a8e5 109 if (bare_id < _label_base_index) {
9fe80bcd
AD
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
10afc7c6 123 if (id.match("FEED:")) {
997429c2
AD
124 var menu = new dijit.Menu();
125 menu.row_id = bare_id;
126
e3d2c029
AD
127 menu.addChild(new dijit.MenuItem({
128 label: __("Mark as read"),
129 onClick: function() {
130 catchupFeed(this.getParent().row_id);
131 }}));
132
10afc7c6
AD
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
c0c2abba 140 /* menu.addChild(new dijit.MenuItem({
10afc7c6
AD
141 label: __("Update feed"),
142 onClick: function() {
c0c2abba
AD
143 heduleFeedUpdate(this.getParent().row_id, false);
144 }})); */
10afc7c6 145 }
997429c2
AD
146
147 menu.bindDomNode(tnode.domNode);
148 tnode._menu = menu;
149 }
150
057cc813 151 if (id.match("CAT:") && bare_id >= 0) {
e3d2c029
AD
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
6cf60c88
AD
165 if (id.match("CAT:")) {
166 loading = dojo.doc.createElement('img');
167 loading.className = 'loadingNode';
84b48db4 168 loading.src = 'images/blank_icon.gif';
6cf60c88
AD
169 dojo.place(loading, tnode.labelNode, 'after');
170 tnode.loadingNode = loading;
171 }
172
ec6e5155
AD
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
66af65f1
AD
187 ctr = dojo.doc.createElement('span');
188 ctr.className = 'counterNode';
8d4b5b46
AD
189 ctr.innerHTML = args.item.unread;
190
fbb4155b
AD
191 //args.item.unread > 0 ? ctr.addClassName("unread") : ctr.removeClassName("unread");
192
193 args.item.unread > 0 ? Element.show(ctr) : Element.hide(ctr);
8d4b5b46 194
f5d3c77a 195 dojo.place(ctr, tnode.rowNode, 'first');
66af65f1 196 tnode.counterNode = ctr;
ec6e5155 197
947daa10 198 //tnode.labelNode.innerHTML = args.label;
05f224a3
AD
199 return tnode;
200 },
8d4b5b46
AD
201 postCreate: function() {
202 this.connect(this.model, "onChange", "updateCounter");
203
204 this.inherited(arguments);
205 },
206 updateCounter: function (item) {
207 var tree = this;
208
209 //console.log("updateCounter: " + item.id[0] + " " + item.unread + " " + tree);
210
211 var node = tree._itemNodesMap[item.id];
212
213 if (node) {
214 node = node[0];
215
216 if (node.counterNode) {
fbb4155b
AD
217 ctr = node.counterNode;
218 ctr.innerHTML = item.unread;
219 item.unread > 0 ? Effect.Appear(ctr, {duration : 0.3,
220 queue: { position: 'end', scope: 'CAPPEAR-' + item.id, limit: 1 }}) :
221 Element.hide(ctr);
8d4b5b46
AD
222 }
223 }
224
225 },
69970d5b
AD
226 getTooltip: function (item) {
227 if (item.updated)
228 return item.updated;
229 else
230 return "";
231 },
05f224a3
AD
232 getIconClass: function (item, opened) {
233 return (!item || this.model.mayHaveChildren(item)) ? (opened ? "dijitFolderOpened" : "dijitFolderClosed") : "feedIcon";
234 },
235 getLabelClass: function (item, opened) {
236 return (item.unread == 0) ? "dijitTreeLabel" : "dijitTreeLabel Unread";
237 },
238 getRowClass: function (item, opened) {
66af65f1 239 var rc = (!item.error || item.error == '') ? "dijitTreeRow" :
05f224a3 240 "dijitTreeRow Error";
66af65f1
AD
241
242 if (item.unread > 0) rc += " Unread";
243
244 return rc;
05f224a3
AD
245 },
246 getLabel: function(item) {
cb2c7faa
AD
247 var name = String(item.name);
248
249 /* Horrible */
906fc5b7
AD
250 name = name.replace(/&quot;/g, "\"");
251 name = name.replace(/&amp;/g, "&");
252 name = name.replace(/&mdash;/g, "-");
253 name = name.replace(/&lt;/g, "<");
254 name = name.replace(/&gt;/g, ">");
cb2c7faa 255
66af65f1 256 /* var label;
2c5f231e 257
05f224a3 258 if (item.unread > 0) {
2c5f231e 259 label = name + " (" + item.unread + ")";
05f224a3 260 } else {
2c5f231e 261 label = name;
66af65f1 262 } */
2c5f231e 263
66af65f1 264 return name;
05f224a3 265 },
2196b517
AD
266 expandParentNodes: function(feed, is_cat, list) {
267 try {
268 for (var i = 0; i < list.length; i++) {
269 var id = String(list[i].id);
270 var item = this._itemNodesMap[id];
271
272 if (item) {
273 item = item[0];
274 this._expandNode(item);
275 }
276 }
277 } catch (e) {
278 exception_error("expandParentNodes", e);
279 }
280 },
281 findNodeParentsAndExpandThem: function(feed, is_cat, root, parents) {
282 // expands all parents of specified feed to properly mark it as active
283 // my fav thing about frameworks is doing everything myself
284 try {
285 var test_id = is_cat ? 'CAT:' + feed : 'FEED:' + feed;
286
287 if (!root) {
288 if (!this.model || !this.model.store) return false;
289
290 var items = this.model.store._arrayOfTopLevelItems;
291
292 for (var i = 0; i < items.length; i++) {
293 if (String(items[i].id) == test_id) {
294 this.expandParentNodes(feed, is_cat, parents);
295 } else {
296 this.findNodeParentsAndExpandThem(feed, is_cat, items[i], []);
297 }
298 }
299 } else {
300 if (root.items) {
301 parents.push(root);
302
303 for (var i = 0; i < root.items.length; i++) {
304 if (String(root.items[i].id) == test_id) {
305 this.expandParentNodes(feed, is_cat, parents);
306 } else {
4429463d 307 this.findNodeParentsAndExpandThem(feed, is_cat, root.items[i], parents.slice(0));
2196b517
AD
308 }
309 }
310 } else {
311 if (String(root.id) == test_id) {
4429463d 312 this.expandParentNodes(feed, is_cat, parents.slice(0));
2196b517
AD
313 }
314 }
315 }
316 } catch (e) {
317 exception_error("findNodeParentsAndExpandThem", e);
318 }
319 },
05f224a3 320 selectFeed: function(feed, is_cat) {
2196b517
AD
321 this.findNodeParentsAndExpandThem(feed, is_cat, false, false);
322
452e75cc 323 if (is_cat)
05f224a3
AD
324 treeNode = this._itemNodesMap['CAT:' + feed];
325 else
326 treeNode = this._itemNodesMap['FEED:' + feed];
327
328 if (treeNode) {
329 treeNode = treeNode[0];
330 if (!is_cat) this._expandNode(treeNode);
81bea17a 331 this.set("selectedNodes", [treeNode]);
05f224a3
AD
332 }
333 },
334 setFeedIcon: function(feed, is_cat, src) {
452e75cc 335 if (is_cat)
05f224a3
AD
336 treeNode = this._itemNodesMap['CAT:' + feed];
337 else
338 treeNode = this._itemNodesMap['FEED:' + feed];
339
340 if (treeNode) {
341 treeNode = treeNode[0];
342 treeNode.iconNode.src = src;
343 return true;
344 }
345 return false;
346 },
347 setFeedExpandoIcon: function(feed, is_cat, src) {
452e75cc 348 if (is_cat)
05f224a3
AD
349 treeNode = this._itemNodesMap['CAT:' + feed];
350 else
351 treeNode = this._itemNodesMap['FEED:' + feed];
352
353 if (treeNode) {
354 treeNode = treeNode[0];
5973c74c
AD
355 if (treeNode.loadingNode) {
356 treeNode.loadingNode.src = src;
357 return true;
6cf60c88
AD
358 } else {
359 treeNode.expandoNode.src = src;
360 return true;
361 }
05f224a3
AD
362 }
363
364 return false;
365 },
366 hasCats: function() {
692de159 367 return this.model.hasCats();
05f224a3 368 },
5712a2fe 369 hideReadCat: function (cat, hide, show_special) {
05f224a3 370 if (this.hasCats()) {
05f224a3 371 var tree = this;
452e75cc 372
5712a2fe 373 if (cat && cat.items) {
05f224a3 374 var cat_unread = tree.hideReadFeeds(cat.items, hide, show_special);
452e75cc 375
05f224a3
AD
376 var id = String(cat.id);
377 var node = tree._itemNodesMap[id];
378 var bare_id = parseInt(id.substr(id.indexOf(":")+1));
452e75cc 379
05f224a3
AD
380 if (node) {
381 var check_unread = tree.model.getFeedUnread(bare_id, true);
452e75cc 382
0ef32f48 383 if (hide && cat_unread == 0 && check_unread == 0) {
452e75cc 384 Effect.Fade(node[0].rowNode, {duration : 0.3,
05f224a3
AD
385 queue: { position: 'end', scope: 'FFADE-' + id, limit: 1 }});
386 } else {
387 Element.show(node[0].rowNode);
388 ++cat_unread;
389 }
452e75cc 390 }
5712a2fe
AD
391 }
392 }
393 },
394 hideRead: function (hide, show_special) {
395 if (this.hasCats()) {
396
397 var tree = this;
398 var cats = this.model.store._arrayOfTopLevelItems;
399
400 cats.each(function(cat) {
401 tree.hideReadCat(cat, hide, show_special);
05f224a3 402 });
05f224a3
AD
403
404 } else {
452e75cc 405 this.hideReadFeeds(this.model.store._arrayOfTopLevelItems, hide,
05f224a3
AD
406 show_special);
407 }
408 },
409 hideReadFeeds: function (items, hide, show_special) {
410 var tree = this;
411 var cat_unread = 0;
412
413 items.each(function(feed) {
414 var id = String(feed.id);
6cdc4576 415
1a8a6239
AD
416 // it's a subcategory
417 if (feed.items) {
6e67a7c4 418 tree.hideReadCat(feed, hide, show_special);
1a8a6239 419 } else { // it's a feed
6cdc4576
AD
420 var bare_id = parseInt(feed.bare_id);;
421
422 var unread = feed.unread[0];
423 var node = tree._itemNodesMap[id];
424
425 if (node) {
f822a8e5 426 if (hide && unread == 0 && (bare_id > 0 || bare_id < _label_base_index || !show_special)) {
6cdc4576
AD
427 Effect.Fade(node[0].rowNode, {duration : 0.3,
428 queue: { position: 'end', scope: 'FFADE-' + id, limit: 1 }});
429 } else {
430 Element.show(node[0].rowNode);
431 ++cat_unread;
432 }
05f224a3
AD
433 }
434 }
435 });
452e75cc 436
05f224a3
AD
437 return cat_unread;
438 },
7613280a
AD
439 collapseCat: function(id) {
440 if (!this.model.hasCats()) return;
441
442 var tree = this;
443
444 var node = tree._itemNodesMap['CAT:' + id][0];
445 var item = tree.model.store._itemsByIdentity['CAT:' + id];
446
447 if (node && item) {
88918ca6 448 if (!node.isExpanded)
7613280a
AD
449 tree._expandNode(node);
450 else
451 tree._collapseNode(node);
452
7613280a
AD
453 }
454 },
452e75cc
AD
455 getVisibleUnreadFeeds: function() {
456 var items = this.model.store._arrayOfAllItems;
457 var rv = [];
458
459 for (var i = 0; i < items.length; i++) {
460 var id = String(items[i].id);
461 var box = this._itemNodesMap[id];
462
463 if (box) {
464 var row = box[0].rowNode;
465 var cat = false;
466
467 try {
468 cat = box[0].rowNode.parentNode.parentNode;
469 } catch (e) { }
470
471 if (row) {
472 if (Element.visible(row) && (!cat || Element.visible(cat))) {
473 var feed_id = String(items[i].bare_id);
474 var is_cat = !id.match('FEED:');
475 var unread = this.model.getFeedUnread(feed_id, is_cat);
476
477 if (unread > 0)
478 rv.push([feed_id, is_cat]);
479
480 }
481 }
482 }
483 }
484
485 return rv;
486 },
d026d372
AD
487 getNextFeed: function (feed, is_cat) {
488 if (is_cat) {
489 treeItem = this.model.store._itemsByIdentity['CAT:' + feed];
490 } else {
491 treeItem = this.model.store._itemsByIdentity['FEED:' + feed];
492 }
493
494 items = this.model.store._arrayOfAllItems;
495 var item = items[0];
496
497 for (var i = 0; i < items.length; i++) {
498 if (items[i] == treeItem) {
499
e331188f 500 for (var j = i+1; j < items.length; j++) {
452e75cc 501 var id = String(items[j].id);
d026d372
AD
502 var box = this._itemNodesMap[id];
503
504 if (box) {
c2b2869c
AD
505 var row = box[0].rowNode;
506 var cat = box[0].rowNode.parentNode.parentNode;
d026d372 507
c2b2869c 508 if (Element.visible(cat) && Element.visible(row)) {
d026d372
AD
509 item = items[j];
510 break;
511 }
512 }
513 }
514 break;
515 }
516 }
517
518 if (item) {
452e75cc 519 return [this.model.store.getValue(item, 'bare_id'),
d026d372
AD
520 !this.model.store.getValue(item, 'id').match('FEED:')];
521 } else {
522 return false;
523 }
524 },
525 getPreviousFeed: function (feed, is_cat) {
526 if (is_cat) {
527 treeItem = this.model.store._itemsByIdentity['CAT:' + feed];
528 } else {
529 treeItem = this.model.store._itemsByIdentity['FEED:' + feed];
530 }
531
532 items = this.model.store._arrayOfAllItems;
533 var item = items[0];
534
535 for (var i = 0; i < items.length; i++) {
536 if (items[i] == treeItem) {
537
e331188f 538 for (var j = i-1; j > 0; j--) {
452e75cc 539 var id = String(items[j].id);
d026d372
AD
540 var box = this._itemNodesMap[id];
541
542 if (box) {
c2b2869c
AD
543 var row = box[0].rowNode;
544 var cat = box[0].rowNode.parentNode.parentNode;
d026d372 545
c2b2869c 546 if (Element.visible(cat) && Element.visible(row)) {
d026d372
AD
547 item = items[j];
548 break;
549 }
550 }
c2b2869c 551
d026d372
AD
552 }
553 break;
554 }
555 }
556
557 if (item) {
452e75cc 558 return [this.model.store.getValue(item, 'bare_id'),
d026d372
AD
559 !this.model.store.getValue(item, 'id').match('FEED:')];
560 } else {
561 return false;
562 }
563
564 },
6c8e8fbd
AD
565 getFeedCategory: function(feed) {
566 try {
567 return this.getNodesByItem(this.model.store.
568 _itemsByIdentity["FEED:" + feed])[0].
569 getParent().item.bare_id[0];
d026d372 570
6c8e8fbd
AD
571 } catch (e) {
572 return false;
573 }
574 },
05f224a3 575});