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