sidebar: move active class outside of class attribute conditional (#3492)

This commit is contained in:
yubiuser
2025-05-27 19:52:45 +02:00
committed by GitHub

View File

@@ -85,7 +85,6 @@
</li> </li>
<li class="header text-uppercase">DNS Control</li> <li class="header text-uppercase">DNS Control</li>
<!-- Local DNS Records -->
<!-- Enable/Disable Blocking --> <!-- Enable/Disable Blocking -->
<li id="pihole-disable" class="menu-dns treeview"> <li id="pihole-disable" class="menu-dns treeview">
<a href="<?=webhome?>#"> <a href="<?=webhome?>#">
@@ -133,7 +132,7 @@
</li> </li>
<li class="header text-uppercase">System</li> <li class="header text-uppercase">System</li>
<!-- Settings --> <!-- Settings -->
<li class="menu-system treeview <? if startsWith(scriptname, 'settings/') then ?> active<? end ?>"> <li class="menu-system treeview<? if startsWith(scriptname, 'settings/') then ?> active<? end ?>">
<a href="<?=webhome?>#"> <a href="<?=webhome?>#">
<i class="fa fa-fw menu-icon fa-cogs"></i> <span>Settings</span> <i class="fa fa-fw menu-icon fa-cogs"></i> <span>Settings</span>
<span class="pull-right-container"> <span class="pull-right-container">
@@ -141,42 +140,42 @@
</span> </span>
</a> </a>
<ul class="treeview-menu"> <ul class="treeview-menu">
<li class="<? if scriptname == 'settings/system' then ?> active<? end ?>"> <li<? if scriptname == 'settings/system' then ?> class="active"<? end ?>>
<a href="<?=webhome?>settings/system"> <a href="<?=webhome?>settings/system">
<i class="fa-fw menu-icon fa-solid fa-circle-info"></i> <span>System</span> <i class="fa-fw menu-icon fa-solid fa-circle-info"></i> <span>System</span>
</a> </a>
</li> </li>
<li class="<? if scriptname == 'settings/dns' then ?> active<? end ?>"> <li<? if scriptname == 'settings/dns' then ?> class="active"<? end ?>>
<a href="<?=webhome?>settings/dns"> <a href="<?=webhome?>settings/dns">
<i class="fa-fw menu-icon fa-solid fa-book-atlas"></i> <span>DNS</span> <i class="fa-fw menu-icon fa-solid fa-book-atlas"></i> <span>DNS</span>
</a> </a>
</li> </li>
<li class="<? if scriptname == 'settings/dhcp' then ?> active<? end ?>"> <li<? if scriptname == 'settings/dhcp' then ?> class="active"<? end ?>>
<a href="<?=webhome?>settings/dhcp"> <a href="<?=webhome?>settings/dhcp">
<i class="fa-fw menu-icon fa-solid fa-sitemap"></i> <span>DHCP</span> <i class="fa-fw menu-icon fa-solid fa-sitemap"></i> <span>DHCP</span>
</a> </a>
</li> </li>
<li class="<? if scriptname == 'settings/api' then ?> active<? end ?>"> <li<? if scriptname == 'settings/api' then ?> class="active"<? end ?>>
<a href="<?=webhome?>settings/api"> <a href="<?=webhome?>settings/api">
<i class="fa-fw menu-icon fa-solid fa-window-restore"></i> <span>Web interface / API</span> <i class="fa-fw menu-icon fa-solid fa-window-restore"></i> <span>Web interface / API</span>
</a> </a>
</li> </li>
<li class="<? if scriptname == 'settings/privacy' then ?> active<? end ?>"> <li<? if scriptname == 'settings/privacy' then ?> class="active"<? end ?>>
<a href="<?=webhome?>settings/privacy"> <a href="<?=webhome?>settings/privacy">
<i class="fa-fw menu-icon fa-solid fa-binoculars"></i> <span>Privacy</span> <i class="fa-fw menu-icon fa-solid fa-binoculars"></i> <span>Privacy</span>
</a> </a>
</li> </li>
<li class="<? if scriptname == 'settings/teleporter' then ?> active<? end ?>"> <li<? if scriptname == 'settings/teleporter' then ?> class="active"<? end ?>>
<a href="<?=webhome?>settings/teleporter"> <a href="<?=webhome?>settings/teleporter">
<i class="fa-fw menu-icon fa-solid fa-file-export"></i> <span>Teleporter</span> <i class="fa-fw menu-icon fa-solid fa-file-export"></i> <span>Teleporter</span>
</a> </a>
</li> </li>
<li class="<? if scriptname == 'settings/dnsrecords' then ?> active<? end ?>"> <li<? if scriptname == 'settings/dnsrecords' then ?> class="active"<? end ?>>
<a href="<?=webhome?>settings/dnsrecords"> <a href="<?=webhome?>settings/dnsrecords">
<i class="fa-fw menu-icon fa-solid fa-address-book"></i> <span>Local DNS Records</span> <i class="fa-fw menu-icon fa-solid fa-address-book"></i> <span>Local DNS Records</span>
</a> </a>
</li> </li>
<li class="<? if scriptname == 'settings/all' then ?> active<? end ?> settings-level-expert"> <li class="settings-level-expert<? if scriptname == 'settings/all' then ?> active<? end ?>">
<a href="<?=webhome?>settings/all"> <a href="<?=webhome?>settings/all">
<i class="fa-fw menu-icon fa-solid fa-pen-to-square"></i> <span>All settings</span> <i class="fa-fw menu-icon fa-solid fa-pen-to-square"></i> <span>All settings</span>
</a> </a>
@@ -194,14 +193,14 @@
</a> </a>
<ul class="treeview-menu"> <ul class="treeview-menu">
<!-- Pi-hole diagnosis --> <!-- Pi-hole diagnosis -->
<li class="<? if scriptname == 'messages' then ?> active<? end ?>"> <li<? if scriptname == 'messages' then ?> class="active"<? end ?>>
<a href="<?=webhome?>messages"> <a href="<?=webhome?>messages">
<i class="fa fa-fw menu-icon fa-file-medical-alt"></i> <span>Pi-hole diagnosis</span> <i class="fa fa-fw menu-icon fa-file-medical-alt"></i> <span>Pi-hole diagnosis</span>
<span class="pull-right-container warning-count hidden"></span> <span class="pull-right-container warning-count hidden"></span>
</a> </a>
</li> </li>
<!-- Tail log files --> <!-- Tail log files -->
<li class="treeview <? if scriptname == 'taillog' then ?> active<? end ?>"> <li class="treeview<? if scriptname == 'taillog' then ?> active<? end ?>">
<a href="<?=webhome?>#"> <a href="<?=webhome?>#">
<i class="fa-fw menu-icon fa-solid fa-list-ul"></i> <span>Tail log files</span> <i class="fa-fw menu-icon fa-solid fa-list-ul"></i> <span>Tail log files</span>
<span class="pull-right-container"> <span class="pull-right-container">
@@ -210,45 +209,45 @@
</a> </a>
<ul class="treeview-menu"> <ul class="treeview-menu">
<!-- Tail pihole.log --> <!-- Tail pihole.log -->
<li class="<? if scriptname == 'taillog' and GET("file") == "dnsmasq" then ?> active<? end ?>"> <li<? if scriptname == 'taillog' and GET("file") == "dnsmasq" then ?> class="active"<? end ?>>
<a href="<?=webhome?>taillog?file=dnsmasq"> <a href="<?=webhome?>taillog?file=dnsmasq">
<i class="fa-fw menu-icon fa-solid fa-list-ul"></i> pihole.log <i class="fa-fw menu-icon fa-solid fa-list-ul"></i> pihole.log
</a> </a>
</li> </li>
<!-- Tail FTL.log --> <!-- Tail FTL.log -->
<li class="<? if scriptname == 'taillog' and GET("file") == "ftl" then ?> active<? end ?>"> <li<? if scriptname == 'taillog' and GET("file") == "ftl" then ?> class="active"<? end ?>>
<a href="<?=webhome?>taillog?file=ftl"> <a href="<?=webhome?>taillog?file=ftl">
<i class="fa-fw menu-icon fa-solid fa-list-ul"></i> FTL.log <i class="fa-fw menu-icon fa-solid fa-list-ul"></i> FTL.log
</a> </a>
</li> </li>
<!-- Tail webserver.log --> <!-- Tail webserver.log -->
<li class="<? if scriptname == 'taillog' and GET("file") == "webserver" then ?> active<? end ?>"> <li<? if scriptname == 'taillog' and GET("file") == "webserver" then ?> class="active"<? end ?>>
<a href="<?=webhome?>taillog?file=webserver"> <a href="<?=webhome?>taillog?file=webserver">
<i class="fa-fw menu-icon fa-solid fa-list-ul"></i> webserver.log <i class="fa-fw menu-icon fa-solid fa-list-ul"></i> webserver.log
</a> </a>
</li> </li>
</ul> </ul>
</li> </li>
<!-- Run gravity.sh --> <!-- Update Gravity -->
<li class="<? if scriptname == 'gravity' then ?> active<? end ?>"> <li<? if scriptname == 'gravity' then ?> class="active"<? end ?>>
<a href="<?=webhome?>gravity"> <a href="<?=webhome?>gravity">
<i class="fa fa-fw menu-icon fa-arrow-circle-down"></i> <span>Update Gravity</span> <i class="fa fa-fw menu-icon fa-arrow-circle-down"></i> <span>Update Gravity</span>
</a> </a>
</li> </li>
<!-- Query Lists --> <!-- Query Lists -->
<li class="<? if scriptname == 'search' then ?> active<? end ?>"> <li<? if scriptname == 'search' then ?> class="active"<? end ?>>
<a href="<?=webhome?>search"> <a href="<?=webhome?>search">
<i class="fa fa-fw menu-icon fa-search"></i> <span>Search Lists</span> <i class="fa fa-fw menu-icon fa-search"></i> <span>Search Lists</span>
</a> </a>
</li> </li>
<!-- Interfaces --> <!-- Interfaces -->
<li class="<? if scriptname == 'interfaces' then ?> active<? end ?>"> <li<? if scriptname == 'interfaces' then ?> class="active"<? end ?>>
<a href="<?=webhome?>interfaces"> <a href="<?=webhome?>interfaces">
<i class="fa fa-fw menu-icon fa-wifi"></i> <span>Interfaces</span> <i class="fa fa-fw menu-icon fa-wifi"></i> <span>Interfaces</span>
</a> </a>
</li> </li>
<!-- Network --> <!-- Network -->
<li class="<? if scriptname == 'network' then ?> active<? end ?>"> <li<? if scriptname == 'network' then ?> class="active"<? end ?>>
<a href="<?=webhome?>network"> <a href="<?=webhome?>network">
<i class="fa fa-fw menu-icon fa-network-wired"></i> <span>Network</span> <i class="fa fa-fw menu-icon fa-network-wired"></i> <span>Network</span>
</a> </a>