add FeedTree
This commit is contained in:
parent
68313e5d29
commit
05f224a3d7
3 changed files with 180 additions and 97 deletions
170
FeedTree.js
Normal file
170
FeedTree.js
Normal 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;
|
||||||
|
},
|
||||||
|
});
|
70
feedlist.js
70
feedlist.js
|
@ -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");
|
||||||
|
|
37
tt-rss.js
37
tt-rss.js
|
@ -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) {
|
||||||
|
|
Loading…
Reference in a new issue