Improve admin candidate modal UX and add clip menu visibility toggle

- Widen AdminCandidateEditorModal to size lg for better readability - Rename "Clip-Compilation" section to "Clip / Compilation", update copy to reflect single clips too, drop upload hint and Clip-Plattform field, rename label to "Link" - Fix NativeSelect dropdown clipping inside overflow-y-auto modals by teleporting the menu to body with fixed positioning, flip-up logic, and dynamic maxHeight capped to viewport - Add ClipAdminMenuVisible setting (backend domain, contracts, endpoint, migration) with matching frontend types, defaults, form wiring, and toggle in the Clip-Workflow modal — hides the Clips nav item from the admin sidebar when disabled Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-06-27 18:39:35 +02:00
parent 494eba5edd
commit 18b61bed52
119 changed files with 15638 additions and 367 deletions
@@ -0,0 +1,59 @@
+<script setup lang="ts">
+const props = defineProps<{
+  categoryName: string
+  links: string[]
+  errors: string[]
+  visibleLinkCount: number
+  remainingLinkCount: number
+  onLinkInput: (index: number, value: string) => void
+  onAddLinkField: () => void
+  onRemoveLinkField: (index: number) => void
+}>()
+</script>
+
+<template>
+  <section class="home-nomination-pane">
+    <header class="home-vote-picker__category-header">
+      <div>
+        <h4>{{ props.categoryName }}</h4>
+      </div>
+    </header>
+
+    <div class="home-nomination-pane__fields">
+      <label v-for="(_, index) in props.links.slice(0, props.visibleLinkCount)" :key="index" class="home-nomination-field">
+        <span class="home-nomination-field__header">
+          <span>{{ index === 0 ? 'Link 1' : `Link ${index + 1} optional` }}</span>
+          <button
+            v-if="index > 0"
+            type="button"
+            class="home-nomination-field__remove"
+            @click.prevent="props.onRemoveLinkField(index)"
+          >
+            Entfernen
+          </button>
+        </span>
+        <input
+          :value="props.links[index]"
+          type="url"
+          maxlength="300"
+          placeholder="https://plattform.de/dein-kanal"
+          :aria-invalid="Boolean(props.errors[index])"
+          @input="props.onLinkInput(index, ($event.target as HTMLInputElement).value)"
+        />
+        <small v-if="props.errors[index]" class="home-nomination-field__error">{{ props.errors[index] }}</small>
+        <small v-else>Offizieller Kanal- oder Stream-Link.</small>
+      </label>
+    </div>
+
+    <button
+      v-if="props.remainingLinkCount > 0"
+      type="button"
+      class="home-nomination-pane__add-link"
+      @click="props.onAddLinkField"
+    >
+      <span>+ Weiteren Link hinzufuegen</span>
+      <small>Noch {{ props.remainingLinkCount }} moeglich</small>
+    </button>
+
+  </section>
+</template>