DoorMapEditor show live door list

Ideen.md

@@ -1,6 +1,5 @@
 # Ideen
 
-- Türchen anzeigen im DoorMapEditor
 - Extra-Türchen (kein Buchstabe, nur manuelles Bild)
 - Türchen mit Tag "0" einem zufälligen Tag zuweisen
 - Option "Nur Groß-/Kleinbuchstaben" (standard nur groß)
@@ -15,4 +14,5 @@
 
 # Erledigt
 
+- Türchen anzeigen im DoorMapEditor
 - Lösungsbuchstaben weniger als türchen erzeugt bug

ui/src/components/admin/DoorMapEditor.vue

@@ -22,6 +22,21 @@
       />
     </nav>
 
+    <div class="card-content pb-0">
+      <div v-if="doors.length > 0" class="content">
+        <p>Für diese Tage ist ein Türchen vorhanden:</p>
+        <div class="tags">
+          <span
+            v-for="(door, index) in doors.toSorted((a, b) => a.day - b.day)"
+            :key="`door-${index}`"
+            class="tag is-primary"
+          >
+            {{ door.day }}
+          </span>
+        </div>
+      </div>
+    </div>
+
     <DoorPlacer v-if="current_step === 0" v-model:doors="doors" />
     <DoorChooser v-if="current_step === 1" v-model:doors="doors" />
     <div v-if="current_step === 2" class="card-content">