add FeedTree

This commit is contained in:
Andrew Dolgov 2010-11-17 22:51:44 +03:00
parent 68313e5d29
commit 05f224a3d7
3 changed files with 180 additions and 97 deletions

170
FeedTree.js Normal file
View file

@ -0,0 +1,170 @@
dojo.provide("fox.FeedTree");
dojo.provide("fox.FeedStoreModel");
dojo.require("dijit.Tree");
dojo.declare("fox.FeedStoreModel", dijit.tree.ForestStoreModel, {
getItemById: function(id) {
return this.store._itemsByIdentity[id];
},
getFeedValue: function(feed, is_cat, key) {
if (is_cat)
treeItem = this.store._itemsByIdentity['CAT:' + feed];
else
treeItem = this.store._itemsByIdentity['FEED:' + feed];
if (treeItem)
return this.store.getValue(treeItem, key);
},
getFeedName: function(feed, is_cat) {
return this.getFeedValue(feed, is_cat, 'name');
},
getFeedUnread: function(feed, is_cat) {
var unread = parseInt(this.getFeedValue(feed, is_cat, 'unread'));
return (isNaN(unread)) ? 0 : unread;
},
setFeedUnread: function(feed, is_cat, unread) {
return this.setFeedValue(feed, is_cat, 'unread', parseInt(unread));
},
setFeedValue: function(feed, is_cat, key, value) {
if (!value) value = '';
if (is_cat)
treeItem = this.store._itemsByIdentity['CAT:' + feed];
else
treeItem = this.store._itemsByIdentity['FEED:' + feed];
if (treeItem)
return this.store.setValue(treeItem, key, value);
},
});
dojo.declare("fox.FeedTree", dijit.Tree, {
_createTreeNode: function(args) {
var tnode = new dijit._TreeNode(args);
if (args.item.icon)
tnode.iconNode.src = args.item.icon[0];
//tnode.labelNode.innerHTML = args.label;
return tnode;
},
getIconClass: function (item, opened) {
return (!item || this.model.mayHaveChildren(item)) ? (opened ? "dijitFolderOpened" : "dijitFolderClosed") : "feedIcon";
},
getLabelClass: function (item, opened) {
return (item.unread == 0) ? "dijitTreeLabel" : "dijitTreeLabel Unread";
},
getRowClass: function (item, opened) {
return (!item.error || item.error == '') ? "dijitTreeRow" :
"dijitTreeRow Error";
},
getLabel: function(item) {
if (item.unread > 0) {
return item.name + " (" + item.unread + ")";
} else {
return item.name;
}
},
selectFeed: function(feed, is_cat) {
if (is_cat)
treeNode = this._itemNodesMap['CAT:' + feed];
else
treeNode = this._itemNodesMap['FEED:' + feed];
if (treeNode) {
treeNode = treeNode[0];
if (!is_cat) this._expandNode(treeNode);
this._selectNode(treeNode);
}
},
setFeedIcon: function(feed, is_cat, src) {
if (is_cat)
treeNode = this._itemNodesMap['CAT:' + feed];
else
treeNode = this._itemNodesMap['FEED:' + feed];
if (treeNode) {
treeNode = treeNode[0];
treeNode.iconNode.src = src;
return true;
}
return false;
},
setFeedExpandoIcon: function(feed, is_cat, src) {
if (is_cat)
treeNode = this._itemNodesMap['CAT:' + feed];
else
treeNode = this._itemNodesMap['FEED:' + feed];
if (treeNode) {
treeNode = treeNode[0];
treeNode.expandoNode.src = src;
return true;
}
return false;
},
hasCats: function() {
if (this.model.store && this.model.store._itemsByIdentity)
return this.model.store._itemsByIdentity['CAT:-1'] != undefined;
else
return false;
},
hideRead: function (hide, show_special) {
if (this.hasCats()) {
var tree = this;
var cats = this.model.store._arrayOfTopLevelItems;
cats.each(function(cat) {
var cat_unread = tree.hideReadFeeds(cat.items, hide, show_special);
var id = String(cat.id);
var node = tree._itemNodesMap[id];
var bare_id = parseInt(id.substr(id.indexOf(":")+1));
if (node) {
var check_unread = tree.model.getFeedUnread(bare_id, true);
if (hide && cat_unread == 0 && check_unread == 0) {
Effect.Fade(node[0].rowNode, {duration : 0.3,
queue: { position: 'end', scope: 'FFADE-' + id, limit: 1 }});
} else {
Element.show(node[0].rowNode);
++cat_unread;
}
}
});
console.log(this);
} else {
this.hideReadFeeds(this.model.store._arrayOfTopLevelItems, hide,
show_special);
}
},
hideReadFeeds: function (items, hide, show_special) {
var tree = this;
var cat_unread = 0;
items.each(function(feed) {
var id = String(feed.id);
var bare_id = parseInt(feed.bare_id);;
var unread = feed.unread[0];
var node = tree._itemNodesMap[id];
if (node) {
if (hide && unread == 0 && (bare_id > 0 || !show_special)) {
Effect.Fade(node[0].rowNode, {duration : 0.3,
queue: { position: 'end', scope: 'FFADE-' + id, limit: 1 }});
} else {
Element.show(node[0].rowNode);
++cat_unread;
}
}
});
return cat_unread;
},
});

View file

@ -367,70 +367,8 @@ function resort_feedlist() {
function hideOrShowFeeds(hide) { function hideOrShowFeeds(hide) {
var tree = dijit.byId("feedTree"); var tree = dijit.byId("feedTree");
if (!tree) return; if (tree)
return tree.hideRead(hide, getInitParam("hide_read_shows_special"));
if (getInitParam("enable_feed_cats")) {
var cats = tree.model.store._arrayOfTopLevelItems;
cats.each(function(cat) {
var cat_unread = hideOrShowFeedsCategory(cat.items, hide);
var id = String(cat.id);
var node = tree._itemNodesMap[id];
var bare_id = parseInt(id.substr(id.indexOf(":")+1));
if (node) {
var check_unread = getFeedUnread(bare_id, true);
if (hide && cat_unread == 0 && check_unread == 0) {
Effect.Fade(node[0].rowNode, {duration : 0.3,
queue: { position: 'end', scope: 'FFADE-' + id, limit: 1 }});
} else {
Element.show(node[0].rowNode);
++cat_unread;
}
}
});
} else {
hideOrShowFeedsCategory(tree.model.store._arrayOfTopLevelItems, hide);
}
}
function hideOrShowFeedsCategory(feeds, hide) {
try {
var tree = dijit.byId("feedTree");
if (!tree) return;
var cat_unread = 0;
feeds.each(function(feed) {
var id = String(feed.id);
var bare_id = parseInt(id.substr(id.indexOf(":")+1));
var unread = feed.unread[0];
var node = tree._itemNodesMap[id];
if (node) {
if (hide && unread == 0 && (bare_id > 0 || !getInitParam("hide_read_shows_special"))) {
Effect.Fade(node[0].rowNode, {duration : 0.3,
queue: { position: 'end', scope: 'FFADE-' + id, limit: 1 }});
} else {
Element.show(node[0].rowNode);
++cat_unread;
}
}
});
return cat_unread;
} catch (e) {
exception_error("hideOrShowFeedsCategory", e);
}
} }
function getFeedName(feed, is_cat) { function getFeedName(feed, is_cat) {
@ -481,10 +419,6 @@ function setFeedValue(feed, is_cat, key, value) {
} }
} }
function toggleCollapseCat(id) {
console.warn("toggleCollapseCat: function not implemented");
}
function selectFeed(feed, is_cat) { function selectFeed(feed, is_cat) {
try { try {
var tree = dijit.byId("feedTree"); var tree = dijit.byId("feedTree");

View file

@ -75,7 +75,7 @@ function updateFeedList() {
var store = new dojo.data.ItemFileWriteStore({ var store = new dojo.data.ItemFileWriteStore({
url: "backend.php?op=feeds"}); url: "backend.php?op=feeds"});
treeModel = new dijit.tree.ForestStoreModel({ treeModel = new fox.FeedStoreModel({
store: store, store: store,
query: { query: {
"type": "feed" "type": "feed"
@ -85,34 +85,8 @@ function updateFeedList() {
childrenAttrs: ["items"] childrenAttrs: ["items"]
}); });
var tree = new dijit.Tree({ var tree = new fox.FeedTree({
model: treeModel, model: treeModel,
_createTreeNode: function(args) {
var tnode = new dijit._TreeNode(args);
if (args.item.icon)
tnode.iconNode.src = args.item.icon[0];
//tnode.labelNode.innerHTML = args.label;
return tnode;
},
getIconClass: function (item, opened) {
return (!item || this.model.mayHaveChildren(item)) ? (opened ? "dijitFolderOpened" : "dijitFolderClosed") : "feedIcon";
},
getLabelClass: function (item, opened) {
return (item.unread == 0) ? "dijitTreeLabel" : "dijitTreeLabel Unread";
},
getRowClass: function (item, opened) {
return (!item.error || item.error == '') ? "dijitTreeRow" :
"dijitTreeRow Error";
},
getLabel: function(item) {
if (item.unread > 0) {
return item.name + " (" + item.unread + ")";
} else {
return item.name;
}
},
onOpen: function (item, node) { onOpen: function (item, node) {
var id = String(item.id); var id = String(item.id);
var cat_id = id.substr(id.indexOf(":")+1); var cat_id = id.substr(id.indexOf(":")+1);
@ -283,6 +257,10 @@ function init() {
dojo.require("dijit.Toolbar"); dojo.require("dijit.Toolbar");
dojo.require("dojo.parser"); dojo.require("dojo.parser");
dojo.registerModulePath("fox", "../..");
dojo.require("fox.FeedTree");
if (typeof themeBeforeLayout == 'function') { if (typeof themeBeforeLayout == 'function') {
themeBeforeLayout(); themeBeforeLayout();
} }
@ -446,10 +424,11 @@ function toggleDispRead() {
var query = "?op=rpc&subop=setpref&key=HIDE_READ_FEEDS&value=" + var query = "?op=rpc&subop=setpref&key=HIDE_READ_FEEDS&value=" +
param_escape(hide); param_escape(hide);
setInitParam("hide_read_feeds", hide);
new Ajax.Request("backend.php", { new Ajax.Request("backend.php", {
parameters: query, parameters: query,
onComplete: function(transport) { onComplete: function(transport) {
setInitParam("hide_read_feeds", hide);
} }); } });
} catch (e) { } catch (e) {