feat: activity tab (Feinschliff)

static/index.html

@@ -16,7 +16,7 @@
     <nav class="side-nav">
       <a class="nav-item" data-view="overview" title="Übersicht" data-ic="grid"></a>
       <a class="nav-item" data-view="models"   title="Modelle"   data-ic="cpu"></a>
-      <span class="nav-item disabled" title="Aktivität — siehe Übersicht" data-ic="pulse"></span>
+      <a class="nav-item" data-view="activity" title="Aktivität" data-ic="pulse"></a>
       <a class="nav-item" data-view="server"   title="Server"    data-ic="server"></a>
       <a class="nav-item" data-view="cookbook" title="Cookbook" data-ic="book"></a>
       <a class="nav-item" data-view="guides" title="Guides" data-ic="help"></a>
@@ -46,13 +46,16 @@
       <section class="view" data-view="overview">
         <div id="hero"></div>
         <div class="grid kpis" id="kpis"></div>
-        <div class="grid grid-3">
+        <div class="grid grid-2">
           <div class="card" id="health"></div>
           <div class="card" id="ov-models"></div>
-          <div class="card" id="ov-activity"></div>
         </div>
       </section>
 
+      <section class="view" data-view="activity" hidden>
+        <div class="card" id="v-activity"></div>
+      </section>
+
       <section class="view" data-view="server" hidden>
         <div class="card" id="wartung"></div>
       </section>

static/js/panels/jobs.js

@@ -23,7 +23,7 @@ function dotClass(state) {
 }
 
 function mount() {
-  $("#ov-activity").innerHTML = `
+  $("#v-activity").innerHTML = `
     <div class="card-h"><h3>Aktivität</h3><span class="meta" id="job-count"></span></div>
     <div id="jobs"></div>
     <div id="jobs-empty" class="empty-c">