Improve handling of settings levels

Signed-off-by: DL6ER <dl6er@dl6er.de>

scripts/pi-hole/lua/sidebar.lp

@@ -158,21 +158,21 @@
                                 <i class="fa-fw menu-icon fa-solid fa-binoculars"></i> <span>Privacy</span>
                             </a>
                         </li>
-                        <li class="<? if scriptname == 'settings-advanced.lp' then ?> active<? end ?> settings-level-2">
-                            <a href="settings-advanced.lp">
-                                <i class="fa-fw menu-icon fa-solid fa-pen-to-square"></i> <span>Advanced</span>
-                            </a>
-                        </li>
                         <li class="<? if scriptname == 'settings-teleporter.lp' then ?> active<? end ?>">
                             <a href="settings-teleporter.lp">
                                 <i class="fa-fw menu-icon fa-solid fa-file-export"></i> <span>Teleporter</span>
                             </a>
                         </li>
-                        <li class="<? if scriptname == 'settings-dns-records.lp' then ?> active<? end ?>">
+                        <li class="<? if scriptname == 'settings-dns-records.lp' then ?> active<? end ?> settings-level-1">
                             <a href="settings-dns-records.lp">
                                 <i class="fa-fw menu-icon fa-solid fa-address-book"></i> <span>Local DNS Records</span>
                             </a>
                         </li>
+                        <li class="<? if scriptname == 'settings-advanced.lp' then ?> active<? end ?> settings-level-2">
+                            <a href="settings-advanced.lp">
+                                <i class="fa-fw menu-icon fa-solid fa-pen-to-square"></i> <span>All settings</span>
+                            </a>
+                        </li>
                     </ul>
                 </li>
                 <!-- Tools -->

settings-advanced.lp

@@ -9,7 +9,7 @@
 
 mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
 ?>
-<div class="row" id="advanced-content">
+<div class="row settings-level-2" id="advanced-content">
     <!-- dynamically filled with content -->
     <div class="overlay" id="advanced-overlay">
         <i class="fa fa-sync fa-spin"></i>

settings-dhcp.lp

@@ -11,7 +11,7 @@ mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
 ?>
 <div class="row">
     <!-- DHCP Settings Box -->
-    <div class="col-md-6">
+    <div class="col-md-6 settings-level-0">
         <div class="box box-warning">
             <div class="box-header with-border">
                 <h3 class="box-title">DHCP Settings</h3>
@@ -64,7 +64,7 @@ mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
             </div>
         </div>
     </div>
-    <div class="col-md-6">
+    <div class="col-md-6 settings-level-1">
         <div class="box box-warning">
             <div class="box-header with-border">
                 <h3 class="box-title">Advanced DHCP Settings</h3>
@@ -139,7 +139,7 @@ mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
             </div>
         </div>
     </div>
-    <div class="col-md-12 settings-level-1">
+    <div class="col-md-12 settings-level-2">
         <div class="box box-warning">
             <div class="box-header with-border">
                 <h3 class="box-title">Static DHCP configuration&nbsp;&nbsp;<i class="fas fa-wrench" title="This is an advanced-level setting"></i></h3>

settings-dns-records.lp

@@ -10,7 +10,7 @@
 mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
 ?>
 <div class="row">
-    <div class="col-md-6">
+    <div class="col-md-6 settings-level-1">
         <div class="box">
             <div class="box-header with-border">
                 <h3 class="box-title">Local DNS records</h3>
@@ -69,7 +69,7 @@ mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
             </div>
         </div>
     </div>
-    <div class="col-md-6">
+    <div class="col-md-6 settings-level-1">
         <div class="box">
             <div class="box-header with-border">
                 <h3 class="box-title">Local CNAME records records</h3>

settings-dns.lp

@@ -206,7 +206,7 @@ mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
                 </div>
             </div>
         </div>
-        <div class="box box-warning settings-level-1">
+        <div class="box box-warning settings-level-2">
             <div class="box-header with-border">
                 <h3 class="box-title">Rate-limiting&nbsp;&nbsp;<i class="fas fa-wrench" title="This is an advanced-level setting"></i></h3>
             </div>

settings-privacy.lp

@@ -10,7 +10,7 @@
 mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
 ?>
 <div class="row">
-    <div class="col-md-6">
+    <div class="col-md-6 settings-level-0">
         <div class="row">
             <div class="col-md-12">
                 <div class="box box-warning">
@@ -30,7 +30,7 @@ mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
                     </div>
                 </div>
             </div>
-            <div class="col-md-12">
+            <div class="col-md-12 settings-level-2">
                 <div class="box box-warning">
                     <div class="box-header with-border">
                         <h3 class="box-title">Privacy-related database settings</h3>
@@ -63,7 +63,7 @@ mg.include('scripts/pi-hole/lua/header_authenticated.lp','r')
             </div>
         </div>
     </div>
-    <div class="col-md-6">
+    <div class="col-md-6 settings-level-1">
         <div class="box box-warning">
             <div class="box-header with-border">
                 <h3 class="box-title">Query Anonymization ("Privacy Level")</h3>

style/pi-hole.css

@@ -1115,3 +1115,15 @@ table.dataTable tbody > tr > .selected {
   bottom: 2%;
   right: 2%;
 }
+
+.settings-level-0 {
+  display: none;
+}
+
+.settings-level-1 {
+  display: none;
+}
+
+.settings-level-2 {
+  display: none;
+}