first commit

dashboard/web/index.html

@@ -0,0 +1,64 @@
+<!doctype html>
+<html lang="pl" data-theme="dark">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <meta name="color-scheme" content="dark light">
+  <title>RustBox Repository</title>
+  <link rel="icon" href="/ui/favicon.svg">
+  <link rel="stylesheet" href="/ui/style.css">
+</head>
+<body>
+<div class="shell">
+  <aside class="sidebar">
+    <div class="brand"><div class="brand-icon">R</div><div><strong>RustBox</strong><span>Package Repository</span></div></div>
+    <nav>
+      <button class="nav active" data-view="overview">Przegląd</button>
+      <button class="nav" data-view="packages">Paczki</button>
+      <button class="nav" data-view="install">Instalacja</button>
+      <button class="nav" data-view="repositories">Repozytoria</button>
+    </nav>
+    <div class="sidebar-foot"><span id="status-dot" class="status-dot"></span><span id="status-text">Ładowanie…</span></div>
+  </aside>
+  <main>
+    <header class="topbar">
+      <div><h1 id="view-title">Przegląd</h1><p id="last-sync">—</p></div>
+      <div class="toolbar"><button id="theme-toggle" title="Motyw">◐</button><button id="refresh" title="Odśwież">↻</button></div>
+    </header>
+
+    <section id="overview" class="view active">
+      <div class="hero">
+        <div><span class="eyebrow">RUSTBOX / LINUX</span><h2>Repozytorium wydań</h2><p>Podpisane paczki APT, DNF/RPM i Zypper budowane bezpośrednio ze źródeł RustBox.</p></div>
+        <div class="version-box"><span>NAJNOWSZA WERSJA</span><strong id="latest-version">—</strong><small id="latest-build">—</small></div>
+      </div>
+      <div class="cards">
+        <article><span>Paczki</span><strong id="packages-count">0</strong><small>opublikowane artefakty</small></article>
+        <article><span>Linux</span><strong id="linux-status">—</strong><small>APT + DNF</small></article>
+        <article><span>SUSE</span><strong id="suse-status">—</strong><small>Zypper RPM</small></article>
+      </div>
+      <div class="panel"><div class="panel-head"><h3>Ostatnie paczki</h3><button data-go="packages">Pokaż wszystkie</button></div><div id="recent-packages" class="package-list"></div></div>
+    </section>
+
+    <section id="packages" class="view">
+      <div class="panel">
+        <div class="filters"><input id="search" type="search" placeholder="Szukaj paczki lub wersji"><select id="channel"><option value="all">Wszystkie kanały</option><option value="linux">Linux</option><option value="suse">SUSE</option></select><select id="format"><option value="all">Wszystkie formaty</option><option value="DEB">DEB</option><option value="RPM">RPM</option></select></div>
+        <div id="packages-table" class="table"></div>
+      </div>
+    </section>
+
+    <section id="install" class="view">
+      <div class="install-tabs"><button class="active" data-install="apt">Debian / Ubuntu</button><button data-install="dnf">RHEL / Rocky / Alma / Fedora</button><button data-install="suse">SUSE / openSUSE</button></div>
+      <div class="panel command-panel"><div class="panel-head"><div><h3 id="install-title">Debian / Ubuntu</h3><p id="install-desc">Instalacja przez podpisane repozytorium APT.</p></div><button id="copy-install">Kopiuj</button></div><pre><code id="install-command"></code></pre></div>
+      <div class="note">Po instalacji konfiguracja znajduje się w <code>/etc/rustbox/rustbox.toml</code>, dane w <code>/var/lib/rustbox</code>, a logi aplikacji w <code>/var/log/rustbox/rustbox.log</code>.</div>
+    </section>
+
+    <section id="repositories" class="view">
+      <div id="repo-cards" class="repo-grid"></div>
+      <div class="panel"><div class="panel-head"><h3>Metadane buildu</h3></div><div id="metadata" class="metadata"></div></div>
+    </section>
+  </main>
+</div>
+<div id="toast" class="toast"></div>
+<script src="/ui/app.js" defer></script>
+</body>
+</html>