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>
This commit is contained in:
AzuTear
2026-06-27 18:39:35 +02:00
parent 494eba5edd
commit 18b61bed52
119 changed files with 15638 additions and 367 deletions
+29 -12
View File
@@ -23,6 +23,7 @@ const {
winnerSelections,
clearWinner,
saveWinner,
winnerRuleNoticeFor,
} = useAdminWinnersManager()
watchAdminToast(adminMessage, adminError)
@@ -131,20 +132,36 @@ watchAdminToast(adminMessage, adminError)
</p>
</div>
<NativeSelect
v-model="winnerSelections[row.category.id]"
:disabled="row.isEmpty"
:options="[
{ label: 'Bitte Gewinner waehlen', value: '' },
...row.candidates.map((candidate) => ({
label: `${candidate.displayName} · ${candidate.channelSlug} · ${candidate.platform}`,
value: `${candidate.id}`,
})),
]"
/>
<div class="min-w-0 space-y-2">
<NativeSelect
v-model="winnerSelections[row.category.id]"
:disabled="row.isEmpty"
:options="[
{ label: 'Bitte Gewinner waehlen', value: '' },
...row.candidates.map((candidate) => ({
label: `${candidate.displayName} · ${candidate.channelSlug} · ${candidate.platform} · ${candidate.clipCompilationUrl ? 'Clip gepflegt' : 'kein Clip'}`,
value: `${candidate.id}`,
})),
]"
/>
<p
v-if="winnerRuleNoticeFor(row.category.id)"
class="rounded-2xl border px-3 py-2 text-sm font-semibold"
:class="winnerRuleNoticeFor(row.category.id)?.mode === 'block'
? 'border-rose-100 bg-rose-50 text-rose-700'
: 'border-amber-100 bg-amber-50 text-amber-700'"
>
{{ winnerRuleNoticeFor(row.category.id)?.mode === 'block' ? 'Blockiert' : 'Warnung' }}:
{{ winnerRuleNoticeFor(row.category.id)?.message }}
</p>
</div>
<div class="flex flex-wrap justify-end gap-2">
<Button :disabled="savingResultForCategory === row.category.id || row.isEmpty || !winnerSelections[row.category.id]" @click="saveWinner(row.category.id)">
<Button
:disabled="savingResultForCategory === row.category.id || row.isEmpty || !winnerSelections[row.category.id] || winnerRuleNoticeFor(row.category.id)?.mode === 'block'"
@click="saveWinner(row.category.id)"
>
{{ savingResultForCategory === row.category.id ? 'Speichert ...' : row.existing ? 'Aktualisieren' : 'Setzen' }}
</Button>
<Button