From 74246e6b088c93bd0bb4d13a5333578985ca8ef4 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Wed, 11 Mar 2026 21:16:03 +0100
Subject: [PATCH] Implement status toggle functionality for contact requests,
 updating the status display and adding error handling. Enhance the UI with a
 new button for marking requests as completed or reopening them.

---
 pages/cms/kontaktanfragen.vue                 | 30 +++++++++++++++--
 .../[id]/toggle-status.patch.js               | 33 +++++++++++++++++++
 server/utils/contact-requests.js              | 19 +++++++++++
 3 files changed, 80 insertions(+), 2 deletions(-)
 create mode 100644 server/api/cms/contact-requests/[id]/toggle-status.patch.js

diff --git a/pages/cms/kontaktanfragen.vue b/pages/cms/kontaktanfragen.vue
index 55b32e4..9d3c2f4 100644
--- a/pages/cms/kontaktanfragen.vue
+++ b/pages/cms/kontaktanfragen.vue
@@ -58,7 +58,7 @@
               class="px-2.5 py-1 rounded-full text-xs font-semibold"
               :class="request.status === 'beantwortet' ? 'bg-green-100 text-green-800' : 'bg-yellow-100 text-yellow-800'"
             >
-              {{ request.status === 'beantwortet' ? 'Beantwortet' : 'Offen' }}
+              {{ request.status === 'beantwortet' ? 'Erledigt' : 'Offen' }}
             </span>
           </div>
 
@@ -87,7 +87,15 @@
               </div>
             </div>
 
-            <div class="mt-4 flex justify-end">
+            <div class="mt-4 flex justify-end gap-2">
+              <button
+                type="button"
+                class="px-4 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50"
+                :disabled="togglingId === request.id"
+                @click="toggleStatus(request)"
+              >
+                {{ togglingId === request.id ? '…' : (request.status === 'beantwortet' ? 'Wieder öffnen' : 'Als erledigt markieren') }}
+              </button>
               <button
                 class="px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700"
                 @click="openReplyModal(request)"
@@ -154,6 +162,7 @@ const replyText = ref('')
 const isSendingReply = ref(false)
 const errorMessage = ref('')
 const showAnswered = ref(false)
+const togglingId = ref(null)
 
 const filteredRequests = computed(() => {
   if (showAnswered.value) return requests.value
@@ -191,6 +200,23 @@ const closeReplyModal = () => {
   errorMessage.value = ''
 }
 
+const toggleStatus = async (request) => {
+  togglingId.value = request.id
+  try {
+    await $fetch(`/api/cms/contact-requests/${request.id}/toggle-status`, {
+      method: 'PATCH'
+    })
+    await loadRequests()
+  } catch (error) {
+    console.error('Fehler beim Umschalten des Status:', error)
+    if (window.showErrorModal) {
+      window.showErrorModal('Fehler', error?.data?.statusMessage || 'Status konnte nicht geändert werden.')
+    }
+  } finally {
+    togglingId.value = null
+  }
+}
+
 const sendReply = async () => {
   if (!selectedRequest.value) return
   const text = replyText.value.trim()
diff --git a/server/api/cms/contact-requests/[id]/toggle-status.patch.js b/server/api/cms/contact-requests/[id]/toggle-status.patch.js
new file mode 100644
index 0000000..40daa41
--- /dev/null
+++ b/server/api/cms/contact-requests/[id]/toggle-status.patch.js
@@ -0,0 +1,33 @@
+import { getUserFromToken, hasAnyRole } from '../../../../utils/auth.js'
+import { readContactRequests, updateContactRequestStatus } from '../../../../utils/contact-requests.js'
+
+export default defineEventHandler(async (event) => {
+  const token = getCookie(event, 'auth_token')
+  const currentUser = token ? await getUserFromToken(token) : null
+
+  if (!currentUser || !hasAnyRole(currentUser, 'admin', 'vorstand', 'trainer')) {
+    throw createError({
+      statusCode: 403,
+      statusMessage: 'Zugriff verweigert'
+    })
+  }
+
+  const requestId = getRouterParam(event, 'id')
+  if (!requestId) {
+    throw createError({ statusCode: 400, statusMessage: 'Anfrage-ID fehlt' })
+  }
+
+  const all = await readContactRequests()
+  const target = all.find((r) => r.id === requestId)
+  if (!target) {
+    throw createError({ statusCode: 404, statusMessage: 'Anfrage nicht gefunden' })
+  }
+
+  const newStatus = target.status === 'beantwortet' ? 'offen' : 'beantwortet'
+  const updated = await updateContactRequestStatus(requestId, newStatus)
+
+  return {
+    success: true,
+    request: updated
+  }
+})
diff --git a/server/utils/contact-requests.js b/server/utils/contact-requests.js
index bd93fad..a3a034a 100644
--- a/server/utils/contact-requests.js
+++ b/server/utils/contact-requests.js
@@ -77,3 +77,22 @@ export async function addContactReply({ requestId, replyText, responderEmail })
   await writeContactRequests(current)
   return current[index]
 }
+
+export async function updateContactRequestStatus(requestId, newStatus) {
+  const validStatuses = ['offen', 'beantwortet']
+  if (!validStatuses.includes(newStatus)) return null
+
+  const current = await readContactRequests()
+  const index = current.findIndex((r) => r.id === requestId)
+  if (index === -1) return null
+
+  const now = new Date().toISOString()
+  current[index] = {
+    ...current[index],
+    status: newStatus,
+    updatedAt: now
+  }
+
+  await writeContactRequests(current)
+  return current[index]
+}