55 lines
3.0 KiB
HTML
55 lines
3.0 KiB
HTML
<header class="relative z-10 border-b border-white/10 bg-black/20 backdrop-blur">
|
|
<div class="mx-auto max-w-7.5xl px-3 sm:px-4 py-2 grid grid-cols-[auto_1fr_auto] items-center gap-2">
|
|
<div class="flex items-center gap-2 sm:gap-3">
|
|
<a href="./station_selection.html"
|
|
class="h-9 w-9 flex items-center justify-center rounded-full bg-white/5 hover:bg-white/10 transition"
|
|
title="Back">
|
|
<svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/>
|
|
</svg>
|
|
</a>
|
|
<div class="flex flex-col leading-tight">
|
|
<div id="station-name" class="text-base sm:text-lg font-extrabold tracking-tight">Loading...</div>
|
|
<div id="station-location" class="text-xs sm:text-sm text-slate-100"> </div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex items-center justify-center scale-100">
|
|
<img src="./assets/vec_logo.png" alt="VECMOCON" class="h-7 w-auto opacity-90" onerror="this.style.display='none'"/>
|
|
</div>
|
|
|
|
<div class="flex items-center flex-wrap justify-end gap-1.5 sm:gap-2">
|
|
<span class="badge border-white/10 bg-white/5 text-slate-200">
|
|
<span>Station ID:</span>
|
|
<span id="station-id-display" class="font-semibold">—</span>
|
|
</span>
|
|
<span class="badge border-white/10 bg-white/5 text-slate-200">
|
|
<span>Product ID:</span>
|
|
<span id="product-id-display" class="font-semibold">—</span>
|
|
</span>
|
|
<span class="badge border-white/10 bg-white/5 text-slate-200">
|
|
<svg class="w-2.5 h-2.5 opacity-90" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8">
|
|
<circle cx="12" cy="12" r="9"></circle><path d="M12 7v5l3 3"></path>
|
|
</svg>
|
|
<span id="last-update-status">Waiting...</span>
|
|
</span>
|
|
<span id="connection-status-chip" class="cham_chip cham_chip-amber" title="Connection to backend">
|
|
<span class="h-2 w-2 rounded-full bg-amber-400"></span> Connecting...
|
|
</span>
|
|
<button id="logout-btn" class="btn btn-danger !p-2">
|
|
<svg class="w-3.5 h-3.5" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2">
|
|
<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
|
|
<path d="M16 17l5-5-5-5"></path><path d="M21 12H9"></path>
|
|
</svg>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="border-t border-white/10 bg-black/10">
|
|
<nav id="main-nav" class="mx-auto max-w-7.5xl px-3 sm:px-4 flex">
|
|
<a href="./dashboard.html" class="px-4 py-2 text-sm text-gray-400 hover:text-gray-200 font-semibold">Main</a>
|
|
<a href="./logs.html" class="px-4 py-2 text-sm text-gray-400 hover:text-gray-200 font-semibold">Logs</a>
|
|
<a href="./analytics.html" class="px-4 py-2 text-sm text-gray-400 hover:text-gray-200 font-semibold">Analytics</a>
|
|
</nav>
|
|
</div>
|
|
</header> |