Use .hidden/.show for showing/hiding the reset buttons

Signed-off-by: XhmikosR <xhmikosr@gmail.com>

dns_records.php

@@ -81,7 +81,7 @@
                     </tr>
                     </thead>
                 </table>
-                <button type="button" id="resetButton" hidden="true" class="btn btn-default btn-sm text-red">Clear Filters</button>
+                <button type="button" id="resetButton" class="btn btn-default btn-sm text-red hidden">Clear Filters</button>
             </div>
             <!-- /.box-body -->
         </div>

groups-adlists.php

@@ -65,7 +65,7 @@
                     </tr>
                     </thead>
                 </table>
-                <button type="button" id="resetButton" hidden="true" class="btn btn-default btn-sm text-red">Reset sorting</button>
+                <button type="button" id="resetButton" class="btn btn-default btn-sm text-red hidden">Reset sorting</button>
             </div>
             <!-- /.box-body -->
         </div>

groups-clients.php

@@ -66,7 +66,7 @@
                     </tr>
                     </thead>
                 </table>
-                <button type="button" id="resetButton" hidden="true" class="btn btn-default btn-sm text-red">Reset sorting</button>
+                <button type="button" id="resetButton" class="btn btn-default btn-sm text-red hidden">Reset sorting</button>
             </div>
             <!-- /.box-body -->
         </div>

groups-domains.php

@@ -131,7 +131,7 @@
                     </tr>
                     </thead>
                 </table>
-                <button type="button" id="resetButton" hidden="true" class="btn btn-default btn-sm text-red">Reset sorting</button>
+                <button type="button" id="resetButton" class="btn btn-default btn-sm text-red hidden">Reset sorting</button>
             </div>
             <!-- /.box-body -->
         </div>

groups.php

@@ -63,7 +63,7 @@
                     </tr>
                     </thead>
                 </table>
-                <button type="button" id="resetButton" hidden="true" class="btn btn-default btn-sm text-red">Reset sorting</button>
+                <button type="button" id="resetButton" class="btn btn-default btn-sm text-red hidden">Reset sorting</button>
             </div>
             <!-- /.box-body -->
         </div>

queries.php

@@ -147,7 +147,7 @@ if(strlen($showing) > 0)
                 </tfoot>
             </table>
             <label><input type="checkbox" id="autofilter">&nbsp;Apply filtering on click on Type, Domain, and Clients</label><br/>
-            <button type="button" id="resetButton" hidden="true" class="btn btn-default btn-sm text-red">Clear Filters</button>
+            <button type="button" id="resetButton" class="btn btn-default btn-sm text-red hidden">Clear Filters</button>
         </div>
         <!-- /.box-body -->
       </div>

scripts/pi-hole/js/footer.js

@@ -105,7 +105,7 @@ function checkMessages() {
 
       $("#pihole-diagnosis").prop("title", title);
       $("#pihole-diagnosis-count").text(data.message_count);
-      $("#pihole-diagnosis").removeClass("d-none");
+      $("#pihole-diagnosis").removeClass("hidden");
     }
   });
 }

scripts/pi-hole/js/groups-adlists.js

@@ -198,14 +198,14 @@ function initTable() {
   table.on("order.dt", function () {
     var order = table.order();
     if (order[0][0] !== 0 || order[0][1] !== "asc") {
-      $("#resetButton").show();
+      $("#resetButton").removeClass("hidden");
     } else {
-      $("#resetButton").hide();
+      $("#resetButton").addClass("hidden");
     }
   });
   $("#resetButton").on("click", function () {
     table.order([[0, "asc"]]).draw();
-    $("#resetButton").hide();
+    $("#resetButton").addClass("hidden");
   });
 
   // Disable autocorrect in the search box

scripts/pi-hole/js/groups-clients.js

@@ -240,14 +240,14 @@ function initTable() {
   table.on("order.dt", function () {
     var order = table.order();
     if (order[0][0] !== 0 || order[0][1] !== "asc") {
-      $("#resetButton").show();
+      $("#resetButton").removeClass("hidden");
     } else {
-      $("#resetButton").hide();
+      $("#resetButton").addClass("hidden");
     }
   });
   $("#resetButton").on("click", function () {
     table.order([[0, "asc"]]).draw();
-    $("#resetButton").hide();
+    $("#resetButton").addClass("hidden");
   });
 }
 

scripts/pi-hole/js/groups-domains.js

@@ -292,14 +292,14 @@ function initTable() {
   table.on("order.dt", function () {
     var order = table.order();
     if (order[0][0] !== 0 || order[0][1] !== "asc") {
-      $("#resetButton").show();
+      $("#resetButton").removeClass("hidden");
     } else {
-      $("#resetButton").hide();
+      $("#resetButton").addClass("hidden");
     }
   });
   $("#resetButton").on("click", function () {
     table.order([[0, "asc"]]).draw();
-    $("#resetButton").hide();
+    $("#resetButton").addClass("hidden");
   });
 }
 

scripts/pi-hole/js/groups.js

@@ -122,14 +122,14 @@ $(document).ready(function () {
   table.on("order.dt", function () {
     var order = table.order();
     if (order[0][0] !== 0 || order[0][1] !== "asc") {
-      $("#resetButton").show();
+      $("#resetButton").removeClass("hidden");
     } else {
-      $("#resetButton").hide();
+      $("#resetButton").addClass("hidden");
     }
   });
   $("#resetButton").on("click", function () {
     table.order([[0, "asc"]]).draw();
-    $("#resetButton").hide();
+    $("#resetButton").addClass("hidden");
   });
 });
 

scripts/pi-hole/js/queries.js

@@ -431,7 +431,7 @@ $(document).ready(function () {
       api.$("td:eq(1)").click(function () {
         if (autofilter()) {
           api.search(this.textContent).draw();
-          $("#resetButton").show();
+          $("#resetButton").removeClass("hidden");
         }
       });
       api.$("td:eq(1)").hover(
@@ -454,7 +454,7 @@ $(document).ready(function () {
         if (autofilter()) {
           var domain = this.textContent.split("\n")[0];
           api.search(domain).draw();
-          $("#resetButton").show();
+          $("#resetButton").removeClass("hidden");
         }
       });
       api.$("td:eq(2)").hover(
@@ -477,7 +477,7 @@ $(document).ready(function () {
       api.$("td:eq(3)").click(function () {
         if (autofilter()) {
           api.search(this.textContent).draw();
-          $("#resetButton").show();
+          $("#resetButton").removeClass("hidden");
         }
       });
       api.$("td:eq(3)").hover(
@@ -509,7 +509,7 @@ $(document).ready(function () {
 
   $("#resetButton").click(function () {
     tableApi.search("").draw();
-    $("#resetButton").hide();
+    $("#resetButton").addClass("hidden");
   });
 
   // Disable autocorrect in the search box

scripts/pi-hole/php/header.php

@@ -270,7 +270,7 @@ if($auth) {
             </a>
             <div class="navbar-custom-menu">
                 <ul class="nav navbar-nav">
-                    <li id="pihole-diagnosis" class="d-none">
+                    <li id="pihole-diagnosis" class="hidden">
                         <a href="messages.php">
                             <i class="fa fa-exclamation-triangle"></i>
                             <span class="label label-warning" id="pihole-diagnosis-count"></span>

style/pi-hole.css

@@ -276,10 +276,6 @@
 	padding: 0 12px;
 }
 
-.d-none {
-    display: none !important;
-}
-
 .user-panel > .info > span {
     padding-right: 5px;
     margin-top: 3px;