network.php

<?php /*
*    Pi-hole: A black hole for Internet advertisements
*    (c) 2017 Pi-hole, LLC (https://pi-hole.net)
*    Network-wide ad blocking via your own hardware.
*
*    This file is copyright under the latest version of the EUPL.
*    Please see LICENSE file for your rights under this license. */
    require "scripts/pi-hole/php/header.php";
?>

<div class="row">
    <div class="col-md-12">
      <div class="box" id="network-details">
        <div class="box-header with-border">
          <h3 class="box-title">Network overview</h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            <table id="network-entries" class="table table-striped table-bordered" width="100%">
                <thead>
                    <tr>
                        <th>ID</th>
                        <th>IP address</th>
                        <th>Hardware address</th>
                        <th>Interface</th>
                        <th>Hostname</th>
                        <th>First seen</th>
                        <th>Last Query</th>
                        <th>Number of queries</th>
                        <th>Uses Pi-hole</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <th>ID</th>
                        <th>IP address</th>
                        <th>Hardware address</th>
                        <th>Interface</th>
                        <th>Hostname</th>
                        <th>First seen</th>
                        <th>Last Query</th>
                        <th>Number of queries</th>
                        <th>Uses Pi-hole</th>
                        <th>Action</th>
                    </tr>
                </tfoot>
            </table>
            <label>Background color: Last query from this device seen ...</label>
        <table width="100%">
          <tr class="text-center">
            <td class="network-recent" width="15%">just now</td>
            <td class="network-gradient" width="30%">... to ...</td>
            <td class="network-old" width="15%">24 hours ago</td>
            <td class="network-older" width="20%">&gt; 24 hours ago</td>
            <td class="network-never" width="20%">Device does not use Pi-hole</td>
          </tr>
        </table>
        </div>
        <!-- /.box-body -->
      </div>
      <!-- /.box -->
    </div>
</div>
<!-- /.row -->

<script src="scripts/pi-hole/js/ip-address-sorting.js?v=<?=$cacheVer?>"></script>
<script src="scripts/pi-hole/js/network.js?v=<?=$cacheVer?>"></script>

<?php
    require "scripts/pi-hole/php/footer.php";
?>