diff --git a/classes/pref/filters.php b/classes/pref/filters.php index eb7c87746..62f6fc1a0 100755 --- a/classes/pref/filters.php +++ b/classes/pref/filters.php @@ -2,7 +2,7 @@ class Pref_Filters extends Handler_Protected { function csrf_ignore($method) { - $csrf_ignored = array("index", "getfiltertree", "edit", "newfilter", "newrule", + $csrf_ignored = array("index", "getfiltertree", "newrule", "newaction", "savefilterorder"); return array_search($method, $csrf_ignored) !== false; @@ -313,24 +313,30 @@ class Pref_Filters extends Handler_Protected { function edit() { - $filter_id = clean($_REQUEST["id"]); + $filter_id = (int) clean($_REQUEST["id"] ?? 0); $sth = $this->pdo->prepare("SELECT * FROM ttrss_filters2 WHERE id = ? AND owner_uid = ?"); $sth->execute([$filter_id, $_SESSION['uid']]); - if ($row = $sth->fetch()) { + if (empty($filter_id) || $row = $sth->fetch()) { - $enabled = $row["enabled"]; - $match_any_rule = $row["match_any_rule"]; - $inverse = $row["inverse"]; - $title = htmlspecialchars($row["title"]); + $enabled = $row["enabled"] ?? true; + $match_any_rule = $row["match_any_rule"] ?? false; + $inverse = $row["inverse"] ?? false; + $title = htmlspecialchars($row["title"] ?? ""); - print "
"; + print ""; print_hidden("op", "pref-filters"); - print_hidden("id", "$filter_id"); - print_hidden("method", "editSave"); + + if ($filter_id) { + print_hidden("id", "$filter_id"); + print_hidden("method", "editSave"); + } else { + print_hidden("method", "add"); + } + print_hidden("csrf_token", $_SESSION['csrf_token']); print "
".__("Caption")."
@@ -358,35 +364,37 @@ class Pref_Filters extends Handler_Protected { print " @@ -412,79 +420,66 @@ class Pref_Filters extends Handler_Protected { print ""; print ""; - print "
".__("Options")."
"; - print "
"; + print "
".__("Options")."
+
"; - if ($enabled) { - $checked = "checked=\"1\""; + print "
+
"; + + print "
+ +
"; + + print "
+
"; + + print "
+
"; + + if ($filter_id) { + print "
+ +
+ + + "; } else { - $checked = ""; + print " + + "; } - print "
"; - print ""; - - if ($match_any_rule) { - $checked = "checked=\"1\""; - } else { - $checked = ""; - } - - print "
"; - - print ""; - - print "
"; - - if ($inverse) { - $checked = "checked=\"1\""; - } else { - $checked = ""; - } - - print ""; - - print "
"; - - print "
"; - - print " -
"; + print ""; } } @@ -736,7 +731,7 @@ class Pref_Filters extends Handler_Protected { dojoType=\"dijit.MenuItem\">".__('None').""; print ""; - print " "; print " "; - - print " "; - - print ""; - - print ""; - - print ""; - - print "
".__("Apply actions")."
"; - - print "
"; - - print "
"; - - print "
". - "" . __('Select').""; - print "
"; - print "
".__('All')."
"; - print "
".__('None')."
"; - print "
"; - - print " "; - - print " "; - - print "
"; - - print ""; - - print "
"; - - print "
".__("Options")."
"; - - print "
"; - print "
"; - - print ""; - - print "
"; - - print ""; - - print "
"; - - print ""; - - print "
"; - - print "
"; - - print ""; - - } - function newrule() { $rule = json_decode(clean($_REQUEST["rule"]), true); diff --git a/include/controls.php b/include/controls.php index 78a5feb77..8f49e99c5 100755 --- a/include/controls.php +++ b/include/controls.php @@ -35,15 +35,23 @@ function print_select_hash($id, $default, $values, $attributes = "", $name = "") print ""; } -function print_hidden($name, $value) { - print ""; +function format_hidden($name, $value) { + return ""; } -function print_checkbox($id, $checked, $value = "", $attributes = "") { +function print_hidden($name, $value) { + print format_hidden($name, $value); +} + +function format_checkbox($id, $checked, $value = "", $attributes = "") { $checked_str = $checked ? "checked" : ""; $value_str = $value ? "value=\"$value\"" : ""; - print ""; + return ""; +} + +function print_checkbox($id, $checked, $value = "", $attributes = "") { + print format_checkbox($id, $checked, $value, $attributes); } function print_button($type, $value, $attributes = "") { diff --git a/js/App.js b/js/App.js index 7b7572c9b..07cb45481 100644 --- a/js/App.js +++ b/js/App.js @@ -18,7 +18,7 @@ const App = { LABEL_BASE_INDEX: -1024, FormFields: { hidden: function(name, value) { - return `` + return `` } }, Scrollable: { @@ -884,7 +884,7 @@ const App = { }; this.hotkey_actions["create_filter"] = () => { - Filters.quickAddFilter(); + Filters.edit(); }; this.hotkey_actions["help_dialog"] = () => { @@ -1115,7 +1115,7 @@ const App = { CommonDialogs.addLabel(); }; this.hotkey_actions["create_filter"] = () => { - Filters.quickAddFilter(); + Filters.edit(); }; this.hotkey_actions["collapse_sidebar"] = () => { Feeds.toggle(); diff --git a/js/CommonFilters.js b/js/CommonFilters.js index 356ab8bd3..a28aa2d24 100644 --- a/js/CommonFilters.js +++ b/js/CommonFilters.js @@ -35,33 +35,17 @@ const Filters = { } }, createNewRuleElement: function(parentNode, replaceNode) { - const form = document.forms["filter_new_rule_form"]; - const query = {op: "pref-filters", method: "printrulename", rule: dojo.formToJson(form)}; + const rule = dojo.formToJson("filter_new_rule_form"); - xhrPost("backend.php", query, (transport) => { + xhrPost("backend.php", {op: "pref-filters", method: "printrulename", rule: rule}, (transport) => { try { - const li = dojo.create("li"); + const li = document.createElement('li'); - const cb = dojo.create("input", {type: "checkbox"}, li); + li.innerHTML = ` + ${transport.responseText} + ${App.FormFields.hidden("rule[]", rule)}`; - new dijit.form.CheckBox({ - onChange: function () { - Lists.onRowChecked(this); - }, - }, cb); - - dojo.create("input", { - type: "hidden", - name: "rule[]", - value: dojo.formToJson(form) - }, li); - - dojo.create("span", { - onclick: function () { - dijit.byId('filterEditDlg').editRule(this); - }, - innerHTML: transport.responseText - }, li); + dojo.parser.parse(li); if (replaceNode) { parentNode.replaceChild(li, replaceNode); @@ -82,35 +66,17 @@ const Filters = { form.action_param.value = form.action_param_plugin.value; } - const query = { - op: "pref-filters", method: "printactionname", - action: dojo.formToJson(form) - }; + const action = dojo.formToJson(form); - xhrPost("backend.php", query, (transport) => { + xhrPost("backend.php", { op: "pref-filters", method: "printactionname", action: action }, (transport) => { try { - const li = dojo.create("li"); + const li = document.createElement('li'); - const cb = dojo.create("input", {type: "checkbox"}, li); + li.innerHTML = ` + ${transport.responseText} + ${App.FormFields.hidden("action[]", action)}`; - new dijit.form.CheckBox({ - onChange: function () { - Lists.onRowChecked(this); - }, - }, cb); - - dojo.create("input", { - type: "hidden", - name: "action[]", - value: dojo.formToJson(form) - }, li); - - dojo.create("span", { - onclick: function () { - dijit.byId('filterEditDlg').editAction(this); - }, - innerHTML: transport.responseText - }, li); + dojo.parser.parse(li); if (replaceNode) { parentNode.replaceChild(li, replaceNode); @@ -170,7 +136,7 @@ const Filters = { rule_dlg.show(); }, - editFilterTest: function(params) { + test: function(params) { if (dijit.byId("filterTestDlg")) dijit.byId("filterTestDlg").destroyRecursive(); @@ -268,123 +234,143 @@ const Filters = { test_dlg.show(); }, - quickAddFilter: function() { + edit: function(id) { // if no id, new filter dialog let query; if (!App.isPrefs()) { query = { - op: "pref-filters", method: "newfilter", + op: "pref-filters", method: "edit", feed: Feeds.getActive(), is_cat: Feeds.activeIsCat() }; } else { - query = {op: "pref-filters", method: "newfilter"}; + query = {op: "pref-filters", method: "edit", id: id}; } - console.log('quickAddFilter', query); + console.log('Filters.edit', query); - if (dijit.byId("feedEditDlg")) - dijit.byId("feedEditDlg").destroyRecursive(); + xhrPost("backend.php", query, function (transport) { + if (dijit.byId("feedEditDlg")) + dijit.byId("feedEditDlg").destroyRecursive(); - if (dijit.byId("filterEditDlg")) - dijit.byId("filterEditDlg").destroyRecursive(); + if (dijit.byId("filterEditDlg")) + dijit.byId("filterEditDlg").destroyRecursive(); - const dialog = new dijit.Dialog({ - id: "filterEditDlg", - title: __("Create Filter"), - test: function () { - Filters.editFilterTest(dojo.formToObject("filter_new_form")); - }, - selectRules: function (select) { - Lists.select("filterDlg_Matches", select); - }, - selectActions: function (select) { - Lists.select("filterDlg_Actions", select); - }, - editRule: function (e) { - const li = e.parentNode; - const rule = li.getElementsByTagName("INPUT")[1].value; - Filters.addFilterRule(li, rule); - }, - editAction: function (e) { - const li = e.parentNode; - const action = li.getElementsByTagName("INPUT")[1].value; - Filters.addFilterAction(li, action); - }, - addAction: function () { - Filters.addFilterAction(); - }, - addRule: function () { - Filters.addFilterRule(); - }, - deleteAction: function () { - $$("#filterDlg_Actions li[class*=Selected]").each(function (e) { - e.parentNode.removeChild(e) - }); - }, - deleteRule: function () { - $$("#filterDlg_Matches li[class*=Selected]").each(function (e) { - e.parentNode.removeChild(e) - }); - }, - execute: function () { - if (this.validate()) { + const dialog = new dijit.Dialog({ + id: "filterEditDlg", + title: __("Create Filter"), + test: function () { + Filters.test(this.attr('value')); + }, + selectRules: function (select) { + Lists.select("filterDlg_Matches", select); + }, + selectActions: function (select) { + Lists.select("filterDlg_Actions", select); + }, + editRule: function (e) { + const li = e.closest('li'); + const rule = li.querySelector('input[name="rule[]"]').value - const query = dojo.formToQuery("filter_new_form"); + Filters.addFilterRule(li, rule); + }, + editAction: function (e) { + const li = e.closest('li'); + const action = li.querySelector('input[name="action[]"]').value - xhrPost("backend.php", query, () => { - if (App.isPrefs()) { - dijit.byId("filterTree").reload(); - } + Filters.addFilterAction(li, action); + }, + removeFilter: function () { + const msg = __("Remove filter?"); - dialog.hide(); + if (confirm(msg)) { + this.hide(); + + Notify.progress("Removing filter..."); + + const query = {op: "pref-filters", method: "remove", ids: this.attr('value').id}; + + xhrPost("backend.php", query, () => { + const tree = dijit.byId("filterTree"); + + if (tree) tree.reload(); + }); + } + }, + addAction: function () { + Filters.addFilterAction(); + }, + addRule: function () { + Filters.addFilterRule(); + }, + deleteAction: function () { + $$("#filterDlg_Actions li[class*=Selected]").each(function (e) { + e.parentNode.removeChild(e) }); - } - }, - href: "backend.php?" + dojo.objectToQuery(query) - }); - - if (!App.isPrefs()) { - /* global getSelectionText */ - const selectedText = getSelectionText(); - - const lh = dojo.connect(dialog, "onLoad", function () { - dojo.disconnect(lh); - - if (selectedText != "") { - - const feed_id = Feeds.activeIsCat() ? 'CAT:' + parseInt(Feeds.getActive()) : - Feeds.getActive(); - - const rule = {reg_exp: selectedText, feed_id: [feed_id], filter_type: 1}; - - Filters.addFilterRule(null, dojo.toJson(rule)); - - } else { - - const query = {op: "rpc", method: "getlinktitlebyid", id: Article.getActive()}; - - xhrPost("backend.php", query, (transport) => { - const reply = JSON.parse(transport.responseText); - - let title = false; - - if (reply && reply.title) title = reply.title; - - if (title || Feeds.getActive() || Feeds.activeIsCat()) { - - console.log(title + " " + Feeds.getActive()); - - const feed_id = Feeds.activeIsCat() ? 'CAT:' + parseInt(Feeds.getActive()) : - Feeds.getActive(); - - const rule = {reg_exp: title, feed_id: [feed_id], filter_type: 1}; - - Filters.addFilterRule(null, dojo.toJson(rule)); - } + }, + deleteRule: function () { + $$("#filterDlg_Matches li[class*=Selected]").each(function (e) { + e.parentNode.removeChild(e) }); - } + }, + execute: function () { + if (this.validate()) { + + Notify.progress("Saving data...", true); + + xhrPost("backend.php", this.attr('value'), () => { + dialog.hide(); + + const tree = dijit.byId("filterTree"); + if (tree) tree.reload(); + }); + } + }, + content: transport.responseText }); - } - dialog.show(); + + if (!App.isPrefs()) { + /* global getSelectionText */ + const selectedText = getSelectionText(); + + const lh = dojo.connect(dialog, "onLoad", function () { + dojo.disconnect(lh); + + if (selectedText != "") { + + const feed_id = Feeds.activeIsCat() ? 'CAT:' + parseInt(Feeds.getActive()) : + Feeds.getActive(); + + const rule = {reg_exp: selectedText, feed_id: [feed_id], filter_type: 1}; + + Filters.addFilterRule(null, dojo.toJson(rule)); + + } else { + + const query = {op: "rpc", method: "getlinktitlebyid", id: Article.getActive()}; + + xhrPost("backend.php", query, (transport) => { + const reply = JSON.parse(transport.responseText); + + let title = false; + + if (reply && reply.title) title = reply.title; + + if (title || Feeds.getActive() || Feeds.activeIsCat()) { + + console.log(title + " " + Feeds.getActive()); + + const feed_id = Feeds.activeIsCat() ? 'CAT:' + parseInt(Feeds.getActive()) : + Feeds.getActive(); + + const rule = {reg_exp: title, feed_id: [feed_id], filter_type: 1}; + + Filters.addFilterRule(null, dojo.toJson(rule)); + } + }); + } + }); + } + dialog.show(); + }); }, }; diff --git a/js/PrefFeedTree.js b/js/PrefFeedTree.js index 4c8c25d0e..21b8ee272 100644 --- a/js/PrefFeedTree.js +++ b/js/PrefFeedTree.js @@ -297,7 +297,10 @@ define(["dojo/_base/declare", "dojo/dom-construct", "lib/CheckBoxTree"], functio xhrPost("backend.php", query, () => { dialog.hide(); - dijit.byId("feedTree").reload(); + + const tree = dijit.byId("feedTree"); + + if (tree) tree.reload(); }); } }, @@ -351,7 +354,10 @@ define(["dojo/_base/declare", "dojo/dom-construct", "lib/CheckBoxTree"], functio xhrPost("backend.php", this.attr('value'), () => { Notify.close(); - dijit.byId("feedTree").reload(); + + const tree = dijit.byId("feedTree"); + if (tree) tree.reload(); + dialog.hide(); }); } @@ -387,7 +393,10 @@ define(["dojo/_base/declare", "dojo/dom-construct", "lib/CheckBoxTree"], functio xhrPost("backend.php", query, () => { Notify.close(); - dijit.byId("feedTree").reload(); + + const tree = dijit.byId("feedTree"); + if (tree) tree.reload(); + dialog.hide(); }); } diff --git a/js/PrefFilterTree.js b/js/PrefFilterTree.js index a2e625bc1..b16fcb4c9 100644 --- a/js/PrefFilterTree.js +++ b/js/PrefFilterTree.js @@ -134,85 +134,6 @@ define(["dojo/_base/declare", "dojo/dom-construct", "lib/CheckBoxTree"], functio this.editFilter(rows[0]); }, - editFilter: function(id) { - - const query = "backend.php?op=pref-filters&method=edit&id=" + encodeURIComponent(id); - - if (dijit.byId("feedEditDlg")) - dijit.byId("feedEditDlg").destroyRecursive(); - - if (dijit.byId("filterEditDlg")) - dijit.byId("filterEditDlg").destroyRecursive(); - - const dialog = new dijit.Dialog({ - id: "filterEditDlg", - title: __("Edit Filter"), - test: function () { - Filters.editFilterTest(dojo.formToObject("filter_edit_form")); - }, - selectRules: function (select) { - Lists.select("filterDlg_Matches", select); - }, - selectActions: function (select) { - Lists.select("filterDlg_Actions", select); - }, - editRule: function (e) { - const li = e.parentNode; - const rule = li.getElementsByTagName("INPUT")[1].value; - Filters.addFilterRule(li, rule); - }, - editAction: function (e) { - const li = e.parentNode; - const action = li.getElementsByTagName("INPUT")[1].value; - Filters.addFilterAction(li, action); - }, - removeFilter: function () { - const msg = __("Remove filter?"); - - if (confirm(msg)) { - this.hide(); - - Notify.progress("Removing filter..."); - - const query = {op: "pref-filters", method: "remove", ids: this.attr('value').id}; - - xhrPost("backend.php", query, () => { - dijit.byId("filterTree").reload(); - }); - } - }, - addAction: function () { - Filters.addFilterAction(); - }, - addRule: function () { - Filters.addFilterRule(); - }, - deleteAction: function () { - $$("#filterDlg_Actions li[class*=Selected]").each(function (e) { - e.parentNode.removeChild(e) - }); - }, - deleteRule: function () { - $$("#filterDlg_Matches li[class*=Selected]").each(function (e) { - e.parentNode.removeChild(e) - }); - }, - execute: function () { - if (this.validate()) { - - Notify.progress("Saving data...", true); - - xhrPost("backend.php", dojo.formToObject("filter_edit_form"), () => { - dialog.hide(); - dijit.byId("filterTree").reload(); - }); - } - }, - href: query - }); - - dialog.show(); - }, removeSelectedFilters: function() { const sel_rows = this.getSelectedFilters(); diff --git a/js/PrefLabelTree.js b/js/PrefLabelTree.js index 624b197b4..857adfb24 100644 --- a/js/PrefLabelTree.js +++ b/js/PrefLabelTree.js @@ -96,7 +96,8 @@ define(["dojo/_base/declare", "dojo/dom-construct", "lib/CheckBoxTree", "dijit/f }; xhrPost("backend.php", query, () => { - dijit.byId("filterTree").reload(); // maybe there's labels in there + const tree = dijit.byId("filterTree"); + if (tree) tree.reload(); // maybe there's labels in there }); }, @@ -111,7 +112,8 @@ define(["dojo/_base/declare", "dojo/dom-construct", "lib/CheckBoxTree", "dijit/f this.hide(); xhrPost("backend.php", this.attr('value'), () => { - dijit.byId("filterTree").reload(); // maybe there's labels in there + const tree = dijit.byId("filterTree"); + if (tree) tree.reload(); // maybe there's labels in there }); } },