Sync from main server - 2026-04-15 13:03:38
This commit is contained in:
root
@@ -1,67 +1,108 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<html lang="en" data-theme="dark">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Navitrends - Management Platform</title>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;14..32,500;14..32,600;14..32,700&display=swap" rel="stylesheet">
|
||||
<title>Navitrends — Ops Platform</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=Geist+Mono:wght@300;400;500&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
|
||||
</head>
|
||||
<body>
|
||||
<div class="app">
|
||||
<div class="sidebar">
|
||||
<div class="sidebar-header">
|
||||
<h2>Navitrends</h2>
|
||||
<p>Management Platform</p>
|
||||
</div>
|
||||
<div class="nav-menu">
|
||||
<div class="nav-item active" data-page="dashboard">
|
||||
<i class="fas fa-chart-line nav-icon"></i>
|
||||
<span>Dashboard</span>
|
||||
</div>
|
||||
<div class="nav-item" data-page="restore">
|
||||
<i class="fas fa-rotate-right nav-icon"></i>
|
||||
<span>Restore Actions</span>
|
||||
</div>
|
||||
<div class="nav-item" data-page="backups">
|
||||
<i class="fas fa-database nav-icon"></i>
|
||||
<span>Backups</span>
|
||||
</div>
|
||||
<div class="nav-item" data-page="settings">
|
||||
<i class="fas fa-sliders-h nav-icon"></i>
|
||||
<span>Settings</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layout">
|
||||
|
||||
<div class="main-content">
|
||||
<div class="top-bar">
|
||||
<h3 id="page-title">Dashboard Overview</h3>
|
||||
<div class="server-status">
|
||||
<div class="status-indicator">
|
||||
<span class="status-dot" id="server-status-dot"></span>
|
||||
<span id="server-status-text">Checking...</span>
|
||||
</div>
|
||||
<button class="btn btn-secondary" onclick="refreshStatus()">
|
||||
<i class="fas fa-sync-alt"></i> Refresh
|
||||
<!-- ── SIDEBAR ── -->
|
||||
<aside class="sidebar">
|
||||
<div class="sidebar-brand">
|
||||
<div class="brand-mark">NV</div>
|
||||
<div>
|
||||
<div class="brand-name">Navitrends</div>
|
||||
<div class="brand-sub">OPS PLATFORM</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<nav class="nav">
|
||||
<div class="nav-section-label">MONITOR</div>
|
||||
<a class="nav-item active" data-page="dashboard" href="#">
|
||||
<i class="fas fa-gauge-high"></i><span>Dashboard</span>
|
||||
</a>
|
||||
<a class="nav-item" data-page="containers" href="#">
|
||||
<i class="fas fa-cubes"></i><span>All Containers</span>
|
||||
<span class="nav-badge" id="nav-badge-containers">—</span>
|
||||
</a>
|
||||
|
||||
<div class="nav-section-label" style="margin-top:20px;">OPERATIONS</div>
|
||||
<a class="nav-item" data-page="restore" href="#">
|
||||
<i class="fas fa-rotate-right"></i><span>Restore</span>
|
||||
</a>
|
||||
<a class="nav-item" data-page="backups" href="#">
|
||||
<i class="fas fa-database"></i><span>Backups</span>
|
||||
</a>
|
||||
|
||||
<div class="nav-section-label" style="margin-top:20px;">ADMIN</div>
|
||||
<a class="nav-item" data-page="users" href="#">
|
||||
<i class="fas fa-users-gear"></i><span>Users</span>
|
||||
<span class="nav-badge" id="nav-badge-users">—</span>
|
||||
</a>
|
||||
<a class="nav-item" data-page="settings" href="#">
|
||||
<i class="fas fa-sliders"></i><span>Settings</span>
|
||||
</a>
|
||||
</nav>
|
||||
|
||||
<div class="sidebar-footer">
|
||||
<div class="server-pill" id="server-pill">
|
||||
<span class="pulse-dot" id="pulse-dot"></span>
|
||||
<span id="server-status-text">Checking…</span>
|
||||
</div>
|
||||
<!-- Theme toggle -->
|
||||
<button class="theme-toggle" id="theme-toggle" title="Toggle light/dark mode" onclick="toggleTheme()">
|
||||
<i class="fas fa-moon" id="theme-icon"></i>
|
||||
</button>
|
||||
<a href="/logout" class="logout-btn" title="Logout"><i class="fas fa-right-from-bracket"></i></a>
|
||||
</div>
|
||||
</aside>
|
||||
|
||||
<!-- ── MAIN ── -->
|
||||
<main class="main">
|
||||
<header class="topbar">
|
||||
<div class="topbar-left">
|
||||
<h1 class="page-title" id="page-title">Dashboard</h1>
|
||||
<span class="page-subtitle" id="page-subtitle">{{ main_server }}</span>
|
||||
</div>
|
||||
<div class="topbar-right">
|
||||
<button class="icon-btn" onclick="refreshAll()" title="Refresh">
|
||||
<i class="fas fa-sync-alt" id="refresh-icon"></i>
|
||||
</button>
|
||||
<a href="/logout">
|
||||
<button class="btn btn-secondary">
|
||||
<i class="fas fa-sign-out-alt"></i> Logout
|
||||
</button>
|
||||
</a>
|
||||
<div class="uptime-chip" id="uptime-chip">—</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
{% block content %}{% endblock %}
|
||||
|
||||
<div class="footer">
|
||||
<i class="fas fa-shield-alt"></i> Navitrends Management Platform
|
||||
<div class="content">
|
||||
{% block content %}{% endblock %}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
|
||||
<script>
|
||||
// ── Theme persistence ───────────────────────────────────────
|
||||
(function() {
|
||||
const saved = localStorage.getItem('nv-theme') || 'dark';
|
||||
applyTheme(saved);
|
||||
})();
|
||||
|
||||
function applyTheme(theme) {
|
||||
document.documentElement.setAttribute('data-theme', theme);
|
||||
const icon = document.getElementById('theme-icon');
|
||||
if (icon) icon.className = theme === 'dark' ? 'fas fa-moon' : 'fas fa-sun';
|
||||
localStorage.setItem('nv-theme', theme);
|
||||
}
|
||||
|
||||
function toggleTheme() {
|
||||
const current = document.documentElement.getAttribute('data-theme') || 'dark';
|
||||
applyTheme(current === 'dark' ? 'light' : 'dark');
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user