pref-filters: add a button to hide or show rules in the filter list

classes/pref/filters.php

@@ -684,10 +684,12 @@ class Pref_Filters extends Handler_Protected {
 						<?= __('Create filter') ?></button>
 					<button dojoType="dijit.form.Button" onclick="return dijit.byId('filterTree').joinSelectedFilters()">
 						<?= __('Combine') ?></button>
-					<button dojoType="dijit.form.Button" onclick="return dijit.byId('filterTree').resetFilterOrder()">
-						<?= __('Reset sort order') ?></button>
 					<button dojoType="dijit.form.Button" onclick="return dijit.byId('filterTree').removeSelectedFilters()">
 						<?= __('Remove') ?></button>
+					<button dojoType="dijit.form.Button" onclick="return dijit.byId('filterTree').resetFilterOrder()">
+						<?= __('Reset sort order') ?></button>
+					<button dojoType="dijit.form.Button" onclick="return dijit.byId('filterTree').toggleRules()">
+						<?= __('Toggle rule display') ?></button>
 
 				</div>
 			</div>

js/PrefFilterTree.js

@@ -4,6 +4,13 @@
 define(["dojo/_base/declare", "dojo/dom-construct", "lib/CheckBoxTree"], function (declare, domConstruct) {
 
 	return declare("fox.PrefFilterTree", lib.CheckBoxTree, {
+		postCreate: function() {
+			this.inherited(arguments);
+
+			dijit.byId('filterTree').hideOrShowFilterRules(
+				parseInt(localStorage.getItem("ttrss:hide-filter-rules"))
+			);
+		},
 		_createTreeNode: function(args) {
 			const tnode = this.inherited(arguments);
 
@@ -96,6 +103,16 @@ define(["dojo/_base/declare", "dojo/dom-construct", "lib/CheckBoxTree"], functio
 				Notify.close();
 			});
 		},
+		hideOrShowFilterRules(hide) {
+			App.findAll("body")[0].setAttribute("hide-filter-rules", !!hide);
+		},
+		toggleRules: function() {
+			const hide = !parseInt(localStorage.getItem("ttrss:hide-filter-rules"));
+
+			this.hideOrShowFilterRules(hide);
+
+			localStorage.setItem("ttrss:hide-filter-rules", hide ? 1 : 0);
+		},
 		resetFilterOrder: function() {
 			Notify.progress("Loading, please wait...");
 

themes/compact.css

@@ -1728,6 +1728,9 @@ body.ttrss_utility fieldset > label.checkbox {
   display: inline;
   font-weight: normal;
 }
+body.ttrss_prefs[hide-filter-rules="true"] ul.filterRules {
+  display: none;
+}
 body.ttrss_utility.sanity_failed {
   background: #900;
 }

themes/compact_night.css

@@ -1728,6 +1728,9 @@ body.ttrss_utility fieldset > label.checkbox {
   display: inline;
   font-weight: normal;
 }
+body.ttrss_prefs[hide-filter-rules="true"] ul.filterRules {
+  display: none;
+}
 .flat {
   /*#feedTree {
 		.dijitTreeContent .dijitInline {

themes/light-high-contrast.css

@@ -1728,6 +1728,9 @@ body.ttrss_utility fieldset > label.checkbox {
   display: inline;
   font-weight: normal;
 }
+body.ttrss_prefs[hide-filter-rules="true"] ul.filterRules {
+  display: none;
+}
 body.ttrss_utility.sanity_failed {
   background: #900;
 }

themes/light.css

@@ -1728,6 +1728,9 @@ body.ttrss_utility fieldset > label.checkbox {
   display: inline;
   font-weight: normal;
 }
+body.ttrss_prefs[hide-filter-rules="true"] ul.filterRules {
+  display: none;
+}
 body.ttrss_utility.sanity_failed {
   background: #900;
 }

themes/light/prefs.less

@@ -300,3 +300,9 @@ body.ttrss_utility {
 		font-weight : normal;
 	}
 }
+
+body.ttrss_prefs[hide-filter-rules="true"] {
+	ul.filterRules {
+		display : none;
+	}
+}

themes/night.css

@@ -1729,6 +1729,9 @@ body.ttrss_utility fieldset > label.checkbox {
   display: inline;
   font-weight: normal;
 }
+body.ttrss_prefs[hide-filter-rules="true"] ul.filterRules {
+  display: none;
+}
 .flat {
   /*#feedTree {
 		.dijitTreeContent .dijitInline {

themes/night_blue.css

@@ -1729,6 +1729,9 @@ body.ttrss_utility fieldset > label.checkbox {
   display: inline;
   font-weight: normal;
 }
+body.ttrss_prefs[hide-filter-rules="true"] ul.filterRules {
+  display: none;
+}
 .flat {
   /*#feedTree {
 		.dijitTreeContent .dijitInline {