87 lines
3.1 KiB
PHP
87 lines
3.1 KiB
PHP
<?php
|
|
require_once __DIR__.'/inc/common.php';
|
|
$title = "Painel";
|
|
ob_start();
|
|
?>
|
|
|
|
<div style="max-width:640px;margin:0 auto">
|
|
|
|
<div style="margin-bottom:32px">
|
|
<h1 style="font-size:22px;font-weight:600">Painel</h1>
|
|
<p style="color:var(--muted);font-size:13px;margin-top:4px">Bem-vindo, <?= h($_SESSION['username'] ?? '') ?></p>
|
|
</div>
|
|
|
|
<!-- ESP Devices -->
|
|
<div class="dash-section">
|
|
<div class="dash-section-label">ESP Devices</div>
|
|
<div class="dash-grid">
|
|
<a href="/esp_proxmox.php" class="dash-card">
|
|
<div class="dash-ico">📡</div>
|
|
<div class="dash-label">ESP Proxmox</div>
|
|
<div class="dash-desc">Dispositivos locais</div>
|
|
</a>
|
|
<a href="/ota.php" class="dash-card">
|
|
<div class="dash-ico">⬆</div>
|
|
<div class="dash-label">OTA</div>
|
|
<div class="dash-desc">Firmware updates</div>
|
|
</a>
|
|
<a href="/esp_vps.php" class="dash-card">
|
|
<div class="dash-ico">📡</div>
|
|
<div class="dash-label">ESP VPS</div>
|
|
<div class="dash-desc">Dispositivos VPS</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Rede -->
|
|
<div class="dash-section">
|
|
<div class="dash-section-label">Rede</div>
|
|
<div class="dash-grid">
|
|
<a href="/vpn.php" class="dash-card">
|
|
<div class="dash-ico">🌍</div>
|
|
<div class="dash-label">VPN</div>
|
|
<div class="dash-desc">NordVPN · WireGuard</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Infraestrutura -->
|
|
<div class="dash-section">
|
|
<div class="dash-section-label">Infraestrutura</div>
|
|
<div class="dash-grid">
|
|
<a href="/proxmox.php" class="dash-card">
|
|
<div class="dash-ico">⚙️</div>
|
|
<div class="dash-label">Proxmox</div>
|
|
<div class="dash-desc">LXCs · VMs · Storage</div>
|
|
</a>
|
|
<a href="/matrix_admin.php" class="dash-card">
|
|
<div class="dash-ico">💬</div>
|
|
<div class="dash-label">Matrix</div>
|
|
<div class="dash-desc">Admin</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<a href="/api/logout.php" class="dash-card dash-danger" style="max-width:180px">
|
|
<div class="dash-ico">→</div>
|
|
<div class="dash-label">Sair</div>
|
|
<div class="dash-desc"></div>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<style>
|
|
.dash-section{margin-bottom:28px}
|
|
.dash-section-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}
|
|
.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
|
|
.dash-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;padding:22px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-decoration:none;transition:.15s}
|
|
.dash-card:hover{border-color:var(--accent);background:var(--surface2);color:var(--text)}
|
|
.dash-ico{font-size:26px;line-height:1}
|
|
.dash-label{font-size:13px;font-weight:600}
|
|
.dash-desc{font-size:11px;color:var(--muted)}
|
|
.dash-danger{border-color:#6e2120}
|
|
.dash-danger:hover{background:#2d0f0e;border-color:var(--danger)}
|
|
</style>
|
|
|
|
<?php $content = ob_get_clean(); require __DIR__.'/inc/layout.php';
|