Modul pihole

modules/pihole/pages/queries.php

@@ -0,0 +1,38 @@
+<?php
+$assets = app()->assets();
+$assets->addStyle('/module/pihole/asset?file=pihole.css');
+$assets->addScript('/module/pihole/asset?file=pihole.js', 'footer', true);
+
+$instances = module_fn('pihole', 'instances');
+$hasConfig = !empty($instances);
+?>
+<div class="card pihole-page" data-pihole-page="queries">
+  <div class="pill">Pi-hole</div>
+  <h1 style="margin-top:.75rem;">Zugriffe &amp; Blockings</h1>
+  <p class="muted">Aktuelle Blockings, Top Clients und Status pro Instanz.</p>
+
+  <?php if (!$hasConfig): ?>
+    <div class="card" style="margin-top:1rem; border-color:var(--accent);">
+      <strong>Setup erforderlich</strong>
+      <div class="muted" style="margin-top:.35rem;">Bitte zuerst die Pi-hole Instanzen im Setup konfigurieren.</div>
+      <div style="margin-top:.75rem;"><a class="nav-link" href="/modules/setup/pihole">Setup oeffnen</a></div>
+    </div>
+  <?php else: ?>
+    <div class="pihole-split" style="margin-top:1rem;">
+      <div class="card">
+        <div class="pihole-section-header">
+          <strong>Aktuelle Blockings</strong>
+          <span class="muted">Letzte geblockte Domains</span>
+        </div>
+        <div class="pihole-blocked" data-recent-blocked></div>
+      </div>
+      <div class="card">
+        <div class="pihole-section-header">
+          <strong>Top Clients (Aggregiert)</strong>
+          <span class="muted">Anfragen nach Client</span>
+        </div>
+        <div class="pihole-list" data-top-clients></div>
+      </div>
+    </div>
+  <?php endif; ?>
+</div>