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
@@ -0,0 +1,97 @@
import { computed, onMounted, ref } from 'vue'
import { useAwardsStore } from '../../stores/awards'
import type { AdminWorkflowRule } from '../../types/awards'
function cloneRules(rules: AdminWorkflowRule[]) {
return rules.map((rule) => ({ ...rule }))
}
function normalizeRule(rule: AdminWorkflowRule): AdminWorkflowRule {
return {
...rule,
enabled: Boolean(rule.enabled),
limit: Math.min(50, Math.max(1, Number(rule.limit) || 1)),
mode: rule.mode === 'warn' ? 'warn' : 'block',
}
}
export function useAdminWorkflowRules() {
const store = useAwardsStore()
const workflowLoading = ref(false)
const workflowSaving = ref(false)
const workflowError = ref('')
const workflowSuccess = ref('')
const workflowRules = ref<AdminWorkflowRule[]>([])
const originalSnapshot = ref('')
const workflowRuleSummary = computed(() => {
const active = workflowRules.value.filter((rule) => rule.enabled).length
const blocking = workflowRules.value.filter((rule) => rule.enabled && rule.mode === 'block').length
return {
active,
blocking,
total: workflowRules.value.length,
}
})
const hasUnsavedWorkflowRuleChanges = computed(() =>
JSON.stringify(workflowRules.value.map(normalizeRule)) !== originalSnapshot.value,
)
async function loadWorkflowRules() {
workflowLoading.value = true
workflowError.value = ''
workflowSuccess.value = ''
try {
const response = await store.loadAdminWorkflowRules()
workflowRules.value = cloneRules(response.rules)
originalSnapshot.value = JSON.stringify(workflowRules.value.map(normalizeRule))
} catch (error) {
workflowError.value = error instanceof Error ? error.message : 'Workflow-Regeln konnten nicht geladen werden.'
workflowRules.value = []
originalSnapshot.value = '[]'
} finally {
workflowLoading.value = false
}
}
function updateWorkflowRule(ruleKey: string, patch: Partial<AdminWorkflowRule>) {
workflowRules.value = workflowRules.value.map((rule) =>
rule.key === ruleKey ? normalizeRule({ ...rule, ...patch }) : rule,
)
}
async function saveWorkflowRules() {
workflowSaving.value = true
workflowError.value = ''
workflowSuccess.value = ''
try {
const payloadRules = workflowRules.value.map(normalizeRule)
const response = await store.updateAdminWorkflowRules({ rules: payloadRules })
workflowRules.value = cloneRules(response.rules)
originalSnapshot.value = JSON.stringify(workflowRules.value.map(normalizeRule))
workflowSuccess.value = 'Workflow-Regeln wurden gespeichert.'
} catch (error) {
workflowError.value = error instanceof Error ? error.message : 'Workflow-Regeln konnten nicht gespeichert werden.'
} finally {
workflowSaving.value = false
}
}
onMounted(loadWorkflowRules)
return {
hasUnsavedWorkflowRuleChanges,
workflowError,
workflowLoading,
workflowRules,
workflowRuleSummary,
workflowSaving,
workflowSuccess,
loadWorkflowRules,
saveWorkflowRules,
updateWorkflowRule,
}
}