ttrss/js/PrefHelpers.js

'use strict';

/* global __, dijit, dojo, Tables, xhrPost, Notify, xhrJson, App */

const	Helpers = {
	AppPasswords: {
		getSelected: function() {
			return Tables.getSelected("app-password-list");
		},
		updateContent: function(data) {
			$("app_passwords_holder").innerHTML = data;
			dojo.parser.parse("app_passwords_holder");
		},
		removeSelected: function() {
			const rows = this.getSelected();

			if (rows.length == 0) {
				alert("No passwords selected.");
			} else if (confirm(__("Remove selected app passwords?"))) {

				xhrPost("backend.php", {op: "pref-prefs", method: "deleteAppPassword", ids: rows.toString()}, (transport) => {
					this.updateContent(transport.responseText);
					Notify.close();
				});

				Notify.progress("Loading, please wait...");
			}
		},
		generate: function() {
			const title = prompt("Password description:")

			if (title) {
				xhrPost("backend.php", {op: "pref-prefs", method: "generateAppPassword", title: title}, (transport) => {
					this.updateContent(transport.responseText);
					Notify.close();
				});

				Notify.progress("Loading, please wait...");
			}
		},
	},
	clearFeedAccessKeys: function() {
		if (confirm(__("This will invalidate all previously generated feed URLs. Continue?"))) {
			Notify.progress("Clearing URLs...");

			xhrPost("backend.php", {op: "pref-feeds", method: "clearKeys"}, () => {
				Notify.info("Generated URLs cleared.");
			});
		}

		return false;
	},
	EventLog: {
		log_page: 0,
		refresh: function() {
			this.log_page = 0;
			this.update();
		},
		update: function() {
			xhrPost("backend.php", { op: "pref-system", severity: dijit.byId("severity").attr('value'), page: Helpers.EventLog.log_page }, (transport) => {
				dijit.byId('systemTab').attr('content', transport.responseText);
				Notify.close();
			});
		},
		nextPage: function()  {
			this.log_page += 1;
			this.update();
		},
		prevPage: function() {
			if (this.log_page > 0) this.log_page -= 1;

			this.update();
		},
		clear: function() {
			if (confirm(__("Clear event log?"))) {

				Notify.progress("Loading, please wait...");

				xhrPost("backend.php", {op: "pref-system", method: "clearLog"}, () => {
					Helpers.EventLog.refresh();
				});
			}
		},
	},
	editProfiles: function() {

		if (dijit.byId("profileEditDlg"))
			dijit.byId("profileEditDlg").destroyRecursive();

		const query = "backend.php?op=pref-prefs&method=editPrefProfiles";

		// noinspection JSUnusedGlobalSymbols
		const dialog = new dijit.Dialog({
			id: "profileEditDlg",
			title: __("Settings Profiles"),
			getSelectedProfiles: function () {
				return Tables.getSelected("pref-profiles-list");
			},
			removeSelected: function () {
				const sel_rows = this.getSelectedProfiles();

				if (sel_rows.length > 0) {
					if (confirm(__("Remove selected profiles? Active and default profiles will not be removed."))) {
						Notify.progress("Removing selected profiles...", true);

						const query = {
							op: "rpc", method: "remprofiles",
							ids: sel_rows.toString()
						};

						xhrPost("backend.php", query, () => {
							Notify.close();
							Helpers.editProfiles();
						});
					}

				} else {
					alert(__("No profiles selected."));
				}
			},
			addProfile: function () {
				if (this.validate()) {
					Notify.progress("Creating profile...", true);

					const query = {op: "rpc", method: "addprofile", title: dialog.attr('value').newprofile};

					xhrPost("backend.php", query, () => {
						Notify.close();
						Helpers.editProfiles();
					});

				}
			},
			execute: function () {
				const sel_rows = this.getSelectedProfiles();

				if (sel_rows.length == 1) {
					if (confirm(__("Activate selected profile?"))) {
						Notify.progress("Loading, please wait...");

						xhrPost("backend.php", {op: "rpc", method: "setprofile", id: sel_rows.toString()}, () => {
							window.location.reload();
						});
					}

				} else {
					alert(__("Please choose a profile to activate."));
				}
			},
			href: query
		});

		dialog.show();
	},
	customizeCSS: function() {
		xhrJson("backend.php", {op: "pref-prefs", method: "customizeCSS"}, (reply) => {

			const dialog = new dijit.Dialog({
				title: __("Customize stylesheet"),
				apply: function() {
					xhrPost("backend.php", this.attr('value'), () => {
						new Effect.Appear("css_edit_apply_msg");
						$("user_css_style").innerText = this.attr('value');
					});
				},
				execute: function () {
					Notify.progress('Saving data...', true);

					xhrPost("backend.php", this.attr('value'), () => {
						window.location.reload();
					});
				},
				content: `
					<div class='alert alert-info'>
						${__("You can override colors, fonts and layout of your currently selected theme with custom CSS declarations here.")}
					</div>

					${App.FormFields.hidden('op', 'rpc')}
					${App.FormFields.hidden('method', 'setpref')}
					${App.FormFields.hidden('key', 'USER_STYLESHEET')}

					<div id='css_edit_apply_msg' style='display : none'>
						<div class='alert alert-warning'>
							${__("User CSS has been applied, you might need to reload the page to see all changes.")}
						</div>
					</div>

					<textarea class='panel user-css-editor' dojoType='dijit.form.SimpleTextarea'
						style='font-size : 12px;' name='value'>${reply.value}</textarea>

					<footer>
						<button dojoType='dijit.form.Button' class='alt-success' onclick="App.dialogOf(this).apply()">
							${__('Apply')}
						</button>
						<button dojoType='dijit.form.Button' class='alt-primary' type='submit'>
							${__('Save and reload')}
						</button>
						<button dojoType='dijit.form.Button' onclick="App.dialogOf(this).hide()">
							${__('Cancel')}
						</button>
					</footer>
				`
			});

			dialog.show();

		});
	},
	confirmReset: function() {
		if (confirm(__("Reset to defaults?"))) {
			xhrPost("backend.php", {op: "pref-prefs", method: "resetconfig"}, (transport) => {
				Helpers.refresh();
				Notify.info(transport.responseText);
			});
		}
	},
	clearPluginData: function(name) {
		if (confirm(__("Clear stored data for this plugin?"))) {
			Notify.progress("Loading, please wait...");

			xhrPost("backend.php", {op: "pref-prefs", method: "clearplugindata", name: name}, () => {
				Helpers.refresh();
			});
		}
	},
	refresh: function() {
		xhrPost("backend.php", { op: "pref-prefs" }, (transport) => {
			dijit.byId('prefsTab').attr('content', transport.responseText);
			Notify.close();
		});
	},
	OPML: {
		import: function() {
			const opml_file = $("opml_file");

			if (opml_file.value.length == 0) {
				alert(__("Please choose an OPML file first."));
				return false;
			} else {
				Notify.progress("Importing, please wait...", true);

				const xhr = new XMLHttpRequest();

				xhr.open( 'POST', 'backend.php', true );
				xhr.onload = function () {
					Notify.close();

					const dialog = new dijit.Dialog({
						title: __("OPML Import"),
						onCancel: function () {
							window.location.reload();
						},
						execute: function () {
							window.location.reload();
						},
						content: `
							<div class='alert alert-info'>
								${__("If you have imported labels and/or filters, you might need to reload preferences to see your new data.")}
							</div>
							<div class='panel panel-scrollable'>
								${xhr.responseText}
							</div>
							<footer class='text-center'>
								<button dojoType='dijit.form.Button' type='submit' class='alt-primary'>
									${__('Close this window')}
								</button>
							</footer>
						`
					});

					dialog.show();
				};

				xhr.send(new FormData($("opml_import_form")));

				return false;
			}
		},
		export: function() {
			console.log("export");
			window.open("backend.php?op=opml&method=export&" + dojo.formToQuery("opmlExportForm"));
		},
		changeKey: function() {
			if (confirm(__("Replace current OPML publishing address with a new one?"))) {
				Notify.progress("Trying to change address...", true);

				xhrJson("backend.php", {op: "pref-feeds", method: "regenOPMLKey"}, (reply) => {
					if (reply) {
						const new_link = reply.link;
						const e = $('pub_opml_url');

						if (new_link) {
							e.href = new_link;
							e.innerHTML = new_link;

							new Effect.Highlight(e);

							Notify.close();

						} else {
							Notify.error("Could not change feed URL.");
						}
					}
				});
			}
			return false;
		},
	}
};