AzuTear
55 lines
1.9 KiB
Vue
55 lines
1.9 KiB
Vue
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
import Select from 'primevue/select'
|
|
|
|
import { useAwardsStore } from '../../stores/awards'
|
|
|
|
const store = useAwardsStore()
|
|
|
|
const seasons = computed(() => store.adminSeasons)
|
|
const selectedSeasonId = computed({
|
|
get: () => store.adminSelectedSeasonId,
|
|
set: async (value) => {
|
|
if (!value) return
|
|
await store.loadAdminSeasonDetail(value)
|
|
},
|
|
})
|
|
|
|
const seasonOptions = computed(() =>
|
|
seasons.value.map((season) => ({
|
|
label: `${season.year} · ${season.name}`,
|
|
value: season.id,
|
|
})),
|
|
)
|
|
|
|
const currentSeason = computed(() => store.adminSeasonDetail)
|
|
</script>
|
|
|
|
<template>
|
|
<div class="flex flex-col gap-4 rounded-[26px] border border-violet-100 bg-white/80 px-5 py-5 lg:flex-row lg:items-center lg:justify-between">
|
|
<div class="space-y-3">
|
|
<p class="text-xs font-semibold uppercase tracking-[0.28em] text-violet-500">Arbeitskontext</p>
|
|
<p class="mt-2 text-sm text-slate-500">Die gewaehlte Season steuert Kategorien, Kandidaten und Review-Queues im gesamten Admin-Bereich.</p>
|
|
<div class="flex flex-wrap gap-3">
|
|
<span class="rounded-full border border-violet-100 bg-violet-50/70 px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-slate-600">
|
|
{{ currentSeason.currentPhase || 'Kein Status' }}
|
|
</span>
|
|
<span class="rounded-full border border-violet-100 bg-white px-3 py-2 text-xs font-semibold uppercase tracking-[0.18em] text-slate-600">
|
|
{{ currentSeason.isCurrent ? 'Public Season' : 'Nicht aktiv' }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="grid gap-3 lg:min-w-[330px]">
|
|
<label class="text-sm font-semibold text-slate-600">Season</label>
|
|
<Select
|
|
v-model="selectedSeasonId"
|
|
:options="seasonOptions"
|
|
option-label="label"
|
|
option-value="value"
|
|
class="w-full"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|