Add risk center and editable submission flows

2026-06-17 12:01:57 +02:00
parent 670259a983
commit 92dd6f7432
12 changed files with 661 additions and 20 deletions
@@ -96,6 +96,12 @@ export const api = {
      'POST',
      {},
    ),
+  resolveRiskFlag: (riskFlagId: number, status = 'resolved') =>
+    sendJson<{ saved: boolean; riskFlagId: number; status: string }>(
+      `/api/admin/risk-flags/${riskFlagId}/resolve`,
+      'POST',
+      { status },
+    ),
 }

 export { AUTH_TOKEN_KEY }
@@ -103,6 +103,31 @@ const fallbackAdmin: AdminDashboardResponse = {
    { category: 'Bestes Live Event', votes: 132550 },
    { category: 'Clip des Jahres', votes: 98210 },
  ],
+  riskFlags: [
+    {
+      id: 1,
+      source: 'vote',
+      type: 'rapid_vote_updates',
+      severity: 'high',
+      status: 'open',
+      summary: 'Mehrere Voting-Aenderungen in kurzer Zeit erkannt.',
+      twitchUserId: 'demo_user',
+      createdFromIp: '127.0.0.1',
+      createdAt: '2026-06-17T08:40:00Z',
+      metadataJson: '{"recentVoteSubmissions":3}',
+    },
+  ],
+  auditEntries: [
+    {
+      id: 1,
+      adminTwitchUserId: 'jayuhime_admin',
+      actionType: 'category.update',
+      entityType: 'category',
+      entityId: '1',
+      summary: 'Kategorie VTuber des Jahres wurde aktualisiert.',
+      createdAt: '2026-06-17T08:32:00Z',
+    },
+  ],
 }

 const fallbackAdminSeasons: AdminSeasonListItem[] = [
@@ -158,6 +183,8 @@ const emptyAdmin: AdminDashboardResponse = {
  metrics: [],
  activities: [],
  topCategories: [],
+  riskFlags: [],
+  auditEntries: [],
 }

 const emptyAdminSeasons: AdminSeasonListItem[] = []
@@ -269,5 +296,10 @@ export const useAwardsStore = defineStore('awards', {
      await this.loadAdmin()
      return result
    },
+    async resolveRiskFlag(riskFlagId: number, status = 'resolved') {
+      const result = await api.resolveRiskFlag(riskFlagId, status)
+      await this.loadAdmin()
+      return result
+    },
  },
 })
@@ -89,10 +89,35 @@ export interface AdminTopCategory {
  votes: number
 }

+export interface AdminRiskFlag {
+  id: number
+  source: string
+  type: string
+  severity: string
+  status: string
+  summary: string
+  twitchUserId: string | null
+  createdFromIp: string
+  createdAt: string
+  metadataJson: string
+}
+
+export interface AdminAuditEntry {
+  id: number
+  adminTwitchUserId: string
+  actionType: string
+  entityType: string
+  entityId: string
+  summary: string
+  createdAt: string
+}
+
 export interface AdminDashboardResponse {
  metrics: AdminMetric[]
  activities: AdminActivity[]
  topCategories: AdminTopCategory[]
+  riskFlags: AdminRiskFlag[]
+  auditEntries: AdminAuditEntry[]
 }

 export interface AdminSeasonListItem {
@@ -16,6 +16,7 @@ const seasonSaving = ref(false)
 const categorySaving = ref<number | 'new' | null>(null)
 const candidateSaving = ref<number | 'new' | null>(null)
 const reviewSaving = ref<number | null>(null)
+const riskSaving = ref<number | null>(null)
 const adminMessage = ref('')
 const adminError = ref('')

@@ -71,6 +72,8 @@ onMounted(async () => {
 const metrics = computed(() => store.admin.metrics)
 const activities = computed(() => store.admin.activities)
 const topCategories = computed(() => store.admin.topCategories)
+const riskFlags = computed(() => store.admin.riskFlags)
+const auditEntries = computed(() => store.admin.auditEntries)
 const seasons = computed(() => store.adminSeasons)
 const seasonDetail = computed(() => store.adminSeasonDetail)
 const categoryOptions = computed(() =>
@@ -262,6 +265,21 @@ async function rejectNomination(nominationId: number) {
    reviewSaving.value = null
  }
 }
+
+async function resolveRiskFlag(riskFlagId: number, status = 'resolved') {
+  riskSaving.value = riskFlagId
+  adminMessage.value = ''
+  adminError.value = ''
+
+  try {
+    await store.resolveRiskFlag(riskFlagId, status)
+    adminMessage.value = `Risk Flag ${riskFlagId} wurde als ${status} markiert.`
+  } catch (error) {
+    adminError.value = error instanceof Error ? error.message : 'Risk Flag konnte nicht aktualisiert werden.'
+  } finally {
+    riskSaving.value = null
+  }
+}
 </script>

 <template>
@@ -359,6 +377,82 @@ async function rejectNomination(nominationId: number) {
        </Card>
      </div>

+      <div class="grid gap-6 xl:grid-cols-[0.95fr_1.05fr]">
+        <Card class="p-7">
+          <div class="flex items-center justify-between gap-4">
+            <div>
+              <h2 class="font-[Cormorant_Garamond] text-4xl text-violet-800">Risk Center</h2>
+              <p class="mt-2 text-sm text-slate-500">Auffaellige Login-, Nomination- und Voting-Muster fuer die manuelle Sichtung.</p>
+            </div>
+            <span class="text-sm uppercase tracking-[0.2em] text-slate-500">
+              {{ riskFlags.length }} offen
+            </span>
+          </div>
+
+          <div class="mt-6 space-y-4">
+            <div
+              v-for="flag in riskFlags"
+              :key="flag.id"
+              class="rounded-[26px] border border-violet-100 bg-white/90 p-5"
+            >
+              <div class="flex flex-wrap items-start justify-between gap-4">
+                <div>
+                  <p class="text-xs font-semibold uppercase tracking-[0.24em] text-violet-500">{{ flag.source }} · {{ flag.type }}</p>
+                  <h3 class="mt-2 font-[Cormorant_Garamond] text-3xl text-violet-800">{{ flag.summary }}</h3>
+                  <p class="mt-2 text-sm text-slate-500">
+                    {{ flag.twitchUserId || 'unbekannter User' }} · {{ flag.createdFromIp }} · {{ new Date(flag.createdAt).toLocaleString('de-DE') }}
+                  </p>
+                </div>
+                <div class="rounded-2xl border border-violet-100 bg-violet-50/60 px-4 py-3 text-sm font-semibold uppercase tracking-[0.2em] text-slate-600">
+                  {{ flag.severity }}
+                </div>
+              </div>
+
+              <pre class="mt-4 overflow-x-auto rounded-2xl border border-violet-100 bg-violet-50/60 px-4 py-3 text-xs text-slate-600">{{ flag.metadataJson }}</pre>
+
+              <div class="mt-4 flex flex-wrap justify-end gap-3">
+                <Button :disabled="riskSaving === flag.id" variant="secondary" @click="resolveRiskFlag(flag.id, 'dismissed')">
+                  {{ riskSaving === flag.id ? 'Speichert ...' : 'Dismiss' }}
+                </Button>
+                <Button :disabled="riskSaving === flag.id" @click="resolveRiskFlag(flag.id, 'resolved')">
+                  {{ riskSaving === flag.id ? 'Speichert ...' : 'Resolve' }}
+                </Button>
+              </div>
+            </div>
+          </div>
+        </Card>
+
+        <Card class="p-7">
+          <div class="flex items-center justify-between gap-4">
+            <div>
+              <h2 class="font-[Cormorant_Garamond] text-4xl text-violet-800">Audit Log</h2>
+              <p class="mt-2 text-sm text-slate-500">Nachvollziehbare Admin-Aktionen fuer Kategorie-, Kandidaten- und Review-Aenderungen.</p>
+            </div>
+            <span class="text-sm uppercase tracking-[0.2em] text-slate-500">
+              {{ auditEntries.length }} Eintraege
+            </span>
+          </div>
+
+          <div class="mt-6 space-y-4">
+            <div
+              v-for="entry in auditEntries"
+              :key="entry.id"
+              class="rounded-[26px] border border-violet-100 bg-violet-50/60 px-5 py-5"
+            >
+              <div class="flex flex-wrap items-start justify-between gap-4">
+                <div>
+                  <p class="font-semibold text-slate-800">{{ entry.summary }}</p>
+                  <p class="mt-1 text-sm text-slate-500">
+                    {{ entry.adminTwitchUserId }} · {{ entry.actionType }} · {{ entry.entityType }} {{ entry.entityId }}
+                  </p>
+                </div>
+                <p class="text-sm text-slate-500">{{ new Date(entry.createdAt).toLocaleString('de-DE') }}</p>
+              </div>
+            </div>
+          </div>
+        </Card>
+      </div>
+
      <div class="grid gap-6 xl:grid-cols-[1.15fr_0.85fr]">
        <Card class="p-7">
          <div class="flex items-center justify-between gap-4">