mirror of
https://github.com/pi-hole/web.git
synced 2025-12-26 05:26:19 +00:00
c74162ee47
- change HTML header code - add new class to Pi-hole logo - add new classes to auditlog buttons - add new classes to query log and long-term query log buttons Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
283 lines
15 KiB
PHP
283 lines
15 KiB
PHP
<!-- Left side column. contains the logo and sidebar -->
|
|
<aside class="main-sidebar">
|
|
<!-- sidebar: style can be found in sidebar.less -->
|
|
<section class="sidebar">
|
|
<!-- Sidebar user panel -->
|
|
<div class="user-panel">
|
|
<div class="pull-left image">
|
|
<img class="logo-img" src="img/logo.svg" alt="Pi-hole logo">
|
|
</div>
|
|
<div class="pull-left info">
|
|
<p>Status</p>
|
|
<?php
|
|
$pistatus = piholeStatus();
|
|
if ($pistatus == 53) {
|
|
echo '<span id="status"><i class="fa fa-w fa-circle text-green-light"></i> Active</span>';
|
|
} elseif ($pistatus == 0) {
|
|
echo '<span id="status"><i class="fa fa-w fa-circle text-red"></i> Blocking disabled</span>';
|
|
} elseif ($pistatus == -1) {
|
|
echo '<span id="status"><i class="fa fa-w fa-circle text-red"></i> DNS service not running</span>';
|
|
} elseif ($pistatus == -2) {
|
|
echo '<span id="status"><i class="fa fa-w fa-circle text-red"></i> Unknown</span>';
|
|
} else {
|
|
echo '<span id="status"><i class="fa fa-w fa-circle text-orange"></i> DNS service on port '.$pistatus.'</span>';
|
|
}
|
|
?>
|
|
<br/>
|
|
<?php
|
|
echo '<span title="Detected '.$nproc.' cores"><i class="fa fa-w fa-circle ';
|
|
if ($loaddata[0] > $nproc) {
|
|
echo 'text-red';
|
|
} else {
|
|
echo 'text-green-light';
|
|
}
|
|
echo '"></i> Load: '.$loaddata[0].' '.$loaddata[1].' '.$loaddata[2].'</span>';
|
|
?>
|
|
<br/>
|
|
<?php
|
|
echo '<span><i class="fa fa-w fa-circle ';
|
|
if ($memory_usage > 0.75 || $memory_usage < 0.0) {
|
|
echo 'text-red';
|
|
} else {
|
|
echo 'text-green-light';
|
|
}
|
|
if ($memory_usage > 0.0) {
|
|
echo '"></i> Memory usage: '.sprintf('%.1f', 100.0 * $memory_usage).' %</span>';
|
|
} else {
|
|
echo '"></i> Memory usage: N/A</span>';
|
|
}
|
|
?>
|
|
<br/>
|
|
<?php
|
|
if ($celsius >= -273.15) {
|
|
// Only show temp info if any data is available -->
|
|
$tempcolor = 'text-vivid-blue';
|
|
if (isset($temperaturelimit) && $celsius > $temperaturelimit) {
|
|
$tempcolor = 'text-red';
|
|
}
|
|
echo '<span id="temperature"><i class="fa fa-w fa-fire '.$tempcolor.'" style="width: 1em !important"></i> ';
|
|
echo 'Temp: <span id="rawtemp" hidden>'.$celsius.'</span>';
|
|
echo '<span id="tempunit" hidden>'.$temperatureunit.'</span>';
|
|
echo '<span id="tempdisplay"></span></span>';
|
|
}
|
|
?>
|
|
</div>
|
|
</div>
|
|
<!-- sidebar menu: : style can be found in sidebar.less -->
|
|
<ul class="sidebar-menu" data-widget="tree">
|
|
<li class="header text-uppercase">Main</li>
|
|
<!-- Home Page -->
|
|
<li class="menu-main<?php if ($scriptname === 'index.php') { ?> active<?php } ?>">
|
|
<a href="index.php">
|
|
<i class="fa fa-fw menu-icon fa-home"></i> <span>Dashboard</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="header text-uppercase">Analysis</li>
|
|
<!-- Query Log -->
|
|
<li class="menu-analysis<?php if ($scriptname === 'queries.php') { ?> active<?php } ?>">
|
|
<a href="queries.php">
|
|
<i class="fa fa-fw menu-icon fa-file-alt"></i> <span>Query Log</span>
|
|
</a>
|
|
</li>
|
|
<!-- Long-term database -->
|
|
<li class="menu-analysis treeview<?php if ($scriptname === 'db_queries.php' || $scriptname === 'db_lists.php' || $scriptname === 'db_graph.php') { ?> active<?php } ?>">
|
|
<a href="#">
|
|
<i class="fa fa-fw menu-icon fa-history"></i> <span>Long-term Data</span>
|
|
<span class="pull-right-container">
|
|
<i class="fa fa-angle-left pull-right"></i>
|
|
</span>
|
|
</a>
|
|
<ul class="treeview-menu">
|
|
<li class="<?php if ($scriptname === 'db_graph.php') { ?> active<?php } ?>">
|
|
<a href="db_graph.php">
|
|
<i class="fa fa-fw menu-icon fa-chart-bar"></i> Graphics
|
|
</a>
|
|
</li>
|
|
<li class="<?php if ($scriptname === 'db_queries.php') { ?> active<?php } ?>">
|
|
<a href="db_queries.php">
|
|
<i class="fa fa-fw menu-icon fa-file-alt"></i> Query Log
|
|
</a>
|
|
</li>
|
|
<li class="<?php if ($scriptname === 'db_lists.php') { ?> active<?php } ?>">
|
|
<a href="db_lists.php">
|
|
<i class="fa fa-fw menu-icon fa-list"></i> Top Lists
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="header text-uppercase">Group Management</li>
|
|
<!-- Group Management -->
|
|
<li class="menu-group<?php if ($scriptname === 'groups.php') { ?> active<?php } ?>">
|
|
<a href="groups.php">
|
|
<i class="fa fa-fw menu-icon fa-user-friends"></i> <span>Groups</span>
|
|
</a>
|
|
</li>
|
|
<li class="menu-group<?php if ($scriptname === 'groups-clients.php') { ?> active<?php } ?>">
|
|
<a href="groups-clients.php">
|
|
<i class="fa fa-fw menu-icon fa-laptop"></i> <span>Clients</span>
|
|
</a>
|
|
</li>
|
|
<li class="menu-group<?php if ($scriptname === 'groups-domains.php') { ?> active<?php } ?>">
|
|
<a href="groups-domains.php">
|
|
<i class="fa fa-fw menu-icon fa-list"></i> <span>Domains</span>
|
|
</a>
|
|
</li>
|
|
<li class="menu-group<?php if ($scriptname === 'groups-adlists.php') { ?> active<?php } ?>">
|
|
<a href="groups-adlists.php">
|
|
<i class="fa fa-fw menu-icon fa-shield-alt"></i> <span>Adlists</span>
|
|
</a>
|
|
</li>
|
|
|
|
<li class="header text-uppercase">DNS Control</li>
|
|
<!-- Local DNS Records -->
|
|
<!-- Enable/Disable Blocking -->
|
|
<li id="pihole-disable" class="menu-dns treeview"<?php if ($pistatus == '0') { ?> hidden<?php } ?>>
|
|
<a href="#">
|
|
<i class="fa fa-fw menu-icon fa-stop"></i> <span>Disable Blocking <span id="flip-status-disable"></span></span>
|
|
<span class="pull-right-container">
|
|
<i class="fa fa-angle-left pull-right"></i>
|
|
</span>
|
|
</a>
|
|
<ul class="treeview-menu">
|
|
<li>
|
|
<a href="#" id="pihole-disable-indefinitely">
|
|
<i class="fa fa-fw menu-icon fa-infinity"></i> Indefinitely
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" id="pihole-disable-10s">
|
|
<i class="fa fa-fw menu-icon fa-clock"></i> For 10 seconds
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" id="pihole-disable-30s">
|
|
<i class="fa fa-fw menu-icon fa-clock"></i> For 30 seconds
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" id="pihole-disable-5m">
|
|
<i class="fa fa-fw menu-icon fas fa-clock"></i> For 5 minutes
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" id="pihole-disable-cst" data-toggle="modal" data-target="#customDisableModal">
|
|
<i class="fa fa-fw menu-icon fa-user-clock"></i> Custom time
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<!-- <a href="#" id="flip-status"><i class="fa fa-stop"></i> <span>Disable</span></a> -->
|
|
</li>
|
|
<li id="pihole-enable" class="menu-dns treeview"<?php if (!in_array($pistatus, array('0', '-1', '-2'))) { ?> hidden<?php } ?>>
|
|
<a href="#">
|
|
<i class="fa fa-fw menu-icon fa-play"></i>
|
|
<span id="enableLabel">Enable Blocking
|
|
<span id="flip-status-enable"></span>
|
|
</span>
|
|
</a>
|
|
</li>
|
|
<li class="menu-dns treeview <?php if (in_array($scriptname, array('dns_records.php', 'cname_records.php'))) { ?>active<?php } ?>">
|
|
<a href="#">
|
|
<i class="fa fa-fw menu-icon fa-address-book"></i> <span>Local DNS</span>
|
|
<span class="pull-right-container">
|
|
<i class="fa fa-angle-left pull-right"></i>
|
|
</span>
|
|
</a>
|
|
<ul class="treeview-menu">
|
|
<li class="<?php if ($scriptname === 'dns_records.php') { ?> active<?php } ?>">
|
|
<a href="dns_records.php">
|
|
<i class="fa fa-fw menu-icon fa-address-book"></i> DNS Records
|
|
</a>
|
|
</li>
|
|
<li class="<?php if ($scriptname === 'cname_records.php') { ?> active<?php } ?>">
|
|
<a href="cname_records.php">
|
|
<i class="fa fa-fw menu-icon fa-address-book"></i> CNAME Records
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
|
|
<li class="header text-uppercase">System</li>
|
|
<!-- Tools -->
|
|
<li class="menu-system treeview<?php if (in_array($scriptname, array('messages.php', 'gravity.php', 'queryads.php', 'auditlog.php', 'taillog.php', 'taillog-FTL.php', 'debug.php', 'network.php'))) { ?> active<?php } ?>">
|
|
<a href="#">
|
|
<i class="fa fa-fw menu-icon fa-tools"></i> <span>Tools</span>
|
|
<span class="warning-count hidden"></span>
|
|
<span class="pull-right-container">
|
|
<i class="fa fa-angle-left pull-right"></i>
|
|
</span>
|
|
</a>
|
|
<ul class="treeview-menu">
|
|
<!-- Pi-hole diagnosis -->
|
|
<li class="<?php if ($scriptname === 'messages.php') { ?> active<?php } ?>">
|
|
<a href="messages.php">
|
|
<i class="fa fa-fw menu-icon fa-file-medical-alt"></i> Pi-hole diagnosis
|
|
<span class="pull-right-container warning-count hidden"></span>
|
|
</a>
|
|
</li>
|
|
<!-- Run gravity.sh -->
|
|
<li class="<?php if ($scriptname === 'gravity.php') { ?> active<?php } ?>">
|
|
<a href="gravity.php">
|
|
<i class="fa fa-fw menu-icon fa-arrow-circle-down"></i> Update Gravity
|
|
</a>
|
|
</li>
|
|
<!-- Query Lists -->
|
|
<li class="<?php if ($scriptname === 'queryads.php') { ?> active<?php } ?>">
|
|
<a href="queryads.php">
|
|
<i class="fa fa-fw menu-icon fa-search"></i> Search Adlists
|
|
</a>
|
|
</li>
|
|
<!-- Audit log -->
|
|
<li class="<?php if ($scriptname === 'auditlog.php') { ?> active<?php } ?>">
|
|
<a href="auditlog.php">
|
|
<i class="fa fa-fw menu-icon fa-balance-scale"></i> Audit log
|
|
</a>
|
|
</li>
|
|
<!-- Tail pihole.log -->
|
|
<li class="<?php if ($scriptname === 'taillog.php') { ?> active<?php } ?>">
|
|
<a href="taillog.php">
|
|
<svg class="svg-inline--fa fa-fw menu-icon" style="height: 1.25em"><use xlink:href="img/pihole_icon.svg#pihole-svg-logo"/></svg>
|
|
Tail pihole.log
|
|
</a>
|
|
</li>
|
|
<!-- Tail FTL.log -->
|
|
<li class="<?php if ($scriptname === 'taillog-FTL.php') { ?> active<?php } ?>">
|
|
<a href="taillog-FTL.php">
|
|
<svg class="svg-inline--fa fa-fw menu-icon" style="height: 1.25em"><use xlink:href="img/pihole_icon.svg#pihole-svg-logo"/></svg>
|
|
Tail FTL.log
|
|
</a>
|
|
</li>
|
|
<!-- Generate debug log -->
|
|
<li class="<?php if ($scriptname === 'debug.php') { ?> active<?php } ?>">
|
|
<a href="debug.php">
|
|
<i class="fa fa-fw menu-icon fa-ambulance"></i> Generate debug log
|
|
</a>
|
|
</li>
|
|
<!-- Network -->
|
|
<li class="<?php if ($scriptname === 'network.php') { ?> active<?php } ?>">
|
|
<a href="network.php">
|
|
<i class="fa fa-fw menu-icon fa-network-wired"></i> Network
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<!-- Settings -->
|
|
<li class="menu-system<?php if ($scriptname === 'settings.php') { ?> active<?php } ?>">
|
|
<a href="settings.php">
|
|
<i class="fa fa-fw menu-icon fa-cog"></i> <span>Settings</span>
|
|
</a>
|
|
</li>
|
|
|
|
<!-- Donate button -->
|
|
<li class="header text-uppercase">Donate</li>
|
|
<li class="menu-donate">
|
|
<a href="https://pi-hole.net/donate/" target="_blank">
|
|
<i class="fas fa-fw menu-icon fa-donate"></i> <span>Donate</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
<!-- /.sidebar -->
|
|
</aside>
|