diff --git a/js/App.js b/js/App.js new file mode 100644 index 000000000..54e8f61f3 --- /dev/null +++ b/js/App.js @@ -0,0 +1,1147 @@ +const App = { + _initParams: [], + _rpc_seq: 0, + hotkey_prefix: 0, + hotkey_prefix_pressed: false, + hotkey_prefix_timeout: 0, + global_unread: -1, + _widescreen_mode: false, + hotkey_actions: {}, + is_prefs: false, + Scrollable: { + scrollByPages: function (elem, page_offset) { + if (!elem) return; + + /* keep a line or so from the previous page */ + const offset = (elem.offsetHeight - (page_offset > 0 ? 50 : -50)) * page_offset; + + this.scroll(elem, offset); + }, + scroll: function(elem, offset) { + if (!elem) return; + + elem.scrollTop += offset; + }, + isChildVisible: function(elem, ctr) { + if (!elem) return; + + const ctop = ctr.scrollTop; + const cbottom = ctop + ctr.offsetHeight; + + const etop = elem.offsetTop; + const ebottom = etop + elem.offsetHeight; + + return etop >= ctop && ebottom <= cbottom || + etop < ctop && ebottom > ctop || ebottom > cbottom && etop < cbottom; + }, + fitsInContainer: function (elem, ctr) { + if (!elem) return; + + return elem.offsetTop + elem.offsetHeight <= ctr.scrollTop + ctr.offsetHeight && + elem.offsetTop >= ctr.scrollTop; + } + }, + getInitParam: function(k) { + return this._initParams[k]; + }, + setInitParam: function(k, v) { + this._initParams[k] = v; + }, + nightModeChanged: function(is_night, link) { + console.log("night mode changed to", is_night); + + if (link) { + const css_override = is_night ? "themes/night.css" : "themes/light.css"; + link.setAttribute("href", css_override + "?" + Date.now()); + } + }, + setupNightModeDetection: function(callback) { + if (!$("theme_css")) { + const mql = window.matchMedia('(prefers-color-scheme: dark)'); + + try { + mql.addEventListener("change", () => { + this.nightModeChanged(mql.matches, $("theme_auto_css")); + }); + } catch (e) { + console.warn("exception while trying to set MQL event listener"); + } + + const link = new Element("link", { + rel: "stylesheet", + id: "theme_auto_css" + }); + + if (callback) { + link.onload = function () { + document.querySelector("body").removeClassName("css_loading"); + callback(); + }; + + link.onerror = function(event) { + alert("Fatal error while loading application stylesheet: " + link.getAttribute("href")); + } + } + + this.nightModeChanged(mql.matches, link); + + document.querySelector("head").appendChild(link); + } else { + document.querySelector("body").removeClassName("css_loading"); + + if (callback) callback(); + } + }, + enableCsrfSupport: function() { + const _this = this; + + Ajax.Base.prototype.initialize = Ajax.Base.prototype.initialize.wrap( + function (callOriginal, options) { + + if (_this.getInitParam("csrf_token") != undefined) { + Object.extend(options, options || { }); + + if (Object.isString(options.parameters)) + options.parameters = options.parameters.toQueryParams(); + else if (Object.isHash(options.parameters)) + options.parameters = options.parameters.toObject(); + + options.parameters["csrf_token"] = _this.getInitParam("csrf_token"); + } + + return callOriginal(options); + } + ); + }, + urlParam: function(param) { + return String(window.location.href).parseQuery()[param]; + }, + next_seq: function() { + this._rpc_seq += 1; + return this._rpc_seq; + }, + get_seq: function() { + return this._rpc_seq; + }, + setLoadingProgress: function(p) { + loading_progress += p; + + if (dijit.byId("loading_bar")) + dijit.byId("loading_bar").update({progress: loading_progress}); + + if (loading_progress >= 90) { + $("overlay").hide(); + } + + }, + isCombinedMode: function() { + return this.getInitParam("combined_display_mode"); + }, + getActionByHotkeySequence: function(sequence) { + const hotkeys_map = this.getInitParam("hotkeys"); + + for (const seq in hotkeys_map[1]) { + if (hotkeys_map[1].hasOwnProperty(seq)) { + if (seq == sequence) { + return hotkeys_map[1][seq]; + } + } + } + }, + keyeventToAction: function(event) { + + const hotkeys_map = this.getInitParam("hotkeys"); + const keycode = event.which; + const keychar = String.fromCharCode(keycode); + + if (keycode == 27) { // escape and drop prefix + this.hotkey_prefix = false; + } + + if (!this.hotkey_prefix && hotkeys_map[0].indexOf(keychar) != -1) { + + this.hotkey_prefix = keychar; + $("cmdline").innerHTML = keychar; + Element.show("cmdline"); + + window.clearTimeout(this.hotkey_prefix_timeout); + this.hotkey_prefix_timeout = window.setTimeout(() => { + this.hotkey_prefix = false; + Element.hide("cmdline"); + }, 3 * 1000); + + event.stopPropagation(); + + return false; + } + + Element.hide("cmdline"); + + let hotkey_name = ""; + + if (event.type == "keydown") { + hotkey_name = "(" + keycode + ")"; + + // ensure ^*char notation + if (event.shiftKey) hotkey_name = "*" + hotkey_name; + if (event.ctrlKey) hotkey_name = "^" + hotkey_name; + if (event.altKey) hotkey_name = "+" + hotkey_name; + if (event.metaKey) hotkey_name = "%" + hotkey_name; + } else { + hotkey_name = keychar ? keychar : "(" + keycode + ")"; + } + + let hotkey_full = this.hotkey_prefix ? this.hotkey_prefix + " " + hotkey_name : hotkey_name; + this.hotkey_prefix = false; + + let action_name = this.getActionByHotkeySequence(hotkey_full); + + // check for mode-specific hotkey + if (!action_name) { + hotkey_full = (this.isCombinedMode() ? "{C}" : "{3}") + hotkey_full; + + action_name = this.getActionByHotkeySequence(hotkey_full); + } + + console.log('keyeventToAction', hotkey_full, '=>', action_name); + + return action_name; + }, + cleanupMemory: function(root) { + const dijits = dojo.query("[widgetid]", dijit.byId(root).domNode).map(dijit.byNode); + + dijits.each(function (d) { + dojo.destroy(d.domNode); + }); + + $$("#" + root + " *").each(function (i) { + i.parentNode ? i.parentNode.removeChild(i) : true; + }); + }, + helpDialog: function(topic) { + const query = "backend.php?op=backend&method=help&topic=" + encodeURIComponent(topic); + + if (dijit.byId("helpDlg")) + dijit.byId("helpDlg").destroyRecursive(); + + const dialog = new dijit.Dialog({ + id: "helpDlg", + title: __("Help"), + style: "width: 600px", + href: query, + }); + + dialog.show(); + }, + displayDlg: function(title, id, param, callback) { + Notify.progress("Loading, please wait...", true); + + const query = {op: "dlg", method: id, param: param}; + + xhrPost("backend.php", query, (transport) => { + try { + const content = transport.responseText; + + let dialog = dijit.byId("infoBox"); + + if (!dialog) { + dialog = new dijit.Dialog({ + title: title, + id: 'infoBox', + style: "width: 600px", + onCancel: function () { + return true; + }, + onExecute: function () { + return true; + }, + onClose: function () { + return true; + }, + content: content + }); + } else { + dialog.attr('title', title); + dialog.attr('content', content); + } + + dialog.show(); + + Notify.close(); + + if (callback) callback(transport); + } catch (e) { + this.Error.report(e); + } + }); + + return false; + }, + handleRpcJson: function(transport) { + + const netalert = $$("#toolbar .net-alert")[0]; + + try { + const reply = JSON.parse(transport.responseText); + + if (reply) { + const error = reply['error']; + + if (error) { + const code = error['code']; + const msg = error['message']; + + console.warn("[handleRpcJson] received fatal error ", code, msg); + + if (code != 0) { + /* global ERRORS */ + this.Error.fatal(ERRORS[code], {info: msg, code: code}); + return false; + } + } + + const seq = reply['seq']; + + if (seq && this.get_seq() != seq) { + console.log("[handleRpcJson] sequence mismatch: ", seq, '!=', this.get_seq()); + return true; + } + + const message = reply['message']; + + if (message == "UPDATE_COUNTERS") { + console.log("need to refresh counters..."); + Feeds.requestCounters(true); + } + + const counters = reply['counters']; + + if (counters) + Feeds.parseCounters(counters); + + const runtime_info = reply['runtime-info']; + + if (runtime_info) + this.parseRuntimeInfo(runtime_info); + + if (netalert) netalert.hide(); + + return reply; + + } else { + if (netalert) netalert.show(); + + Notify.error("Communication problem with server."); + } + + } catch (e) { + if (netalert) netalert.show(); + + Notify.error("Communication problem with server."); + + console.error(e); + } + + return false; + }, + parseRuntimeInfo: function(data) { + for (const k in data) { + if (data.hasOwnProperty(k)) { + const v = data[k]; + + console.log("RI:", k, "=>", v); + + if (k == "daemon_is_running" && v != 1) { + Notify.error("Update daemon is not running.", true); + return; + } + + if (k == "recent_log_events") { + const alert = $$(".log-alert")[0]; + + if (alert) { + v > 0 ? alert.show() : alert.hide(); + } + } + + if (k == "daemon_stamp_ok" && v != 1) { + Notify.error("Update daemon is not updating feeds.", true); + return; + } + + if (k == "max_feed_id" || k == "num_feeds") { + if (this.getInitParam(k) != v) { + console.log("feed count changed, need to reload feedlist."); + Feeds.reload(); + } + } + + this.setInitParam(k, v); + } + } + + PluginHost.run(PluginHost.HOOK_RUNTIME_INFO_LOADED, data); + }, + backendSanityCallback: function(transport) { + const reply = JSON.parse(transport.responseText); + + /* global ERRORS */ + + if (!reply) { + this.Error.fatal(ERRORS[3], {info: transport.responseText}); + return; + } + + if (reply['error']) { + const code = reply['error']['code']; + + if (code && code != 0) { + return this.Error.fatal(ERRORS[code], + {code: code, info: reply['error']['message']}); + } + } + + console.log("sanity check ok"); + + const params = reply['init-params']; + + if (params) { + console.log('reading init-params...'); + + for (const k in params) { + if (params.hasOwnProperty(k)) { + switch (k) { + case "label_base_index": + LABEL_BASE_INDEX = parseInt(params[k]); + break; + case "cdm_auto_catchup": + if (params[k] == 1) { + const hl = $("headlines-frame"); + if (hl) hl.addClassName("auto_catchup"); + } + break; + case "hotkeys": + // filter mnemonic definitions (used for help panel) from hotkeys map + // i.e. *(191)|Ctrl-/ -> *(191) + + const tmp = []; + for (const sequence in params[k][1]) { + if (params[k][1].hasOwnProperty(sequence)) { + const filtered = sequence.replace(/\|.*$/, ""); + tmp[filtered] = params[k][1][sequence]; + } + } + + params[k][1] = tmp; + break; + } + + console.log("IP:", k, "=>", params[k]); + this.setInitParam(k, params[k]); + } + } + + // PluginHost might not be available on non-index pages + if (typeof PluginHost !== 'undefined') + PluginHost.run(PluginHost.HOOK_PARAMS_LOADED, this._initParams); + } + + this.initSecondStage(); + }, + explainError: function(code) { + return this.displayDlg(__("Error explained"), "explainError", code); + }, + Error: { + fatal: function (error, params) { + params = params || {}; + + if (params.code) { + if (params.code == 6) { + window.location.href = "index.php"; + return; + } else if (params.code == 5) { + window.location.href = "public.php?op=dbupdate"; + return; + } + } + + return this.report(error, + Object.extend({title: __("Fatal error")}, params)); + }, + report: function(error, params) { + params = params || {}; + + if (!error) return; + + console.error("[Error.report]", error, params); + + const message = params.message ? params.message : error.toString(); + + try { + xhrPost("backend.php", + {op: "rpc", method: "log", + file: params.filename ? params.filename : error.fileName, + line: params.lineno ? params.lineno : error.lineNumber, + msg: message, + context: error.stack}, + (transport) => { + console.warn("[Error.report] log response", transport.responseText); + }); + } catch (re) { + console.error("[Error.report] exception while saving logging error on server", re); + } + + try { + if (dijit.byId("exceptionDlg")) + dijit.byId("exceptionDlg").destroyRecursive(); + + let stack_msg = ""; + + if (error.stack) + stack_msg += `
window.${wf}
not found.`;
+ throw $break;
+ }
+ });
+
+ if (errorMsg) {
+ this.Error.fatal(errorMsg, {info: navigator.userAgent});
+ }
+
+ return errorMsg == "";
+ },
+ initSecondStage: function() {
+ this.enableCsrfSupport();
+
+ document.onkeydown = (event) => { return this.hotkeyHandler(event) };
+ document.onkeypress = (event) => { return this.hotkeyHandler(event) };
+
+ if (this.is_prefs) {
+
+ this.setLoadingProgress(70);
+ Notify.close();
+
+ let tab = this.urlParam('tab');
+
+ if (tab) {
+ tab = dijit.byId(tab + "Tab");
+ if (tab) {
+ dijit.byId("pref-tabs").selectChild(tab);
+
+ switch (this.urlParam('method')) {
+ case "editfeed":
+ window.setTimeout(function () {
+ CommonDialogs.editFeed(this.urlParam('methodparam'))
+ }, 100);
+ break;
+ default:
+ console.warn("initSecondStage, unknown method:", this.urlParam("method"));
+ }
+ }
+ } else {
+ let tab = localStorage.getItem("ttrss:prefs-tab");
+
+ if (tab) {
+ tab = dijit.byId(tab);
+ if (tab) {
+ dijit.byId("pref-tabs").selectChild(tab);
+ }
+ }
+ }
+
+ dojo.connect(dijit.byId("pref-tabs"), "selectChild", function (elem) {
+ localStorage.setItem("ttrss:prefs-tab", elem.id);
+ });
+
+ } else {
+
+ Feeds.reload();
+ Article.close();
+
+ if (parseInt(Cookie.get("ttrss_fh_width")) > 0) {
+ dijit.byId("feeds-holder").domNode.setStyle(
+ {width: Cookie.get("ttrss_fh_width") + "px"});
+ }
+
+ dijit.byId("main").resize();
+
+ dojo.connect(dijit.byId('feeds-holder'), 'resize',
+ (args) => {
+ if (args && args.w >= 0) {
+ Cookie.set("ttrss_fh_width", args.w, this.getInitParam("cookie_lifetime"));
+ }
+ });
+
+ dojo.connect(dijit.byId('content-insert'), 'resize',
+ (args) => {
+ if (args && args.w >= 0 && args.h >= 0) {
+ Cookie.set("ttrss_ci_width", args.w, this.getInitParam("cookie_lifetime"));
+ Cookie.set("ttrss_ci_height", args.h, this.getInitParam("cookie_lifetime"));
+ }
+ });
+
+ const toolbar = document.forms["toolbar-main"];
+
+ dijit.getEnclosingWidget(toolbar.view_mode).attr('value',
+ this.getInitParam("default_view_mode"));
+
+ dijit.getEnclosingWidget(toolbar.order_by).attr('value',
+ this.getInitParam("default_view_order_by"));
+
+ this.setLoadingProgress(50);
+
+ this._widescreen_mode = this.getInitParam("widescreen");
+ this.switchPanelMode(this._widescreen_mode);
+
+ Headlines.initScrollHandler();
+
+ if (this.getInitParam("simple_update")) {
+ console.log("scheduling simple feed updater...");
+ window.setInterval(() => { Feeds.updateRandom() }, 30 * 1000);
+ }
+
+ if (this.getInitParam('check_for_updates')) {
+ window.setInterval(() => {
+ this.checkForUpdates();
+ }, 3600 * 1000);
+ }
+
+ console.log("second stage ok");
+
+ PluginHost.run(PluginHost.HOOK_INIT_COMPLETE, null);
+
+ }
+
+ },
+ checkForUpdates: function() {
+ console.log('checking for updates...');
+
+ xhrJson("backend.php", {op: 'rpc', method: 'checkforupdates'})
+ .then((reply) => {
+ console.log('update reply', reply);
+
+ if (reply.id) {
+ $("updates-available").show();
+ } else {
+ $("updates-available").hide();
+ }
+ });
+ },
+ updateTitle: function() {
+ let tmp = "Tiny Tiny RSS";
+
+ if (this.global_unread > 0) {
+ tmp = "(" + this.global_unread + ") " + tmp;
+ }
+
+ document.title = tmp;
+ },
+ onViewModeChanged: function() {
+ const view_mode = document.forms["toolbar-main"].view_mode.value;
+
+ $$("body")[0].setAttribute("view-mode", view_mode);
+
+ return Feeds.reloadCurrent('');
+ },
+ hotkeyHandler: function(event) {
+ if (event.target.nodeName == "INPUT" || event.target.nodeName == "TEXTAREA") return;
+
+ // Arrow buttons and escape are not reported via keypress, handle them via keydown.
+ // escape = 27, left = 37, up = 38, right = 39, down = 40, pgup = 33, pgdn = 34, insert = 45, delete = 46
+ if (event.type == "keydown" && event.which != 27 && (event.which < 33 || event.which > 46)) return;
+
+ const action_name = this.keyeventToAction(event);
+
+ if (action_name) {
+ const action_func = this.hotkey_actions[action_name];
+
+ if (action_func != null) {
+ action_func(event);
+ event.stopPropagation();
+ return false;
+ }
+ }
+ },
+ switchPanelMode: function(wide) {
+ const article_id = Article.getActive();
+
+ if (wide) {
+ dijit.byId("headlines-wrap-inner").attr("design", 'sidebar');
+ dijit.byId("content-insert").attr("region", "trailing");
+
+ dijit.byId("content-insert").domNode.setStyle({width: '50%',
+ height: 'auto',
+ borderTopWidth: '0px' });
+
+ if (parseInt(Cookie.get("ttrss_ci_width")) > 0) {
+ dijit.byId("content-insert").domNode.setStyle(
+ {width: Cookie.get("ttrss_ci_width") + "px" });
+ }
+
+ $("headlines-frame").setStyle({ borderBottomWidth: '0px' });
+ $("headlines-frame").addClassName("wide");
+
+ } else {
+
+ dijit.byId("content-insert").attr("region", "bottom");
+
+ dijit.byId("content-insert").domNode.setStyle({width: 'auto',
+ height: '50%',
+ borderTopWidth: '0px'});
+
+ if (parseInt(Cookie.get("ttrss_ci_height")) > 0) {
+ dijit.byId("content-insert").domNode.setStyle(
+ {height: Cookie.get("ttrss_ci_height") + "px" });
+ }
+
+ $("headlines-frame").setStyle({ borderBottomWidth: '1px' });
+ $("headlines-frame").removeClassName("wide");
+
+ }
+
+ Article.close();
+
+ if (article_id) Article.view(article_id);
+
+ xhrPost("backend.php", {op: "rpc", method: "setpanelmode", wide: wide ? 1 : 0});
+ },
+ initHotkeyActions: function() {
+ if (this.is_prefs) {
+
+ this.hotkey_actions["feed_subscribe"] = () => {
+ CommonDialogs.quickAddFeed();
+ };
+
+ this.hotkey_actions["create_label"] = () => {
+ CommonDialogs.addLabel();
+ };
+
+ this.hotkey_actions["create_filter"] = () => {
+ Filters.quickAddFilter();
+ };
+
+ this.hotkey_actions["help_dialog"] = () => {
+ this.helpDialog("main");
+ };
+
+ } else {
+
+ this.hotkey_actions["next_feed"] = () => {
+ const rv = dijit.byId("feedTree").getNextFeed(
+ Feeds.getActive(), Feeds.activeIsCat());
+
+ if (rv) Feeds.open({feed: rv[0], is_cat: rv[1], delayed: true})
+ };
+ this.hotkey_actions["prev_feed"] = () => {
+ const rv = dijit.byId("feedTree").getPreviousFeed(
+ Feeds.getActive(), Feeds.activeIsCat());
+
+ if (rv) Feeds.open({feed: rv[0], is_cat: rv[1], delayed: true})
+ };
+ this.hotkey_actions["next_article_or_scroll"] = (event) => {
+ if (this.isCombinedMode())
+ Headlines.scroll(Headlines.line_scroll_offset, event);
+ else
+ Headlines.move('next');
+ };
+ this.hotkey_actions["prev_article_or_scroll"] = (event) => {
+ if (this.isCombinedMode())
+ Headlines.scroll(-Headlines.line_scroll_offset, event);
+ else
+ Headlines.move('prev');
+ };
+ this.hotkey_actions["next_article_noscroll"] = () => {
+ Headlines.move('next');
+ };
+ this.hotkey_actions["prev_article_noscroll"] = () => {
+ Headlines.move('prev');
+ };
+ this.hotkey_actions["next_article_noexpand"] = () => {
+ Headlines.move('next', {no_expand: true});
+ };
+ this.hotkey_actions["prev_article_noexpand"] = () => {
+ Headlines.move('prev', {no_expand: true});
+ };
+ this.hotkey_actions["search_dialog"] = () => {
+ Feeds.search();
+ };
+ this.hotkey_actions["cancel_search"] = () => {
+ Feeds.cancelSearch();
+ };
+ this.hotkey_actions["toggle_mark"] = () => {
+ Headlines.selectionToggleMarked();
+ };
+ this.hotkey_actions["toggle_publ"] = () => {
+ Headlines.selectionTogglePublished();
+ };
+ this.hotkey_actions["toggle_unread"] = () => {
+ Headlines.selectionToggleUnread({no_error: 1});
+ };
+ this.hotkey_actions["edit_tags"] = () => {
+ const id = Article.getActive();
+ if (id) {
+ Article.editTags(id);
+ }
+ };
+ this.hotkey_actions["open_in_new_window"] = () => {
+ if (Article.getActive()) {
+ Article.openInNewWindow(Article.getActive());
+ }
+ };
+ this.hotkey_actions["catchup_below"] = () => {
+ Headlines.catchupRelativeTo(1);
+ };
+ this.hotkey_actions["catchup_above"] = () => {
+ Headlines.catchupRelativeTo(0);
+ };
+ this.hotkey_actions["article_scroll_down"] = (event) => {
+ if (this.isCombinedMode())
+ Headlines.scroll(Headlines.line_scroll_offset, event);
+ else
+ Article.scroll(Headlines.line_scroll_offset, event);
+ };
+ this.hotkey_actions["article_scroll_up"] = (event) => {
+ if (this.isCombinedMode())
+ Headlines.scroll(-Headlines.line_scroll_offset, event);
+ else
+ Article.scroll(-Headlines.line_scroll_offset, event);
+ };
+ this.hotkey_actions["next_headlines_page"] = (event) => {
+ Headlines.scrollByPages(1, event);
+ };
+ this.hotkey_actions["prev_headlines_page"] = (event) => {
+ Headlines.scrollByPages(-1, event);
+ };
+ this.hotkey_actions["article_page_down"] = (event) => {
+ if (this.isCombinedMode())
+ Headlines.scrollByPages(1, event);
+ else
+ Article.scrollByPages(1, event);
+ };
+ this.hotkey_actions["article_page_up"] = (event) => {
+ if (this.isCombinedMode())
+ Headlines.scrollByPages(-1, event);
+ else
+ Article.scrollByPages(-1, event);
+ };
+ this.hotkey_actions["close_article"] = () => {
+ if (this.isCombinedMode()) {
+ Article.cdmUnsetActive();
+ } else {
+ Article.close();
+ }
+ };
+ this.hotkey_actions["email_article"] = () => {
+ if (typeof Plugins.Mail != "undefined") {
+ Plugins.Mail.onHotkey(Headlines.getSelected());
+ } else {
+ alert(__("Please enable mail or mailto plugin first."));
+ }
+ };
+ this.hotkey_actions["select_all"] = () => {
+ Headlines.select('all');
+ };
+ this.hotkey_actions["select_unread"] = () => {
+ Headlines.select('unread');
+ };
+ this.hotkey_actions["select_marked"] = () => {
+ Headlines.select('marked');
+ };
+ this.hotkey_actions["select_published"] = () => {
+ Headlines.select('published');
+ };
+ this.hotkey_actions["select_invert"] = () => {
+ Headlines.select('invert');
+ };
+ this.hotkey_actions["select_none"] = () => {
+ Headlines.select('none');
+ };
+ this.hotkey_actions["feed_refresh"] = () => {
+ if (typeof Feeds.getActive() != "undefined") {
+ Feeds.open({feed: Feeds.getActive(), is_cat: Feeds.activeIsCat()});
+ }
+ };
+ this.hotkey_actions["feed_unhide_read"] = () => {
+ Feeds.toggleUnread();
+ };
+ this.hotkey_actions["feed_subscribe"] = () => {
+ CommonDialogs.quickAddFeed();
+ };
+ this.hotkey_actions["feed_debug_update"] = () => {
+ if (!Feeds.activeIsCat() && parseInt(Feeds.getActive()) > 0) {
+ window.open("backend.php?op=feeds&method=update_debugger&feed_id=" + Feeds.getActive() +
+ "&csrf_token=" + this.getInitParam("csrf_token"));
+ } else {
+ alert("You can't debug this kind of feed.");
+ }
+ };
+
+ this.hotkey_actions["feed_debug_viewfeed"] = () => {
+ Feeds.open({feed: Feeds.getActive(), is_cat: Feeds.activeIsCat(), viewfeed_debug: true});
+ };
+
+ this.hotkey_actions["feed_edit"] = () => {
+ if (Feeds.activeIsCat())
+ alert(__("You can't edit this kind of feed."));
+ else
+ CommonDialogs.editFeed(Feeds.getActive());
+ };
+ this.hotkey_actions["feed_catchup"] = () => {
+ if (typeof Feeds.getActive() != "undefined") {
+ Feeds.catchupCurrent();
+ }
+ };
+ this.hotkey_actions["feed_reverse"] = () => {
+ Headlines.reverse();
+ };
+ this.hotkey_actions["feed_toggle_vgroup"] = () => {
+ xhrPost("backend.php", {op: "rpc", method: "togglepref", key: "VFEED_GROUP_BY_FEED"}, () => {
+ Feeds.reloadCurrent();
+ })
+ };
+ this.hotkey_actions["catchup_all"] = () => {
+ Feeds.catchupAll();
+ };
+ this.hotkey_actions["cat_toggle_collapse"] = () => {
+ if (Feeds.activeIsCat()) {
+ dijit.byId("feedTree").collapseCat(Feeds.getActive());
+ }
+ };
+ this.hotkey_actions["goto_read"] = () => {
+ Feeds.open({feed: -6});
+ };
+ this.hotkey_actions["goto_all"] = () => {
+ Feeds.open({feed: -4});
+ };
+ this.hotkey_actions["goto_fresh"] = () => {
+ Feeds.open({feed: -3});
+ };
+ this.hotkey_actions["goto_marked"] = () => {
+ Feeds.open({feed: -1});
+ };
+ this.hotkey_actions["goto_published"] = () => {
+ Feeds.open({feed: -2});
+ };
+ this.hotkey_actions["goto_tagcloud"] = () => {
+ this.displayDlg(__("Tag cloud"), "printTagCloud");
+ };
+ this.hotkey_actions["goto_prefs"] = () => {
+ document.location.href = "prefs.php";
+ };
+ this.hotkey_actions["select_article_cursor"] = () => {
+ const id = Article.getUnderPointer();
+ if (id) {
+ const row = $("RROW-" + id);
+
+ if (row)
+ row.toggleClassName("Selected");
+ }
+ };
+ this.hotkey_actions["create_label"] = () => {
+ CommonDialogs.addLabel();
+ };
+ this.hotkey_actions["create_filter"] = () => {
+ Filters.quickAddFilter();
+ };
+ this.hotkey_actions["collapse_sidebar"] = () => {
+ Feeds.toggle();
+ };
+ this.hotkey_actions["toggle_full_text"] = () => {
+ if (typeof Plugins.Af_Readability != "undefined") {
+ if (Article.getActive())
+ Plugins.Af_Readability.embed(Article.getActive());
+ } else {
+ alert(__("Please enable af_readability first."));
+ }
+ };
+ this.hotkey_actions["toggle_widescreen"] = () => {
+ if (!this.isCombinedMode()) {
+ this._widescreen_mode = !this._widescreen_mode;
+
+ // reset stored sizes because geometry changed
+ Cookie.set("ttrss_ci_width", 0);
+ Cookie.set("ttrss_ci_height", 0);
+
+ this.switchPanelMode(this._widescreen_mode);
+ } else {
+ alert(__("Widescreen is not available in combined mode."));
+ }
+ };
+ this.hotkey_actions["help_dialog"] = () => {
+ this.helpDialog("main");
+ };
+ this.hotkey_actions["toggle_combined_mode"] = () => {
+ const value = this.isCombinedMode() ? "false" : "true";
+
+ xhrPost("backend.php", {op: "rpc", method: "setpref", key: "COMBINED_DISPLAY_MODE", value: value}, () => {
+ this.setInitParam("combined_display_mode",
+ !this.getInitParam("combined_display_mode"));
+
+ Article.close();
+ Headlines.renderAgain();
+ })
+ };
+ this.hotkey_actions["toggle_cdm_expanded"] = () => {
+ const value = this.getInitParam("cdm_expanded") ? "false" : "true";
+
+ xhrPost("backend.php", {op: "rpc", method: "setpref", key: "CDM_EXPANDED", value: value}, () => {
+ this.setInitParam("cdm_expanded", !this.getInitParam("cdm_expanded"));
+ Headlines.renderAgain();
+ });
+ };
+ }
+ },
+ onActionSelected: function(opid) {
+ switch (opid) {
+ case "qmcPrefs":
+ document.location.href = "prefs.php";
+ break;
+ case "qmcLogout":
+ document.location.href = "backend.php?op=logout";
+ break;
+ case "qmcTagCloud":
+ this.displayDlg(__("Tag cloud"), "printTagCloud");
+ break;
+ case "qmcSearch":
+ Feeds.search();
+ break;
+ case "qmcAddFeed":
+ CommonDialogs.quickAddFeed();
+ break;
+ case "qmcDigest":
+ window.location.href = "backend.php?op=digest";
+ break;
+ case "qmcEditFeed":
+ if (Feeds.activeIsCat())
+ alert(__("You can't edit this kind of feed."));
+ else
+ CommonDialogs.editFeed(Feeds.getActive());
+ break;
+ case "qmcRemoveFeed":
+ const actid = Feeds.getActive();
+
+ if (!actid) {
+ alert(__("Please select some feed first."));
+ return;
+ }
+
+ if (Feeds.activeIsCat()) {
+ alert(__("You can't unsubscribe from the category."));
+ return;
+ }
+
+ const fn = Feeds.getName(actid);
+
+ if (confirm(__("Unsubscribe from %s?").replace("%s", fn))) {
+ CommonDialogs.unsubscribeFeed(actid);
+ }
+ break;
+ case "qmcCatchupAll":
+ Feeds.catchupAll();
+ break;
+ case "qmcShowOnlyUnread":
+ Feeds.toggleUnread();
+ break;
+ case "qmcToggleWidescreen":
+ if (!this.isCombinedMode()) {
+ this._widescreen_mode = !this._widescreen_mode;
+
+ // reset stored sizes because geometry changed
+ Cookie.set("ttrss_ci_width", 0);
+ Cookie.set("ttrss_ci_height", 0);
+
+ this.switchPanelMode(this._widescreen_mode);
+ } else {
+ alert(__("Widescreen is not available in combined mode."));
+ }
+ break;
+ case "qmcHKhelp":
+ this.helpDialog("main");
+ break;
+ default:
+ console.log("quickMenuGo: unknown action: " + opid);
+ }
+ }
+}
+
diff --git a/js/AppBase.js b/js/AppBase.js
deleted file mode 100644
index b037a52a2..000000000
--- a/js/AppBase.js
+++ /dev/null
@@ -1,539 +0,0 @@
-'use strict'
-/* global __, ngettext */
-define(["dojo/_base/declare"], function (declare) {
- return declare("fox.AppBase", null, {
- _initParams: [],
- _rpc_seq: 0,
- hotkey_prefix: 0,
- hotkey_prefix_pressed: false,
- hotkey_prefix_timeout: 0,
- Scrollable: {
- scrollByPages: function (elem, page_offset) {
- if (!elem) return;
-
- /* keep a line or so from the previous page */
- const offset = (elem.offsetHeight - (page_offset > 0 ? 50 : -50)) * page_offset;
-
- this.scroll(elem, offset);
- },
- scroll: function(elem, offset) {
- if (!elem) return;
-
- elem.scrollTop += offset;
- },
- isChildVisible: function(elem, ctr) {
- if (!elem) return;
-
- const ctop = ctr.scrollTop;
- const cbottom = ctop + ctr.offsetHeight;
-
- const etop = elem.offsetTop;
- const ebottom = etop + elem.offsetHeight;
-
- return etop >= ctop && ebottom <= cbottom ||
- etop < ctop && ebottom > ctop || ebottom > cbottom && etop < cbottom;
- },
- fitsInContainer: function (elem, ctr) {
- if (!elem) return;
-
- return elem.offsetTop + elem.offsetHeight <= ctr.scrollTop + ctr.offsetHeight &&
- elem.offsetTop >= ctr.scrollTop;
- }
- },
- constructor: function() {
- window.onerror = this.Error.onWindowError;
- },
- getInitParam: function(k) {
- return this._initParams[k];
- },
- setInitParam: function(k, v) {
- this._initParams[k] = v;
- },
- nightModeChanged: function(is_night, link) {
- console.log("night mode changed to", is_night);
-
- if (link) {
- const css_override = is_night ? "themes/night.css" : "themes/light.css";
- link.setAttribute("href", css_override + "?" + Date.now());
- }
- },
- setupNightModeDetection: function(callback) {
- if (!$("theme_css")) {
- const mql = window.matchMedia('(prefers-color-scheme: dark)');
-
- try {
- mql.addEventListener("change", () => {
- this.nightModeChanged(mql.matches, $("theme_auto_css"));
- });
- } catch (e) {
- console.warn("exception while trying to set MQL event listener");
- }
-
- const link = new Element("link", {
- rel: "stylesheet",
- id: "theme_auto_css"
- });
-
- if (callback) {
- link.onload = function () {
- document.querySelector("body").removeClassName("css_loading");
- callback();
- };
-
- link.onerror = function(event) {
- alert("Fatal error while loading application stylesheet: " + link.getAttribute("href"));
- }
- }
-
- this.nightModeChanged(mql.matches, link);
-
- document.querySelector("head").appendChild(link);
- } else {
- document.querySelector("body").removeClassName("css_loading");
-
- if (callback) callback();
- }
- },
- enableCsrfSupport: function() {
- Ajax.Base.prototype.initialize = Ajax.Base.prototype.initialize.wrap(
- function (callOriginal, options) {
-
- if (App.getInitParam("csrf_token") != undefined) {
- Object.extend(options, options || { });
-
- if (Object.isString(options.parameters))
- options.parameters = options.parameters.toQueryParams();
- else if (Object.isHash(options.parameters))
- options.parameters = options.parameters.toObject();
-
- options.parameters["csrf_token"] = App.getInitParam("csrf_token");
- }
-
- return callOriginal(options);
- }
- );
- },
- urlParam: function(param) {
- return String(window.location.href).parseQuery()[param];
- },
- next_seq: function() {
- this._rpc_seq += 1;
- return this._rpc_seq;
- },
- get_seq: function() {
- return this._rpc_seq;
- },
- setLoadingProgress: function(p) {
- loading_progress += p;
-
- if (dijit.byId("loading_bar"))
- dijit.byId("loading_bar").update({progress: loading_progress});
-
- if (loading_progress >= 90) {
- $("overlay").hide();
- }
-
- },
- isCombinedMode: function() {
- return this.getInitParam("combined_display_mode");
- },
- getActionByHotkeySequence: function (sequence) {
- const hotkeys_map = App.getInitParam("hotkeys");
-
- for (const seq in hotkeys_map[1]) {
- if (hotkeys_map[1].hasOwnProperty(seq)) {
- if (seq == sequence) {
- return hotkeys_map[1][seq];
- }
- }
- }
- },
- keyeventToAction: function(event) {
-
- const hotkeys_map = App.getInitParam("hotkeys");
- const keycode = event.which;
- const keychar = String.fromCharCode(keycode);
-
- if (keycode == 27) { // escape and drop prefix
- this.hotkey_prefix = false;
- }
-
- if (!this.hotkey_prefix && hotkeys_map[0].indexOf(keychar) != -1) {
-
- this.hotkey_prefix = keychar;
- $("cmdline").innerHTML = keychar;
- Element.show("cmdline");
-
- window.clearTimeout(this.hotkey_prefix_timeout);
- this.hotkey_prefix_timeout = window.setTimeout(() => {
- this.hotkey_prefix = false;
- Element.hide("cmdline");
- }, 3 * 1000);
-
- event.stopPropagation();
-
- return false;
- }
-
- Element.hide("cmdline");
-
- let hotkey_name = "";
-
- if (event.type == "keydown") {
- hotkey_name = "(" + keycode + ")";
-
- // ensure ^*char notation
- if (event.shiftKey) hotkey_name = "*" + hotkey_name;
- if (event.ctrlKey) hotkey_name = "^" + hotkey_name;
- if (event.altKey) hotkey_name = "+" + hotkey_name;
- if (event.metaKey) hotkey_name = "%" + hotkey_name;
- } else {
- hotkey_name = keychar ? keychar : "(" + keycode + ")";
- }
-
- let hotkey_full = this.hotkey_prefix ? this.hotkey_prefix + " " + hotkey_name : hotkey_name;
- this.hotkey_prefix = false;
-
- let action_name = this.getActionByHotkeySequence(hotkey_full);
-
- // check for mode-specific hotkey
- if (!action_name) {
- hotkey_full = (App.isCombinedMode() ? "{C}" : "{3}") + hotkey_full;
-
- action_name = this.getActionByHotkeySequence(hotkey_full);
- }
-
- console.log('keyeventToAction', hotkey_full, '=>', action_name);
-
- return action_name;
- },
- cleanupMemory: function(root) {
- const dijits = dojo.query("[widgetid]", dijit.byId(root).domNode).map(dijit.byNode);
-
- dijits.each(function (d) {
- dojo.destroy(d.domNode);
- });
-
- $$("#" + root + " *").each(function (i) {
- i.parentNode ? i.parentNode.removeChild(i) : true;
- });
- },
- helpDialog: function(topic) {
- const query = "backend.php?op=backend&method=help&topic=" + encodeURIComponent(topic);
-
- if (dijit.byId("helpDlg"))
- dijit.byId("helpDlg").destroyRecursive();
-
- const dialog = new dijit.Dialog({
- id: "helpDlg",
- title: __("Help"),
- style: "width: 600px",
- href: query,
- });
-
- dialog.show();
- },
- displayDlg: function(title, id, param, callback) {
- Notify.progress("Loading, please wait...", true);
-
- const query = {op: "dlg", method: id, param: param};
-
- xhrPost("backend.php", query, (transport) => {
- try {
- const content = transport.responseText;
-
- let dialog = dijit.byId("infoBox");
-
- if (!dialog) {
- dialog = new dijit.Dialog({
- title: title,
- id: 'infoBox',
- style: "width: 600px",
- onCancel: function () {
- return true;
- },
- onExecute: function () {
- return true;
- },
- onClose: function () {
- return true;
- },
- content: content
- });
- } else {
- dialog.attr('title', title);
- dialog.attr('content', content);
- }
-
- dialog.show();
-
- Notify.close();
-
- if (callback) callback(transport);
- } catch (e) {
- this.Error.report(e);
- }
- });
-
- return false;
- },
- handleRpcJson: function(transport) {
-
- const netalert = $$("#toolbar .net-alert")[0];
-
- try {
- const reply = JSON.parse(transport.responseText);
-
- if (reply) {
- const error = reply['error'];
-
- if (error) {
- const code = error['code'];
- const msg = error['message'];
-
- console.warn("[handleRpcJson] received fatal error ", code, msg);
-
- if (code != 0) {
- /* global ERRORS */
- this.Error.fatal(ERRORS[code], {info: msg, code: code});
- return false;
- }
- }
-
- const seq = reply['seq'];
-
- if (seq && this.get_seq() != seq) {
- console.log("[handleRpcJson] sequence mismatch: ", seq, '!=', this.get_seq());
- return true;
- }
-
- const message = reply['message'];
-
- if (message == "UPDATE_COUNTERS") {
- console.log("need to refresh counters...");
- Feeds.requestCounters(true);
- }
-
- const counters = reply['counters'];
-
- if (counters)
- Feeds.parseCounters(counters);
-
- const runtime_info = reply['runtime-info'];
-
- if (runtime_info)
- App.parseRuntimeInfo(runtime_info);
-
- if (netalert) netalert.hide();
-
- return reply;
-
- } else {
- if (netalert) netalert.show();
-
- Notify.error("Communication problem with server.");
- }
-
- } catch (e) {
- if (netalert) netalert.show();
-
- Notify.error("Communication problem with server.");
-
- console.error(e);
- }
-
- return false;
- },
- parseRuntimeInfo: function(data) {
- for (const k in data) {
- if (data.hasOwnProperty(k)) {
- const v = data[k];
-
- console.log("RI:", k, "=>", v);
-
- if (k == "daemon_is_running" && v != 1) {
- Notify.error("Update daemon is not running.", true);
- return;
- }
-
- if (k == "recent_log_events") {
- const alert = $$(".log-alert")[0];
-
- if (alert) {
- v > 0 ? alert.show() : alert.hide();
- }
- }
-
- if (k == "daemon_stamp_ok" && v != 1) {
- Notify.error("Update daemon is not updating feeds.", true);
- return;
- }
-
- if (k == "max_feed_id" || k == "num_feeds") {
- if (App.getInitParam(k) != v) {
- console.log("feed count changed, need to reload feedlist.");
- Feeds.reload();
- }
- }
-
- this.setInitParam(k, v);
- }
- }
-
- PluginHost.run(PluginHost.HOOK_RUNTIME_INFO_LOADED, data);
- },
- backendSanityCallback: function (transport) {
- const reply = JSON.parse(transport.responseText);
-
- /* global ERRORS */
-
- if (!reply) {
- this.Error.fatal(ERRORS[3], {info: transport.responseText});
- return;
- }
-
- if (reply['error']) {
- const code = reply['error']['code'];
-
- if (code && code != 0) {
- return this.Error.fatal(ERRORS[code],
- {code: code, info: reply['error']['message']});
- }
- }
-
- console.log("sanity check ok");
-
- const params = reply['init-params'];
-
- if (params) {
- console.log('reading init-params...');
-
- for (const k in params) {
- if (params.hasOwnProperty(k)) {
- switch (k) {
- case "label_base_index":
- LABEL_BASE_INDEX = parseInt(params[k]);
- break;
- case "cdm_auto_catchup":
- if (params[k] == 1) {
- const hl = $("headlines-frame");
- if (hl) hl.addClassName("auto_catchup");
- }
- break;
- case "hotkeys":
- // filter mnemonic definitions (used for help panel) from hotkeys map
- // i.e. *(191)|Ctrl-/ -> *(191)
-
- const tmp = [];
- for (const sequence in params[k][1]) {
- if (params[k][1].hasOwnProperty(sequence)) {
- const filtered = sequence.replace(/\|.*$/, "");
- tmp[filtered] = params[k][1][sequence];
- }
- }
-
- params[k][1] = tmp;
- break;
- }
-
- console.log("IP:", k, "=>", params[k]);
- this.setInitParam(k, params[k]);
- }
- }
-
- // PluginHost might not be available on non-index pages
- if (typeof PluginHost !== 'undefined')
- PluginHost.run(PluginHost.HOOK_PARAMS_LOADED, App._initParams);
- }
-
- this.initSecondStage();
- },
- explainError: function(code) {
- return this.displayDlg(__("Error explained"), "explainError", code);
- },
- Error: {
- fatal: function (error, params) {
- params = params || {};
-
- if (params.code) {
- if (params.code == 6) {
- window.location.href = "index.php";
- return;
- } else if (params.code == 5) {
- window.location.href = "public.php?op=dbupdate";
- return;
- }
- }
-
- return this.report(error,
- Object.extend({title: __("Fatal error")}, params));
- },
- report: function(error, params) {
- params = params || {};
-
- if (!error) return;
-
- console.error("[Error.report]", error, params);
-
- const message = params.message ? params.message : error.toString();
-
- try {
- xhrPost("backend.php",
- {op: "rpc", method: "log",
- file: params.filename ? params.filename : error.fileName,
- line: params.lineno ? params.lineno : error.lineNumber,
- msg: message,
- context: error.stack},
- (transport) => {
- console.warn("[Error.report] log response", transport.responseText);
- });
- } catch (re) {
- console.error("[Error.report] exception while saving logging error on server", re);
- }
-
- try {
- if (dijit.byId("exceptionDlg"))
- dijit.byId("exceptionDlg").destroyRecursive();
-
- let stack_msg = "";
-
- if (error.stack)
- stack_msg += `window.${wf}
not found.`;
- throw $break;
- }
- });
-
- if (errorMsg) {
- this.Error.fatal(errorMsg, {info: navigator.userAgent});
- }
-
- return errorMsg == "";
- },
- initSecondStage: function () {
- this.enableCsrfSupport();
-
- Feeds.reload();
- Article.close();
-
- if (parseInt(Cookie.get("ttrss_fh_width")) > 0) {
- dijit.byId("feeds-holder").domNode.setStyle(
- {width: Cookie.get("ttrss_fh_width") + "px"});
- }
-
- dijit.byId("main").resize();
-
- dojo.connect(dijit.byId('feeds-holder'), 'resize',
- function (args) {
- if (args && args.w >= 0) {
- Cookie.set("ttrss_fh_width", args.w, App.getInitParam("cookie_lifetime"));
- }
- });
-
- dojo.connect(dijit.byId('content-insert'), 'resize',
- function (args) {
- if (args && args.w >= 0 && args.h >= 0) {
- Cookie.set("ttrss_ci_width", args.w, App.getInitParam("cookie_lifetime"));
- Cookie.set("ttrss_ci_height", args.h, App.getInitParam("cookie_lifetime"));
- }
- });
-
- const toolbar = document.forms["toolbar-main"];
-
- dijit.getEnclosingWidget(toolbar.view_mode).attr('value',
- App.getInitParam("default_view_mode"));
-
- dijit.getEnclosingWidget(toolbar.order_by).attr('value',
- App.getInitParam("default_view_order_by"));
-
- App.setLoadingProgress(50);
-
- this._widescreen_mode = App.getInitParam("widescreen");
- this.switchPanelMode(this._widescreen_mode);
-
- Headlines.initScrollHandler();
-
- if (App.getInitParam("simple_update")) {
- console.log("scheduling simple feed updater...");
- window.setInterval(() => { Feeds.updateRandom() }, 30 * 1000);
- }
-
- if (App.getInitParam('check_for_updates')) {
- window.setInterval(() => {
- App.checkForUpdates();
- }, 3600 * 1000);
- }
-
- console.log("second stage ok");
-
- PluginHost.run(PluginHost.HOOK_INIT_COMPLETE, null);
-
- },
- checkForUpdates: function() {
- console.log('checking for updates...');
-
- xhrJson("backend.php", {op: 'rpc', method: 'checkforupdates'})
- .then((reply) => {
- console.log('update reply', reply);
-
- if (reply.id) {
- $("updates-available").show();
- } else {
- $("updates-available").hide();
- }
- });
- },
- updateTitle: function() {
- let tmp = "Tiny Tiny RSS";
-
- if (this.global_unread > 0) {
- tmp = "(" + this.global_unread + ") " + tmp;
- }
-
- document.title = tmp;
- },
- onViewModeChanged: function() {
- const view_mode = document.forms["toolbar-main"].view_mode.value;
-
- $$("body")[0].setAttribute("view-mode", view_mode);
-
- return Feeds.reloadCurrent('');
- },
- hotkeyHandler: function(event) {
- if (event.target.nodeName == "INPUT" || event.target.nodeName == "TEXTAREA") return;
-
- // Arrow buttons and escape are not reported via keypress, handle them via keydown.
- // escape = 27, left = 37, up = 38, right = 39, down = 40, pgup = 33, pgdn = 34, insert = 45, delete = 46
- if (event.type == "keydown" && event.which != 27 && (event.which < 33 || event.which > 46)) return;
-
- const action_name = App.keyeventToAction(event);
-
- if (action_name) {
- const action_func = this.hotkey_actions[action_name];
-
- if (action_func != null) {
- action_func(event);
- event.stopPropagation();
- return false;
- }
- }
- },
- switchPanelMode: function(wide) {
- //if (App.isCombinedMode()) return;
-
- const article_id = Article.getActive();
-
- if (wide) {
- dijit.byId("headlines-wrap-inner").attr("design", 'sidebar');
- dijit.byId("content-insert").attr("region", "trailing");
-
- dijit.byId("content-insert").domNode.setStyle({width: '50%',
- height: 'auto',
- borderTopWidth: '0px' });
-
- if (parseInt(Cookie.get("ttrss_ci_width")) > 0) {
- dijit.byId("content-insert").domNode.setStyle(
- {width: Cookie.get("ttrss_ci_width") + "px" });
- }
-
- $("headlines-frame").setStyle({ borderBottomWidth: '0px' });
- $("headlines-frame").addClassName("wide");
-
- } else {
-
- dijit.byId("content-insert").attr("region", "bottom");
-
- dijit.byId("content-insert").domNode.setStyle({width: 'auto',
- height: '50%',
- borderTopWidth: '0px'});
-
- if (parseInt(Cookie.get("ttrss_ci_height")) > 0) {
- dijit.byId("content-insert").domNode.setStyle(
- {height: Cookie.get("ttrss_ci_height") + "px" });
- }
-
- $("headlines-frame").setStyle({ borderBottomWidth: '1px' });
- $("headlines-frame").removeClassName("wide");
-
- }
-
- Article.close();
-
- if (article_id) Article.view(article_id);
-
- xhrPost("backend.php", {op: "rpc", method: "setpanelmode", wide: wide ? 1 : 0});
- },
- initHotkeyActions: function() {
- this.hotkey_actions["next_feed"] = function () {
- const rv = dijit.byId("feedTree").getNextFeed(
- Feeds.getActive(), Feeds.activeIsCat());
-
- if (rv) Feeds.open({feed: rv[0], is_cat: rv[1], delayed: true})
- };
- this.hotkey_actions["prev_feed"] = function () {
- const rv = dijit.byId("feedTree").getPreviousFeed(
- Feeds.getActive(), Feeds.activeIsCat());
-
- if (rv) Feeds.open({feed: rv[0], is_cat: rv[1], delayed: true})
- };
- this.hotkey_actions["next_article_or_scroll"] = function (event) {
- if (App.isCombinedMode())
- Headlines.scroll(Headlines.line_scroll_offset, event);
- else
- Headlines.move('next');
- };
- this.hotkey_actions["prev_article_or_scroll"] = function (event) {
- if (App.isCombinedMode())
- Headlines.scroll(-Headlines.line_scroll_offset, event);
- else
- Headlines.move('prev');
- };
- this.hotkey_actions["next_article_noscroll"] = function () {
- Headlines.move('next');
- };
- this.hotkey_actions["prev_article_noscroll"] = function () {
- Headlines.move('prev');
- };
- this.hotkey_actions["next_article_noexpand"] = function () {
- Headlines.move('next', {no_expand: true});
- };
- this.hotkey_actions["prev_article_noexpand"] = function () {
- Headlines.move('prev', {no_expand: true});
- };
- this.hotkey_actions["search_dialog"] = function () {
- Feeds.search();
- };
- this.hotkey_actions["cancel_search"] = function () {
- Feeds.cancelSearch();
- };
- this.hotkey_actions["toggle_mark"] = function () {
- Headlines.selectionToggleMarked();
- };
- this.hotkey_actions["toggle_publ"] = function () {
- Headlines.selectionTogglePublished();
- };
- this.hotkey_actions["toggle_unread"] = function () {
- Headlines.selectionToggleUnread({no_error: 1});
- };
- this.hotkey_actions["edit_tags"] = function () {
- const id = Article.getActive();
- if (id) {
- Article.editTags(id);
- }
- };
- this.hotkey_actions["open_in_new_window"] = function () {
- if (Article.getActive()) {
- Article.openInNewWindow(Article.getActive());
- }
- };
- this.hotkey_actions["catchup_below"] = function () {
- Headlines.catchupRelativeTo(1);
- };
- this.hotkey_actions["catchup_above"] = function () {
- Headlines.catchupRelativeTo(0);
- };
- this.hotkey_actions["article_scroll_down"] = function (event) {
- if (App.isCombinedMode())
- Headlines.scroll(Headlines.line_scroll_offset, event);
- else
- Article.scroll(Headlines.line_scroll_offset, event);
- };
- this.hotkey_actions["article_scroll_up"] = function (event) {
- if (App.isCombinedMode())
- Headlines.scroll(-Headlines.line_scroll_offset, event);
- else
- Article.scroll(-Headlines.line_scroll_offset, event);
- };
- this.hotkey_actions["next_headlines_page"] = function (event) {
- Headlines.scrollByPages(1, event);
- };
- this.hotkey_actions["prev_headlines_page"] = function (event) {
- Headlines.scrollByPages(-1, event);
- };
- this.hotkey_actions["article_page_down"] = function (event) {
- if (App.isCombinedMode())
- Headlines.scrollByPages(1, event);
- else
- Article.scrollByPages(1, event);
- };
- this.hotkey_actions["article_page_up"] = function (event) {
- if (App.isCombinedMode())
- Headlines.scrollByPages(-1, event);
- else
- Article.scrollByPages(-1, event);
- };
- this.hotkey_actions["close_article"] = function () {
- if (App.isCombinedMode()) {
- Article.cdmUnsetActive();
- } else {
- Article.close();
- }
- };
- this.hotkey_actions["email_article"] = function () {
- if (typeof Plugins.Mail != "undefined") {
- Plugins.Mail.onHotkey(Headlines.getSelected());
- } else {
- alert(__("Please enable mail or mailto plugin first."));
- }
- };
- this.hotkey_actions["select_all"] = function () {
- Headlines.select('all');
- };
- this.hotkey_actions["select_unread"] = function () {
- Headlines.select('unread');
- };
- this.hotkey_actions["select_marked"] = function () {
- Headlines.select('marked');
- };
- this.hotkey_actions["select_published"] = function () {
- Headlines.select('published');
- };
- this.hotkey_actions["select_invert"] = function () {
- Headlines.select('invert');
- };
- this.hotkey_actions["select_none"] = function () {
- Headlines.select('none');
- };
- this.hotkey_actions["feed_refresh"] = function () {
- if (typeof Feeds.getActive() != "undefined") {
- Feeds.open({feed: Feeds.getActive(), is_cat: Feeds.activeIsCat()});
- }
- };
- this.hotkey_actions["feed_unhide_read"] = function () {
- Feeds.toggleUnread();
- };
- this.hotkey_actions["feed_subscribe"] = function () {
- CommonDialogs.quickAddFeed();
- };
- this.hotkey_actions["feed_debug_update"] = function () {
- if (!Feeds.activeIsCat() && parseInt(Feeds.getActive()) > 0) {
- window.open("backend.php?op=feeds&method=update_debugger&feed_id=" + Feeds.getActive() +
- "&csrf_token=" + App.getInitParam("csrf_token"));
- } else {
- alert("You can't debug this kind of feed.");
- }
- };
-
- this.hotkey_actions["feed_debug_viewfeed"] = function () {
- Feeds.open({feed: Feeds.getActive(), is_cat: Feeds.activeIsCat(), viewfeed_debug: true});
- };
-
- this.hotkey_actions["feed_edit"] = function () {
- if (Feeds.activeIsCat())
- alert(__("You can't edit this kind of feed."));
- else
- CommonDialogs.editFeed(Feeds.getActive());
- };
- this.hotkey_actions["feed_catchup"] = function () {
- if (typeof Feeds.getActive() != "undefined") {
- Feeds.catchupCurrent();
- }
- };
- this.hotkey_actions["feed_reverse"] = function () {
- Headlines.reverse();
- };
- this.hotkey_actions["feed_toggle_vgroup"] = function () {
- xhrPost("backend.php", {op: "rpc", method: "togglepref", key: "VFEED_GROUP_BY_FEED"}, () => {
- Feeds.reloadCurrent();
- })
- };
- this.hotkey_actions["catchup_all"] = function () {
- Feeds.catchupAll();
- };
- this.hotkey_actions["cat_toggle_collapse"] = function () {
- if (Feeds.activeIsCat()) {
- dijit.byId("feedTree").collapseCat(Feeds.getActive());
- }
- };
- this.hotkey_actions["goto_read"] = function () {
- Feeds.open({feed: -6});
- };
- this.hotkey_actions["goto_all"] = function () {
- Feeds.open({feed: -4});
- };
- this.hotkey_actions["goto_fresh"] = function () {
- Feeds.open({feed: -3});
- };
- this.hotkey_actions["goto_marked"] = function () {
- Feeds.open({feed: -1});
- };
- this.hotkey_actions["goto_published"] = function () {
- Feeds.open({feed: -2});
- };
- this.hotkey_actions["goto_tagcloud"] = function () {
- App.displayDlg(__("Tag cloud"), "printTagCloud");
- };
- this.hotkey_actions["goto_prefs"] = function () {
- document.location.href = "prefs.php";
- };
- this.hotkey_actions["select_article_cursor"] = function () {
- const id = Article.getUnderPointer();
- if (id) {
- const row = $("RROW-" + id);
-
- if (row)
- row.toggleClassName("Selected");
- }
- };
- this.hotkey_actions["create_label"] = function () {
- CommonDialogs.addLabel();
- };
- this.hotkey_actions["create_filter"] = function () {
- Filters.quickAddFilter();
- };
- this.hotkey_actions["collapse_sidebar"] = function () {
- Feeds.toggle();
- };
- this.hotkey_actions["toggle_full_text"] = function () {
- if (typeof Plugins.Af_Readability != "undefined") {
- if (Article.getActive())
- Plugins.Af_Readability.embed(Article.getActive());
- } else {
- alert(__("Please enable af_readability first."));
- }
- };
- this.hotkey_actions["toggle_widescreen"] = function () {
- if (!App.isCombinedMode()) {
- App._widescreen_mode = !App._widescreen_mode;
-
- // reset stored sizes because geometry changed
- Cookie.set("ttrss_ci_width", 0);
- Cookie.set("ttrss_ci_height", 0);
-
- App.switchPanelMode(App._widescreen_mode);
- } else {
- alert(__("Widescreen is not available in combined mode."));
- }
- };
- this.hotkey_actions["help_dialog"] = function () {
- App.helpDialog("main");
- };
- this.hotkey_actions["toggle_combined_mode"] = function () {
- const value = App.isCombinedMode() ? "false" : "true";
-
- xhrPost("backend.php", {op: "rpc", method: "setpref", key: "COMBINED_DISPLAY_MODE", value: value}, () => {
- App.setInitParam("combined_display_mode",
- !App.getInitParam("combined_display_mode"));
-
- Article.close();
- Headlines.renderAgain();
- })
- };
- this.hotkey_actions["toggle_cdm_expanded"] = function () {
- const value = App.getInitParam("cdm_expanded") ? "false" : "true";
-
- xhrPost("backend.php", {op: "rpc", method: "setpref", key: "CDM_EXPANDED", value: value}, () => {
- App.setInitParam("cdm_expanded", !App.getInitParam("cdm_expanded"));
- Headlines.renderAgain();
- });
- };
- },
- onActionSelected: function(opid) {
- switch (opid) {
- case "qmcPrefs":
- document.location.href = "prefs.php";
- break;
- case "qmcLogout":
- document.location.href = "backend.php?op=logout";
- break;
- case "qmcTagCloud":
- App.displayDlg(__("Tag cloud"), "printTagCloud");
- break;
- case "qmcSearch":
- Feeds.search();
- break;
- case "qmcAddFeed":
- CommonDialogs.quickAddFeed();
- break;
- case "qmcDigest":
- window.location.href = "backend.php?op=digest";
- break;
- case "qmcEditFeed":
- if (Feeds.activeIsCat())
- alert(__("You can't edit this kind of feed."));
- else
- CommonDialogs.editFeed(Feeds.getActive());
- break;
- case "qmcRemoveFeed":
- const actid = Feeds.getActive();
-
- if (!actid) {
- alert(__("Please select some feed first."));
- return;
- }
-
- if (Feeds.activeIsCat()) {
- alert(__("You can't unsubscribe from the category."));
- return;
- }
-
- const fn = Feeds.getName(actid);
-
- if (confirm(__("Unsubscribe from %s?").replace("%s", fn))) {
- CommonDialogs.unsubscribeFeed(actid);
- }
- break;
- case "qmcCatchupAll":
- Feeds.catchupAll();
- break;
- case "qmcShowOnlyUnread":
- Feeds.toggleUnread();
- break;
- case "qmcToggleWidescreen":
- if (!App.isCombinedMode()) {
- App._widescreen_mode = !App._widescreen_mode;
-
- // reset stored sizes because geometry changed
- Cookie.set("ttrss_ci_width", 0);
- Cookie.set("ttrss_ci_height", 0);
-
- App.switchPanelMode(App._widescreen_mode);
- } else {
- alert(__("Widescreen is not available in combined mode."));
- }
- break;
- case "qmcHKhelp":
- App.helpDialog("main");
- break;
- default:
- console.log("quickMenuGo: unknown action: " + opid);
- }
- },
- isPrefs: function() {
- return false;
- }
- });
-
- App = new _App();
+ App.init(parser, false);
} catch (e) {
- if (App && App.Error)
+ if (typeof App != "undefined" && App.Error)
App.Error.report(e);
else
alert(e + "\n\n" + e.stack);
diff --git a/jsconfig.json b/jsconfig.json
new file mode 100644
index 000000000..da01bdd7c
--- /dev/null
+++ b/jsconfig.json
@@ -0,0 +1,10 @@
+{
+ "compilerOptions": {
+ "target": "ES6",
+ "module": "amd"
+ },
+ "include": [
+ "js/*.js",
+ "plugins/**/*.js"
+ ]
+}