mirror of
https://tt-rss.org/git/tt-rss.git
synced 2024-06-29 12:20:51 +02:00
e74f7bde22
keydown returns the "raw" key in event.which. Depending on the keyboard layout, this may not be what is wanted. For example, on a German keyboard, Shift+7 has to be pressed to get a slash. However, event.which will be 55, which corresponds to "7". In the keypress event, however, event.which will be 47, which corresponds to "/". Sadly, several important keys (such as escape and the arrow keys) do not trigger a keypress event. Therefore, they have to be handled using a keydown event. This change refactors the hotkey support to make use of keypress events whenever possible. This will make hotkeys work regardless of the user's keyboard layout. Escape and arrow keys are still handled via keydown events. There should be only one change in behavior: I could not make Ctrl+/ work and therefore rebound the help dialog to "?".
566 lines
15 KiB
JavaScript
566 lines
15 KiB
JavaScript
'use strict'
|
|
/* global __, ngettext */
|
|
define(["dojo/_base/declare"], function (declare) {
|
|
Feeds = {
|
|
counters_last_request: 0,
|
|
_active_feed_id: 0,
|
|
_active_feed_is_cat: false,
|
|
infscroll_in_progress: 0,
|
|
infscroll_disabled: 0,
|
|
_infscroll_timeout: false,
|
|
_search_query: false,
|
|
last_search_query: [],
|
|
_viewfeed_wait_timeout: false,
|
|
_counters_prev: [],
|
|
// NOTE: this implementation is incomplete
|
|
// for general objects but good enough for counters
|
|
// http://adripofjavascript.com/blog/drips/object-equality-in-javascript.html
|
|
counterEquals: function(a, b) {
|
|
// Create arrays of property names
|
|
const aProps = Object.getOwnPropertyNames(a);
|
|
const bProps = Object.getOwnPropertyNames(b);
|
|
|
|
// If number of properties is different,
|
|
// objects are not equivalent
|
|
if (aProps.length != bProps.length) {
|
|
return false;
|
|
}
|
|
|
|
for (let i = 0; i < aProps.length; i++) {
|
|
const propName = aProps[i];
|
|
|
|
// If values of same property are not equal,
|
|
// objects are not equivalent
|
|
if (a[propName] !== b[propName]) {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
// If we made it this far, objects
|
|
// are considered equivalent
|
|
return true;
|
|
},
|
|
resetCounters: function () {
|
|
this._counters_prev = [];
|
|
},
|
|
parseCounters: function (elems) {
|
|
for (let l = 0; l < elems.length; l++) {
|
|
|
|
if (Feeds._counters_prev[l] && this.counterEquals(elems[l], this._counters_prev[l])) {
|
|
continue;
|
|
}
|
|
|
|
const id = elems[l].id;
|
|
const kind = elems[l].kind;
|
|
const ctr = parseInt(elems[l].counter);
|
|
const error = elems[l].error;
|
|
const has_img = elems[l].has_img;
|
|
const updated = elems[l].updated;
|
|
const auxctr = parseInt(elems[l].auxcounter);
|
|
|
|
if (id == "global-unread") {
|
|
App.global_unread = ctr;
|
|
App.updateTitle();
|
|
continue;
|
|
}
|
|
|
|
if (id == "subscribed-feeds") {
|
|
/* feeds_found = ctr; */
|
|
continue;
|
|
}
|
|
|
|
/*if (this.getUnread(id, (kind == "cat")) != ctr ||
|
|
(kind == "cat")) {
|
|
}*/
|
|
|
|
this.setUnread(id, (kind == "cat"), ctr);
|
|
this.setValue(id, (kind == "cat"), 'auxcounter', auxctr);
|
|
|
|
if (kind != "cat") {
|
|
this.setValue(id, false, 'error', error);
|
|
this.setValue(id, false, 'updated', updated);
|
|
|
|
if (id > 0) {
|
|
if (has_img) {
|
|
this.setIcon(id, false,
|
|
App.getInitParam("icons_url") + "/" + id + ".ico?" + has_img);
|
|
} else {
|
|
this.setIcon(id, false, 'images/blank_icon.gif');
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
this.hideOrShowFeeds(App.getInitParam("hide_read_feeds") == 1);
|
|
this._counters_prev = elems;
|
|
},
|
|
reloadCurrent: function(method) {
|
|
console.log("reloadCurrent: " + method);
|
|
|
|
if (this.getActive() != undefined) {
|
|
this.open({feed: this.getActive(), is_cat: this.activeIsCat(), method: method});
|
|
}
|
|
return false; // block unneeded form submits
|
|
},
|
|
openNextUnread: function() {
|
|
const is_cat = this.activeIsCat();
|
|
const nuf = this.getNextUnread(this.getActive(), is_cat);
|
|
if (nuf) this.open({feed: nuf, is_cat: is_cat});
|
|
},
|
|
toggle: function() {
|
|
Element.toggle("feeds-holder");
|
|
|
|
const splitter = $("feeds-holder_splitter");
|
|
|
|
Element.visible("feeds-holder") ? splitter.show() : splitter.hide();
|
|
|
|
dijit.byId("main").resize();
|
|
},
|
|
cancelSearch: function() {
|
|
this._search_query = "";
|
|
this.reloadCurrent();
|
|
},
|
|
requestCounters: function() {
|
|
xhrPost("backend.php", {op: "rpc", method: "getAllCounters", seq: App.next_seq()}, (transport) => {
|
|
App.handleRpcJson(transport);
|
|
});
|
|
},
|
|
reload: function() {
|
|
try {
|
|
Element.show("feedlistLoading");
|
|
|
|
this.resetCounters();
|
|
|
|
if (dijit.byId("feedTree")) {
|
|
dijit.byId("feedTree").destroyRecursive();
|
|
}
|
|
|
|
const store = new dojo.data.ItemFileWriteStore({
|
|
url: "backend.php?op=pref_feeds&method=getfeedtree&mode=2"
|
|
});
|
|
|
|
// noinspection JSUnresolvedFunction
|
|
const treeModel = new fox.FeedStoreModel({
|
|
store: store,
|
|
query: {
|
|
"type": App.getInitParam('enable_feed_cats') == 1 ? "category" : "feed"
|
|
},
|
|
rootId: "root",
|
|
rootLabel: "Feeds",
|
|
childrenAttrs: ["items"]
|
|
});
|
|
|
|
// noinspection JSUnresolvedFunction
|
|
const tree = new fox.FeedTree({
|
|
model: treeModel,
|
|
onClick: function (item/*, node*/) {
|
|
const id = String(item.id);
|
|
const is_cat = id.match("^CAT:");
|
|
const feed = id.substr(id.indexOf(":") + 1);
|
|
Feeds.open({feed: feed, is_cat: is_cat});
|
|
return false;
|
|
},
|
|
openOnClick: false,
|
|
showRoot: false,
|
|
persist: true,
|
|
id: "feedTree",
|
|
}, "feedTree");
|
|
|
|
const tmph = dojo.connect(dijit.byId('feedMenu'), '_openMyself', function (event) {
|
|
console.log(dijit.getEnclosingWidget(event.target));
|
|
dojo.disconnect(tmph);
|
|
});
|
|
|
|
$("feeds-holder").appendChild(tree.domNode);
|
|
|
|
const tmph2 = dojo.connect(tree, 'onLoad', function () {
|
|
dojo.disconnect(tmph2);
|
|
Element.hide("feedlistLoading");
|
|
|
|
try {
|
|
Feeds.init();
|
|
App.setLoadingProgress(25);
|
|
} catch (e) {
|
|
App.Error.report(e);
|
|
}
|
|
});
|
|
|
|
tree.startup();
|
|
} catch (e) {
|
|
App.Error.report(e);
|
|
}
|
|
},
|
|
init: function() {
|
|
console.log("in feedlist init");
|
|
|
|
App.setLoadingProgress(50);
|
|
|
|
document.onkeydown = (event) => { return App.hotkeyHandler(event) };
|
|
document.onkeypress = (event) => { return App.hotkeyHandler(event) };
|
|
window.onresize = () => { Headlines.scrollHandler(); }
|
|
|
|
if (!this.getActive()) {
|
|
this.open({feed: -3});
|
|
} else {
|
|
this.open({feed: this.getActive(), is_cat: this.activeIsCat()});
|
|
}
|
|
|
|
this.hideOrShowFeeds(App.getInitParam("hide_read_feeds") == 1);
|
|
|
|
if (App.getInitParam("is_default_pw")) {
|
|
console.warn("user password is at default value");
|
|
|
|
const dialog = new dijit.Dialog({
|
|
title: __("Your password is at default value"),
|
|
href: "backend.php?op=dlg&method=defaultpasswordwarning",
|
|
id: 'defaultPasswordDlg',
|
|
style: "width: 600px",
|
|
onCancel: function () {
|
|
return true;
|
|
},
|
|
onExecute: function () {
|
|
return true;
|
|
},
|
|
onClose: function () {
|
|
return true;
|
|
}
|
|
});
|
|
|
|
dialog.show();
|
|
}
|
|
|
|
// bw_limit disables timeout() so we request initial counters separately
|
|
if (App.getInitParam("bw_limit") == "1") {
|
|
this.requestCounters(true);
|
|
} else {
|
|
setTimeout(() => {
|
|
this.requestCounters(true);
|
|
setInterval(() => { this.requestCounters(); }, 60 * 1000)
|
|
}, 250);
|
|
}
|
|
},
|
|
activeIsCat: function() {
|
|
return !!this._active_feed_is_cat;
|
|
},
|
|
getActive: function() {
|
|
return this._active_feed_id;
|
|
},
|
|
setActive: function(id, is_cat) {
|
|
hash_set('f', id);
|
|
hash_set('c', is_cat ? 1 : 0);
|
|
|
|
this._active_feed_id = id;
|
|
this._active_feed_is_cat = is_cat;
|
|
|
|
$("headlines-frame").setAttribute("feed-id", id);
|
|
$("headlines-frame").setAttribute("is-cat", is_cat ? 1 : 0);
|
|
|
|
this.select(id, is_cat);
|
|
|
|
PluginHost.run(PluginHost.HOOK_FEED_SET_ACTIVE, [this._active_feed_id, this._active_feed_is_cat]);
|
|
},
|
|
select: function(feed, is_cat) {
|
|
const tree = dijit.byId("feedTree");
|
|
|
|
if (tree) return tree.selectFeed(feed, is_cat);
|
|
},
|
|
toggleUnread: function() {
|
|
const hide = !(App.getInitParam("hide_read_feeds") == "1");
|
|
|
|
xhrPost("backend.php", {op: "rpc", method: "setpref", key: "HIDE_READ_FEEDS", value: hide}, () => {
|
|
this.hideOrShowFeeds(hide);
|
|
App.setInitParam("hide_read_feeds", hide);
|
|
});
|
|
},
|
|
hideOrShowFeeds: function(hide) {
|
|
const tree = dijit.byId("feedTree");
|
|
|
|
if (tree)
|
|
return tree.hideRead(hide, App.getInitParam("hide_read_shows_special"));
|
|
},
|
|
open: function(params) {
|
|
const feed = params.feed;
|
|
const is_cat = !!params.is_cat || false;
|
|
const offset = params.offset || 0;
|
|
const viewfeed_debug = params.viewfeed_debug;
|
|
const append = params.append || false;
|
|
const method = params.method;
|
|
// this is used to quickly switch between feeds, sets active but xhr is on a timeout
|
|
const delayed = params.delayed || false;
|
|
|
|
if (offset != 0) {
|
|
if (this.infscroll_in_progress)
|
|
return;
|
|
|
|
this.infscroll_in_progress = 1;
|
|
|
|
window.clearTimeout(this._infscroll_timeout);
|
|
this._infscroll_timeout = window.setTimeout(() => {
|
|
console.log('infscroll request timed out, aborting');
|
|
this.infscroll_in_progress = 0;
|
|
|
|
// call scroll handler to maybe repeat infscroll request
|
|
Headlines.scrollHandler();
|
|
}, 10 * 1000);
|
|
}
|
|
|
|
Form.enable("toolbar-main");
|
|
|
|
let query = Object.assign({op: "feeds", method: "view", feed: feed},
|
|
dojo.formToObject("toolbar-main"));
|
|
|
|
if (method) query.m = method;
|
|
|
|
if (offset > 0) {
|
|
if (Headlines.current_first_id) {
|
|
query.fid = Headlines.current_first_id;
|
|
}
|
|
}
|
|
|
|
if (this._search_query) {
|
|
query = Object.assign(query, this._search_query);
|
|
}
|
|
|
|
if (offset != 0) {
|
|
query.skip = offset;
|
|
} else if (!is_cat && feed == this.getActive() && !params.method) {
|
|
query.m = "ForceUpdate";
|
|
}
|
|
|
|
Form.enable("toolbar-main");
|
|
|
|
if (!delayed)
|
|
if (!this.setExpando(feed, is_cat,
|
|
(is_cat) ? 'images/indicator_tiny.gif' : 'images/indicator_white.gif'))
|
|
Notify.progress("Loading, please wait...", true);
|
|
|
|
query.cat = is_cat;
|
|
|
|
this.setActive(feed, is_cat);
|
|
|
|
if (viewfeed_debug) {
|
|
window.open("backend.php?" +
|
|
dojo.objectToQuery(
|
|
Object.assign({csrf_token: App.getInitParam("csrf_token")}, query)
|
|
));
|
|
}
|
|
|
|
window.clearTimeout(this._viewfeed_wait_timeout);
|
|
this._viewfeed_wait_timeout = window.setTimeout(() => {
|
|
xhrPost("backend.php", query, (transport) => {
|
|
try {
|
|
window.clearTimeout(this._infscroll_timeout);
|
|
this.setExpando(feed, is_cat, 'images/blank_icon.gif');
|
|
Headlines.onLoaded(transport, offset, append);
|
|
PluginHost.run(PluginHost.HOOK_FEED_LOADED, [feed, is_cat]);
|
|
} catch (e) {
|
|
App.Error.report(e);
|
|
}
|
|
});
|
|
}, delayed ? 250 : 0);
|
|
},
|
|
catchupAll: function() {
|
|
const str = __("Mark all articles as read?");
|
|
|
|
if (App.getInitParam("confirm_feed_catchup") != 1 || confirm(str)) {
|
|
|
|
Notify.progress("Marking all feeds as read...");
|
|
|
|
xhrPost("backend.php", {op: "feeds", method: "catchupAll"}, () => {
|
|
this.requestCounters(true);
|
|
this.reloadCurrent();
|
|
});
|
|
|
|
App.global_unread = 0;
|
|
App.updateTitle();
|
|
}
|
|
},
|
|
catchupFeed: function(feed, is_cat, mode) {
|
|
if (is_cat == undefined) is_cat = false;
|
|
|
|
let str = false;
|
|
|
|
switch (mode) {
|
|
case "1day":
|
|
str = __("Mark %w in %s older than 1 day as read?");
|
|
break;
|
|
case "1week":
|
|
str = __("Mark %w in %s older than 1 week as read?");
|
|
break;
|
|
case "2week":
|
|
str = __("Mark %w in %s older than 2 weeks as read?");
|
|
break;
|
|
default:
|
|
str = __("Mark %w in %s as read?");
|
|
}
|
|
|
|
const mark_what = this.last_search_query && this.last_search_query[0] ? __("search results") : __("all articles");
|
|
const fn = this.getName(feed, is_cat);
|
|
|
|
str = str.replace("%s", fn)
|
|
.replace("%w", mark_what);
|
|
|
|
if (App.getInitParam("confirm_feed_catchup") == 1 && !confirm(str)) {
|
|
return;
|
|
}
|
|
|
|
const catchup_query = {
|
|
op: 'rpc', method: 'catchupFeed', feed_id: feed,
|
|
is_cat: is_cat, mode: mode, search_query: this.last_search_query[0],
|
|
search_lang: this.last_search_query[1]
|
|
};
|
|
|
|
Notify.progress("Loading, please wait...", true);
|
|
|
|
xhrPost("backend.php", catchup_query, (transport) => {
|
|
App.handleRpcJson(transport);
|
|
|
|
const show_next_feed = App.getInitParam("on_catchup_show_next_feed") == "1";
|
|
|
|
if (show_next_feed) {
|
|
const nuf = this.getNextUnread(feed, is_cat);
|
|
|
|
if (nuf) {
|
|
this.open({feed: nuf, is_cat: is_cat});
|
|
}
|
|
} else if (feed == this.getActive() && is_cat == this.activeIsCat()) {
|
|
this.reloadCurrent();
|
|
}
|
|
|
|
Notify.close();
|
|
});
|
|
},
|
|
catchupCurrent: function(mode) {
|
|
this.catchupFeed(this.getActive(), this.activeIsCat(), mode);
|
|
},
|
|
catchupFeedInGroup: function(id) {
|
|
const title = this.getName(id);
|
|
|
|
const str = __("Mark all articles in %s as read?").replace("%s", title);
|
|
|
|
if (App.getInitParam("confirm_feed_catchup") != 1 || confirm(str)) {
|
|
|
|
const rows = $$("#headlines-frame > div[id*=RROW][class*=Unread][data-orig-feed-id='" + id + "']");
|
|
|
|
rows.each((row) => {
|
|
row.removeClassName("Unread");
|
|
})
|
|
}
|
|
},
|
|
getUnread: function(feed, is_cat) {
|
|
try {
|
|
const tree = dijit.byId("feedTree");
|
|
|
|
if (tree && tree.model)
|
|
return tree.model.getFeedUnread(feed, is_cat);
|
|
|
|
} catch (e) {
|
|
//
|
|
}
|
|
|
|
return -1;
|
|
},
|
|
getCategory: function(feed) {
|
|
try {
|
|
const tree = dijit.byId("feedTree");
|
|
|
|
if (tree && tree.model)
|
|
return tree.getFeedCategory(feed);
|
|
|
|
} catch (e) {
|
|
//
|
|
}
|
|
|
|
return false;
|
|
},
|
|
getName: function(feed, is_cat) {
|
|
if (isNaN(feed)) return feed; // it's a tag
|
|
|
|
const tree = dijit.byId("feedTree");
|
|
|
|
if (tree && tree.model)
|
|
return tree.model.getFeedValue(feed, is_cat, 'name');
|
|
},
|
|
setUnread: function(feed, is_cat, unread) {
|
|
const tree = dijit.byId("feedTree");
|
|
|
|
if (tree && tree.model)
|
|
return tree.model.setFeedUnread(feed, is_cat, unread);
|
|
},
|
|
setValue: function(feed, is_cat, key, value) {
|
|
try {
|
|
const tree = dijit.byId("feedTree");
|
|
|
|
if (tree && tree.model)
|
|
return tree.model.setFeedValue(feed, is_cat, key, value);
|
|
|
|
} catch (e) {
|
|
//
|
|
}
|
|
},
|
|
getValue: function(feed, is_cat, key) {
|
|
try {
|
|
const tree = dijit.byId("feedTree");
|
|
|
|
if (tree && tree.model)
|
|
return tree.model.getFeedValue(feed, is_cat, key);
|
|
|
|
} catch (e) {
|
|
//
|
|
}
|
|
return '';
|
|
},
|
|
setIcon: function(feed, is_cat, src) {
|
|
const tree = dijit.byId("feedTree");
|
|
|
|
if (tree) return tree.setFeedIcon(feed, is_cat, src);
|
|
},
|
|
setExpando: function(feed, is_cat, src) {
|
|
const tree = dijit.byId("feedTree");
|
|
|
|
if (tree) return tree.setFeedExpandoIcon(feed, is_cat, src);
|
|
|
|
return false;
|
|
},
|
|
getNextUnread: function(feed, is_cat) {
|
|
const tree = dijit.byId("feedTree");
|
|
const nuf = tree.model.getNextUnreadFeed(feed, is_cat);
|
|
|
|
if (nuf)
|
|
return tree.model.store.getValue(nuf, 'bare_id');
|
|
},
|
|
search: function() {
|
|
const query = "backend.php?op=feeds&method=search¶m=" +
|
|
encodeURIComponent(Feeds.getActive() + ":" + Feeds.activeIsCat());
|
|
|
|
if (dijit.byId("searchDlg"))
|
|
dijit.byId("searchDlg").destroyRecursive();
|
|
|
|
const dialog = new dijit.Dialog({
|
|
id: "searchDlg",
|
|
title: __("Search"),
|
|
style: "width: 600px",
|
|
execute: function () {
|
|
if (this.validate()) {
|
|
Feeds._search_query = this.attr('value');
|
|
this.hide();
|
|
Feeds.reloadCurrent();
|
|
}
|
|
},
|
|
href: query
|
|
});
|
|
|
|
dialog.show();
|
|
},
|
|
updateRandom: function() {
|
|
console.log("in update_random_feed");
|
|
|
|
xhrPost("backend.php", {op: "rpc", method: "updaterandomfeed"}, (transport) => {
|
|
App.handleRpcJson(transport, true);
|
|
});
|
|
},
|
|
};
|
|
|
|
return Feeds;
|
|
});
|