js/FeedTree.js

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