ttrss/js/tt-rss.js

/* global dijit,__ */

let Utils;
let CommonDialogs;
let Filters;
let Feeds;
let Headlines;
let Article;
let ArticleCache;

const App = {
	global_unread: -1,
	_widescreen_mode: false,
	hotkey_actions: {},
	init: function() {

		window.onerror = function (message, filename, lineno, colno, error) {
			report_error(message, filename, lineno, colno, error);
		};

		require(["dojo/_base/kernel",
			"dojo/ready",
			"dojo/parser",
			"dojo/_base/loader",
			"dojo/_base/html",
			"dojo/query",
			"dijit/ProgressBar",
			"dijit/ColorPalette",
			"dijit/Dialog",
			"dijit/form/Button",
			"dijit/form/ComboButton",
			"dijit/form/CheckBox",
			"dijit/form/DropDownButton",
			"dijit/form/FilteringSelect",
			"dijit/form/Form",
			"dijit/form/RadioButton",
			"dijit/form/Select",
			"dijit/form/MultiSelect",
			"dijit/form/SimpleTextarea",
			"dijit/form/TextBox",
			"dijit/form/ComboBox",
			"dijit/form/ValidationTextBox",
			"dijit/InlineEditBox",
			"dijit/layout/AccordionContainer",
			"dijit/layout/BorderContainer",
			"dijit/layout/ContentPane",
			"dijit/layout/TabContainer",
			"dijit/PopupMenuItem",
			"dijit/Menu",
			"dijit/Toolbar",
			"dijit/Tree",
			"dijit/tree/dndSource",
			"dijit/tree/ForestStoreModel",
			"dojo/data/ItemFileWriteStore",
			"fox/Utils",
			"fox/CommonDialogs",
			"fox/CommonFilters",
			"fox/Feeds",
			"fox/Headlines",
			"fox/Article",
			"fox/ArticleCache",
			"fox/FeedStoreModel",
			"fox/FeedTree"], function (dojo, ready, parser) {

			ready(function () {

				try {
					Utils = fox.Utils();
					CommonDialogs = fox.CommonDialogs();
					Filters = fox.CommonFilters();
					Feeds = fox.Feeds();
					Headlines = fox.Headlines();
					Article = fox.Article();
					ArticleCache = fox.ArticleCache();

					parser.parse();

					if (!App.genericSanityCheck())
						return false;

					Utils.setLoadingProgress(30);
					App.initHotkeyActions();

					const a = document.createElement('audio');
					const hasAudio = !!a.canPlayType;
					const hasSandbox = "sandbox" in document.createElement("iframe");
					const hasMp3 = !!(a.canPlayType && a.canPlayType('audio/mpeg;').replace(/no/, ''));
					const clientTzOffset = new Date().getTimezoneOffset() * 60;

					const params = {
						op: "rpc", method: "sanityCheck", hasAudio: hasAudio,
						hasMp3: hasMp3,
						clientTzOffset: clientTzOffset,
						hasSandbox: hasSandbox
					};

					xhrPost("backend.php", params, (transport) => {
						try {
							Utils.backendSanityCallback(transport);
						} catch (e) {
							console.error(e);
						}
					});

				} catch (e) {
					exception_error(e);
				}

			});


		});
	},
	initSecondStage: function () {
		Feeds.reload();
		Article.close();

		if (parseInt(getCookie("ttrss_fh_width")) > 0) {
			dijit.byId("feeds-holder").domNode.setStyle(
				{width: getCookie("ttrss_fh_width") + "px"});
		}

		dijit.byId("main").resize();

		dojo.connect(dijit.byId('feeds-holder'), 'resize',
			function (args) {
				if (args && args.w >= 0) {
					setCookie("ttrss_fh_width", args.w, getInitParam("cookie_lifetime"));
				}
			});

		dojo.connect(dijit.byId('content-insert'), 'resize',
			function (args) {
				if (args && args.w >= 0 && args.h >= 0) {
					setCookie("ttrss_ci_width", args.w, getInitParam("cookie_lifetime"));
					setCookie("ttrss_ci_height", args.h, getInitParam("cookie_lifetime"));
				}
			});

		delCookie("ttrss_test");

		const toolbar = document.forms["main_toolbar_form"];

		dijit.getEnclosingWidget(toolbar.view_mode).attr('value',
			getInitParam("default_view_mode"));

		dijit.getEnclosingWidget(toolbar.order_by).attr('value',
			getInitParam("default_view_order_by"));

		const hash_feed_id = hash_get('f');
		const hash_feed_is_cat = hash_get('c') == "1";

		if (hash_feed_id != undefined) {
			Feeds.setActive(hash_feed_id, hash_feed_is_cat);
		}

		Utils.setLoadingProgress(50);

		ArticleCache.clear();

		this._widescreen_mode = getInitParam("widescreen");
		this.switchPanelMode(this._widescreen_mode);

		Headlines.initScrollHandler();

		if (getInitParam("simple_update")) {
			console.log("scheduling simple feed updater...");
			window.setInterval(() => { Feeds.updateRandom() }, 30 * 1000);
		}

		console.log("second stage ok");
	},
	genericSanityCheck: function() {
		setCookie("ttrss_test", "TEST");

		if (getCookie("ttrss_test") != "TEST") {
			return fatalError(2);
		}

		return true;
	},
	updateTitle: function() {
		let tmp = "Tiny Tiny RSS";

		if (this.global_unread > 0) {
			tmp = "(" + this.global_unread + ") " + tmp;
		}

		document.title = tmp;
	},
	onViewModeChanged: function() {
		ArticleCache.clear();
		return Feeds.reloadCurrent('');
		},
	isCombinedMode: function() {
		return getInitParam("combined_display_mode");
	},
	hotkeyHandler(event) {
		if (event.target.nodeName == "INPUT" || event.target.nodeName == "TEXTAREA") return;

		const action_name = Utils.keyeventToAction(event);

		if (action_name) {
			const action_func = this.hotkey_actions[action_name];

			if (action_func != null) {
				action_func();
				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(getCookie("ttrss_ci_width")) > 0) {
				dijit.byId("content-insert").domNode.setStyle(
					{width: getCookie("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(getCookie("ttrss_ci_height")) > 0) {
				dijit.byId("content-insert").domNode.setStyle(
					{height: getCookie("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"] = function () {
			Headlines.move('next');
		};
		this.hotkey_actions["prev_article"] = function () {
			Headlines.move('prev');
		};
		this.hotkey_actions["next_article_noscroll"] = function () {
			Headlines.move('next', true);
		};
		this.hotkey_actions["prev_article_noscroll"] = function () {
			Headlines.move('prev', true);
		};
		this.hotkey_actions["next_article_noexpand"] = function () {
			Headlines.move('next', true, true);
		};
		this.hotkey_actions["prev_article_noexpand"] = function () {
			Headlines.move('prev', true, true);
		};
		this.hotkey_actions["search_dialog"] = function () {
			Feeds.search();
		};
		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 () {
			Article.scroll(40);
		};
		this.hotkey_actions["article_scroll_up"] = function () {
			Article.scroll(-40);
		};
		this.hotkey_actions["close_article"] = function () {
			if (App.isCombinedMode()) {
				Article.cdmUnsetActive();
			} else {
				Article.close();
			}
		};
		this.hotkey_actions["email_article"] = function () {
			if (typeof emailArticle != "undefined") {
				emailArticle();
			} else if (typeof mailtoArticle != "undefined") {
				mailtoArticle();
			} else {
				alert(__("Please enable mail 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 (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=" + 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 (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_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 () {
			Utils.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) {
					const cb = dijit.getEnclosingWidget(
						row.select(".rchk")[0]);

					if (cb) {
						if (!row.hasClassName("active"))
							cb.attr("checked", !cb.attr("checked"));

						Headlines.onRowChecked(cb);
						return false;
					}
				}
			}
		};
		this.hotkey_actions["create_label"] = function () {
			CommonDialogs.addLabel();
		};
		this.hotkey_actions["create_filter"] = function () {
			Filters.quickAddFilter();
		};
		this.hotkey_actions["collapse_sidebar"] = function () {
			Feeds.reloadCurrent();
		};
		this.hotkey_actions["toggle_embed_original"] = function () {
			if (typeof embedOriginalArticle != "undefined") {
				if (Article.getActive())
					embedOriginalArticle(Article.getActive());
			} else {
				alert(__("Please enable embed_original plugin first."));
			}
		};
		this.hotkey_actions["toggle_widescreen"] = function () {
			if (!App.isCombinedMode()) {
				App._widescreen_mode = !App._widescreen_mode;

				// reset stored sizes because geometry changed
				setCookie("ttrss_ci_width", 0);
				setCookie("ttrss_ci_height", 0);

				App.switchPanelMode(App._widescreen_mode);
			} else {
				alert(__("Widescreen is not available in combined mode."));
			}
		};
		this.hotkey_actions["help_dialog"] = function () {
			Utils.helpDialog("main");
		};
		this.hotkey_actions["toggle_combined_mode"] = function () {
			notify_progress("Loading, please wait...");

			const value = App.isCombinedMode() ? "false" : "true";

			xhrPost("backend.php", {op: "rpc", method: "setpref", key: "COMBINED_DISPLAY_MODE", value: value}, () => {
				setInitParam("combined_display_mode",
					!getInitParam("combined_display_mode"));

				Article.close();
				Feeds.reloadCurrent();
			})
		};
		this.hotkey_actions["toggle_cdm_expanded"] = function () {
			notify_progress("Loading, please wait...");

			const value = getInitParam("cdm_expanded") ? "false" : "true";

			xhrPost("backend.php", {op: "rpc", method: "setpref", key: "CDM_EXPANDED", value: value}, () => {
				setInitParam("cdm_expanded", !getInitParam("cdm_expanded"));
				Feeds.reloadCurrent();
			});
		};
	},
	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":
				Utils.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
					setCookie("ttrss_ci_width", 0);
					setCookie("ttrss_ci_height", 0);

					App.switchPanelMode(App._widescreen_mode);
				} else {
					alert(__("Widescreen is not available in combined mode."));
				}
				break;
			case "qmcHKhelp":
				Utils.helpDialog("main");
				break;
			default:
				console.log("quickMenuGo: unknown action: " + opid);
		}
	},
	isPrefs: function() {
		return false;
	}
};

function hash_get(key) {
	const kv = window.location.hash.substring(1).toQueryParams();
	return kv[key];
}

function hash_set(key, value) {
	const kv = window.location.hash.substring(1).toQueryParams();
	kv[key] = value;
	window.location.hash = $H(kv).toQueryString();
}