43 lines
2.8 KiB
HTML
43 lines
2.8 KiB
HTML
<!doctype html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||
<title>Dockwatch</title>
|
||
<link rel="stylesheet" href="/styles.css">
|
||
</head>
|
||
<body>
|
||
<div id="shell">
|
||
<aside class="sidebar">
|
||
<div class="brand"><div class="brandmark">DW</div><div class="brandcopy"><strong>Dockwatch</strong><small>Control Plane</small></div><button class="collapseBtn" id="sidebarToggle" title="Sidebar ein-/ausklappen" aria-label="Sidebar ein-/ausklappen">‹</button></div>
|
||
<div class="environment"><span class="pulse"></span><div><small>Environment</small><select id="globalNode"></select></div></div>
|
||
<nav id="nav">
|
||
<button data-view="dashboard" class="active"><span>⌂</span>Dashboard</button>
|
||
<div class="navlabel">Docker</div>
|
||
<button data-view="stacks"><span>▱</span>Compose Stacks <em id="navStackCount"></em></button>
|
||
<button data-view="containers"><span>⬡</span>Containers</button>
|
||
<button data-view="images"><span>◫</span>Images</button>
|
||
<button data-view="volumes"><span>◉</span>Volumes</button>
|
||
<button data-view="networks"><span>⌘</span>Networks</button>
|
||
<button data-view="git"><span>⑂</span>Git Stacks</button>
|
||
<div class="navlabel">Observability</div>
|
||
<button data-view="monitors"><span>♡</span>Probes <em id="navMonitorCount"></em></button>
|
||
<button data-view="services"><span>◈</span>Services</button>
|
||
<button data-view="statuspages"><span>◌</span>Status Pages</button>
|
||
<button data-view="maintenance"><span>◷</span>Maintenance</button>
|
||
<button data-view="notifications"><span>⌁</span>Notifications</button>
|
||
<div class="navlabel">System</div>
|
||
<button data-view="nodes"><span>◎</span>Environments</button>
|
||
<button data-view="activity"><span>≋</span>Activity</button>
|
||
</nav>
|
||
<div class="sidebarMeta"><span id="buildVersion">v…</span></div><div class="sidebarFooter"><div class="avatar" id="avatar">U</div><div class="usertext"><b id="userName">…</b><small id="userRole">…</small></div><button id="logout" title="Logout">↪</button></div>
|
||
</aside>
|
||
<main>
|
||
<header class="topbar"><div class="topLeft"><button class="iconbtn mobileMenu" id="mobileMenu" aria-label="Navigation öffnen">☰</button><span class="crumb" id="crumb">Dashboard</span></div><div class="topactions"><span id="apiState" class="apiState"><i></i><span>API</span></span><span id="dirtyTop" class="dirty" hidden>● Ungespeichert</span><button class="iconbtn" id="themeToggle" title="Theme wechseln" aria-label="Theme wechseln">◐</button><button class="iconbtn" id="refreshNow" title="Aktualisieren" aria-label="Aktualisieren">↻</button></div></header>
|
||
<section id="content"></section>
|
||
</main>
|
||
</div>
|
||
<div id="modalRoot"></div><div id="toast"></div>
|
||
<script src="/app.js"></script>
|
||
</body></html>
|