netzbeere-web/scripts/lua/sidebar.lp

<? --[[
*    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.
*/ ]]-- ?>
    <!-- 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="<?=webhome?>img/logo.svg" alt="Pi-hole logo" width="60" height="87">
                </div>
                <div class="pull-left info">
                    <p><?= i18n('shared.status') ?></p>
                    <span id="status"></span><br>
                    <span id="query_frequency"></span><br>
                    <span id="cpu"></span><br>
                    <span id="memory"></span>
                </div>
            </div>
            <!-- sidebar menu: : style can be found in sidebar.less -->
            <ul class="sidebar-menu" data-widget="tree">
                <li class="header text-uppercase"><?= i18n('sidebar.main_header') ?></li>
                <!-- Home Page -->
                <li class="menu-main<? if scriptname == 'index' or scriptname == 'index.lp' then ?> active<? end ?>">
                    <a href="<?=webhome?>?lang=<?= lang ?>">
                        <i class="fa fa-fw menu-icon fa-home"></i> <span><?= i18n('sidebar.dashboard') ?></span>
                    </a>
                </li>
                <!-- Query Log -->
                <li class="menu-analysis<? if scriptname == 'queries' then ?> active<? end ?>">
                    <a href="<?=webhome?>queries?lang=<?= lang ?>">
                        <i class="fa fa-fw menu-icon fa-file-alt"></i> <span><?= i18n('sidebar.query_log') ?></span>
                    </a>
                </li>

                <li class="header text-uppercase"><?= i18n('sidebar.group_management_header') ?></li>
                <!-- Group Management -->
                <li class="menu-group<? if scriptname == 'groups' then ?> active<? end ?>">
                    <a href="<?=webhome?>groups?lang=<?= lang ?>">
                        <i class="fa fa-fw menu-icon fa-user-friends"></i>
                        <span><?= i18n('shared.groups') ?>
                            <span class="pull-right-container">
                                <span class="label label-primary pull-right" id="num_groups" title="<?= i18n('sidebar.num_enabled_groups') ?>"></span>
                            </span>
                        </span>
                    </a>
                </li>
                <li class="menu-group<? if scriptname == 'groups/clients' then ?> active<? end ?>">
                    <a href="<?=webhome?>groups/clients?lang=<?= lang ?>">
                        <i class="fa fa-fw menu-icon fa-laptop"></i>
                        <span><?= i18n('shared.clients') ?>
                            <span class="pull-right-container">
                                <span class="label label-primary pull-right" id="num_clients" title="<?= i18n('sidebar.num_defined_clients') ?>"></span>
                            </span>
                        </span>
                    </a>
                </li>
                <li class="menu-group<? if scriptname == 'groups/domains' then ?> active<? end ?>">
                    <a href="<?=webhome?>groups/domains?lang=<?= lang ?>">
                        <i class="fa fa-fw menu-icon fa-list"></i>
                        <span><?= i18n('shared.domains') ?>
                            <span class="pull-right-container">
                                <span class="label bg-red pull-right" id="num_denied" title="<?= i18n('sidebar.num_enabled_deny_rules') ?>"></span>
                                <span class="label bg-green pull-right" id="num_allowed" title="<?= i18n('sidebar.num_enabled_allow_rules') ?>"></span>
                            </span>
                        </span>
                    </a>
                </li>
                <li class="menu-group<? if scriptname == 'groups/lists' then ?> active<? end ?>">
                    <a href="<?=webhome?>groups/lists?lang=<?= lang ?>">
                        <i class="fa fa-fw menu-icon fa-shield-alt"></i>
                        <span><?= i18n('shared.lists') ?>
                            <span class="pull-right-container">
                                <span class="label bg-blue pull-right" id="num_lists" title="<?= i18n('sidebar.num_enabled_lists') ?>"></span>
                                <span class="label bg-yellow pull-right" id="num_gravity" title="<?= i18n('sidebar.num_subscribed_domains') ?>"></span>
                            </span>
                        </span>
                    </a>
                </li>

                <li class="header text-uppercase"><?= i18n('sidebar.dns_control_header') ?></li>
                <!-- Enable/Disable Blocking -->
                <li id="pihole-disable" class="menu-dns treeview">
                    <a href="<?=webhome?>?lang=<?= lang ?>#">
                        <i class="fa fa-fw menu-icon fa-stop"></i> <span><?= i18n('sidebar.disable_blocking') ?>&nbsp;&nbsp;&nbsp;<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="<?=webhome?>?lang=<?= lang ?>#" id="pihole-disable-indefinitely">
                                <i class="fa fa-fw menu-icon fa-infinity"></i> <?= i18n('sidebar.disable_indefinitely') ?>
                            </a>
                        </li>
                        <li>
                            <a href="<?=webhome?>?lang=<?= lang ?>#" id="pihole-disable-10s">
                                <i class="fa fa-fw menu-icon fa-clock"></i> <?= i18n('sidebar.disable_10_seconds') ?>
                            </a>
                        </li>
                        <li>
                            <a href="<?=webhome?>?lang=<?= lang ?>#" id="pihole-disable-30s">
                                <i class="fa fa-fw menu-icon fa-clock"></i> <?= i18n('sidebar.disable_30_seconds') ?>
                            </a>
                        </li>
                        <li>
                            <a href="<?=webhome?>?lang=<?= lang ?>#" id="pihole-disable-5m">
                                <i class="fa fa-fw menu-icon fas fa-clock"></i> <?= i18n('sidebar.disable_5_minutes') ?>
                            </a>
                        </li>
                        <li>
                            <a href="<?=webhome?>?lang=<?= lang ?>#" id="pihole-disable-cst" data-toggle="modal" data-target="#customDisableModal">
                                <i class="fa fa-fw menu-icon fa-user-clock"></i> <?= i18n('sidebar.disable_custom_time') ?>
                            </a>
                        </li>
                    </ul>
                    <!-- <a href="<?=webhome?>?lang=<?= lang ?>#" id="flip-status"><i class="fa fa-stop"></i> <span>Disable</span></a> -->
                </li>
                <li id="pihole-enable" class="menu-dns treeview" style="display: none;">
                    <a href="<?=webhome?>?lang=<?= lang ?>#">
                        <i class="fa fa-fw menu-icon fa-play"></i>
                        <span id="enableLabel"><?= i18n('sidebar.enable_blocking') ?>&nbsp;&nbsp;&nbsp;
                            <span id="flip-status-enable"></span>
                        </span>
                    </a>
                </li>
                <li class="header text-uppercase"><?= i18n('sidebar.system_header') ?></li>
                <!-- Settings -->
                <li class="menu-system treeview<? if startsWith(scriptname, 'settings/') then ?> active<? end ?>">
                    <a href="<?=webhome?>?lang=<?= lang ?>#">
                        <i class="fa fa-fw menu-icon fa-cogs"></i> <span><?= i18n('sidebar.settings') ?></span>
                        <span class="pull-right-container">
                            <i class="fa fa-angle-left pull-right"></i>
                        </span>
                    </a>
                    <ul class="treeview-menu">
                        <li<? if scriptname == 'settings/system' then ?> class="active"<? end ?>>
                            <a href="<?=webhome?>settings/system?lang=<?= lang ?>">
                                <i class="fa-fw menu-icon fa-solid fa-circle-info"></i> <span><?= i18n('sidebar.settings_system') ?></span>
                            </a>
                        </li>
                        <li<? if scriptname == 'settings/dns' then ?> class="active"<? end ?>>
                            <a href="<?=webhome?>settings/dns?lang=<?= lang ?>">
                                <i class="fa-fw menu-icon fa-solid fa-book-atlas"></i> <span><?= i18n('sidebar.settings_dns') ?></span>
                            </a>
                        </li>
                        <li<? if scriptname == 'settings/dhcp' then ?> class="active"<? end ?>>
                            <a href="<?=webhome?>settings/dhcp?lang=<?= lang ?>">
                                <i class="fa-fw menu-icon fa-solid fa-sitemap"></i> <span><?= i18n('sidebar.settings_dhcp') ?></span>
                            </a>
                        </li>
                        <li<? if scriptname == 'settings/api' then ?> class="active"<? end ?>>
                            <a href="<?=webhome?>settings/api?lang=<?= lang ?>">
                                <i class="fa-fw menu-icon fa-solid fa-window-restore"></i> <span><?= i18n('sidebar.settings_api') ?></span>
                            </a>
                        </li>
                        <li<? if scriptname == 'settings/privacy' then ?> class="active"<? end ?>>
                            <a href="<?=webhome?>settings/privacy?lang=<?= lang ?>">
                                <i class="fa-fw menu-icon fa-solid fa-binoculars"></i> <span><?= i18n('sidebar.settings_privacy') ?></span>
                            </a>
                        </li>
                        <li<? if scriptname == 'settings/teleporter' then ?> class="active"<? end ?>>
                            <a href="<?=webhome?>settings/teleporter?lang=<?= lang ?>">
                                <i class="fa-fw menu-icon fa-solid fa-file-export"></i> <span><?= i18n('sidebar.settings_teleporter') ?></span>
                            </a>
                        </li>
                        <li<? if scriptname == 'settings/dnsrecords' then ?> class="active"<? end ?>>
                            <a href="<?=webhome?>settings/dnsrecords?lang=<?= lang ?>">
                                <i class="fa-fw menu-icon fa-solid fa-address-book"></i> <span><?= i18n('sidebar.settings_local_dns_records') ?></span>
                            </a>
                        </li>
                        <li class="settings-level-expert d-none<? if scriptname == 'settings/all' then ?> active<? end ?>">
                            <a href="<?=webhome?>settings/all?lang=<?= lang ?>">
                                <i class="fa-fw menu-icon fa-solid fa-pen-to-square"></i> <span><?= i18n('sidebar.settings_all_settings') ?></span>
                            </a>
                        </li>
                    </ul>
                </li>
                <!-- Tools -->
                <li class="menu-system treeview<? if in_array(scriptname, {'messages', 'gravity', 'search', 'taillog', 'interfaces', 'network'}) then ?> active<? end ?>">
                    <a href="<?=webhome?>?lang=<?= lang ?>#">
                        <i class="fa fa-fw menu-icon fa-tools"></i> <span><?= i18n('sidebar.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<? if scriptname == 'messages' then ?> class="active"<? end ?>>
                            <a href="<?=webhome?>messages?lang=<?= lang ?>">
                                <i class="fa fa-fw menu-icon fa-file-medical-alt"></i> <span><?= i18n('sidebar.tools_pihole_diagnosis') ?></span>
                                <span class="pull-right-container warning-count hidden"></span>
                            </a>
                        </li>
                        <!-- Tail log files -->
                        <li class="treeview<? if scriptname == 'taillog' then ?> active<? end ?>">
                            <a href="<?=webhome?>?lang=<?= lang ?>#">
                                <i class="fa-fw menu-icon fa-solid fa-list-ul"></i> <span><?= i18n('sidebar.tools_tail_log_files') ?></span>
                                <span class="pull-right-container">
                                    <i class="fa fa-angle-left pull-right"></i>
                                </span>
                            </a>
                            <ul class="treeview-menu">
                                <!-- Tail pihole.log -->
                                <li<? if scriptname == 'taillog' and GET("file") == "dnsmasq" then ?> class="active"<? end ?>>
                                    <a href="<?=webhome?>taillog?file=dnsmasq&lang=<?= lang ?>">
                                        <i class="fa-fw menu-icon fa-solid fa-list-ul"></i> <?= i18n('sidebar.tools_tail_pihole_log') ?>
                                    </a>
                                </li>
                                <!-- Tail FTL.log -->
                                <li<? if scriptname == 'taillog' and GET("file") == "ftl" then ?> class="active"<? end ?>>
                                    <a href="<?=webhome?>taillog?file=ftl&lang=<?= lang ?>">
                                        <i class="fa-fw menu-icon fa-solid fa-list-ul"></i> <?= i18n('sidebar.tools_tail_ftl_log') ?>
                                    </a>
                                </li>
                                <!-- Tail webserver.log -->
                                <li<? if scriptname == 'taillog' and GET("file") == "webserver" then ?> class="active"<? end ?>>
                                    <a href="<?=webhome?>taillog?file=webserver&lang=<?= lang ?>">
                                        <i class="fa-fw menu-icon fa-solid fa-list-ul"></i> <?= i18n('sidebar.tools_tail_webserver_log') ?>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <!-- Update Gravity -->
                        <li<? if scriptname == 'gravity' then ?> class="active"<? end ?>>
                            <a href="<?=webhome?>gravity?lang=<?= lang ?>">
                                <i class="fa fa-fw menu-icon fa-arrow-circle-down"></i> <span><?= i18n('sidebar.tools_update_gravity') ?></span>
                            </a>
                        </li>
                        <!-- Query Lists -->
                        <li<? if scriptname == 'search' then ?> class="active"<? end ?>>
                            <a href="<?=webhome?>search?lang=<?= lang ?>">
                                <i class="fa fa-fw menu-icon fa-search"></i> <span><?= i18n('sidebar.tools_search_lists') ?></span>
                            </a>
                        </li>
                        <!-- Interfaces -->
                        <li<? if scriptname == 'interfaces' then ?> class="active"<? end ?>>
                            <a href="<?=webhome?>interfaces?lang=<?= lang ?>">
                                <i class="fa fa-fw menu-icon fa-wifi"></i> <span><?= i18n('sidebar.tools_interfaces') ?></span>
                            </a>
                        </li>
                        <!-- Network -->
                        <li<? if scriptname == 'network' then ?> class="active"<? end ?>>
                            <a href="<?=webhome?>network?lang=<?= lang ?>">
                                <i class="fa fa-fw menu-icon fa-network-wired"></i> <span><?= i18n('sidebar.tools_network') ?></span>
                            </a>
                        </li>
                    </ul>
                </li>

                <!-- Donate button -->
                <li class="header text-uppercase"><?= i18n('shared.donate') ?></li>
                <li class="menu-donate">
                    <a href="https://pi-hole.net/donate/" rel="noopener noreferrer" target="_blank">
                        <i class="fas fa-fw menu-icon fa-donate"></i> <span><?= i18n('shared.donate') ?></span>
                    </a>
                </li>
            </ul>
        </section>
        <!-- /.sidebar -->
    </aside>