ttrss/plugins/share/share.js

/* global dojo, Effect, Plugins, xhrJson, Notify, fox, xhrPost, __ */

Plugins.Share = {
	shareArticle: function(id) {
		const dialog = new fox.SingleUseDialog({
			id: "shareArticleDlg",
			title: __("Share article by URL"),
			newurl: function () {
				if (confirm(__("Generate new share URL for this article?"))) {

					Notify.progress("Trying to change URL...", true);

					const query = {op: "pluginhandler", plugin: "share", method: "newkey", id: id};

					xhrJson("backend.php", query, (reply) => {
						if (reply) {
							const new_link = reply.link;
							const target = dialog.domNode.querySelector(".target-url");

							if (new_link && target) {

								target.innerHTML = target.innerHTML.replace(/&key=.*$/,
									"&key=" + new_link);

								target.href = target.href.replace(/&key=.*$/,
									"&key=" + new_link);

								// eslint-disable-next-line no-new
								new Effect.Highlight(target);

								const icon = document.querySelector(".share-icon-" + id);

								if (icon)
									icon.addClassName("is-shared");

								Notify.close();

							} else {
								Notify.error("Could not change URL.");
							}
						}
					});
				}

			},
			unshare: function () {
				if (confirm(__("Remove sharing for this article?"))) {
					xhrPost("backend.php", {op: "pluginhandler", plugin: "share", method: "unshare", id: id}, (transport) => {
						Notify.info(transport.responseText);

						const icon = document.querySelector(".share-icon-" + id);

						if (icon)
							icon.removeClassName("is-shared");

						dialog.hide();
					});
				}

			},
			content: __("Loading, please wait...")
		});

		const tmph = dojo.connect(dialog, 'onShow', function () {
			dojo.disconnect(tmph);

			xhrPost("backend.php", {op: "pluginhandler", plugin: "share", method: "shareDialog", id: id}, (transport) => {
				dialog.attr('content', transport.responseText)

				const icon = document.querySelector(".share-icon-" + id);

				if (icon)
					icon.addClassName("is-shared");
			});
		});

		dialog.show();
	}
}