update

frontend/src/App.vue

@@ -5,7 +5,13 @@ import SeitenLeiste from './components/SeitenLeiste.vue'
 import FeatureListe from './components/FeatureListe.vue'
 import KontextMenue from './components/KontextMenue.vue'
 import PruefPanel from './components/PruefPanel.vue'
-import { offen as pruefungOffen, starte as startePruefung, schliesse as schliessePruefung } from './composables/pruefung.js'
+import {
+  offen as pruefungOffen,
+  laeuft as pruefungLaeuft,
+  prozent as pruefungProzent,
+  starte as startePruefung,
+  schliesse as schliessePruefung,
+} from './composables/pruefung.js'
 
 const projekte = ref([])
 const aktivesProjekt = ref(null)
@@ -80,12 +86,10 @@ onMounted(async () => {
       @geaendert="ladeProjekte"
       @umbenannt="umbenannt"
     >
-      <button
-        v-if="aktivesProjekt"
-        class="icon-knopf"
-        title="Karten prüfen"
-        @click="startePruefung(aktivesProjekt)"
-      >⌾</button>
+      <span v-if="aktivesProjekt" class="pruefen">
+        <button class="icon-knopf" title="Karten prüfen" @click="startePruefung(aktivesProjekt)">⌾</button>
+        <span v-if="pruefungLaeuft" class="fortschritt">{{ pruefungProzent }} %</span>
+      </span>
       <button class="icon-knopf" :title="TITEL[modus]" @click="wechsleDarkMode">
         {{ ICONS[modus] }}
       </button>
@@ -118,4 +122,15 @@ main {
   margin-top: 3rem;
   text-align: center;
 }
+/* Fortschritt sitzt unter dem Prüf-Icon */
+.pruefen {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  line-height: 1.1;
+}
+.fortschritt {
+  font-size: 0.65rem;
+  color: var(--dezent);
+}
 </style>