Refactor error and confirmation handling in membership application management; replace alerts with modal dialogs for improved user experience. Update application status to 'approved' for a new member and add corresponding data to JSON files.

pages/mitgliederbereich/mitglieder.vue

@@ -407,20 +407,20 @@ const saveMember = async () => {
 }
 
 const confirmDelete = async (member) => {
-  if (!confirm(`Möchten Sie "${member.name}" wirklich löschen?`)) {
-    return
-  }
+  window.showConfirmModal('Mitglied löschen', `Möchten Sie "${member.name}" wirklich löschen?`, async () => {
+    try {
+      await $fetch('/api/members', {
+        method: 'DELETE',
+        body: { id: member.id }
+      })
 
-  try {
-    await $fetch('/api/members', {
-      method: 'DELETE',
-      body: { id: member.id }
-    })
-
-    await loadMembers()
-  } catch (error) {
-    alert('Fehler beim Löschen des Mitglieds.')
-  }
+      await loadMembers()
+      window.showSuccessModal('Erfolg', 'Mitglied wurde erfolgreich gelöscht')
+    } catch (error) {
+      console.error('Fehler beim Löschen:', error)
+      window.showErrorModal('Fehler', 'Fehler beim Löschen des Mitglieds')
+    }
+  })
 }
 
 const formatDate = (dateString) => {

pages/mitgliederbereich/news.vue

@@ -264,26 +264,25 @@ const confirmDelete = async (item) => {
   console.log('Delete item:', item)
   console.log('Delete item.id:', item.id)
   
-  if (!confirm(`Möchten Sie die News "${item.title}" wirklich löschen?`)) {
-    return
-  }
+  window.showConfirmModal('News löschen', `Möchten Sie die News "${item.title}" wirklich löschen?`, async () => {
+    if (!item.id) {
+      window.showErrorModal('Fehler', 'News-ID fehlt!')
+      return
+    }
 
-  if (!item.id) {
-    alert('Fehler: News-ID fehlt!')
-    return
-  }
+    try {
+      console.log('Deleting with ID:', item.id)
+      await $fetch(`/api/news?id=${encodeURIComponent(item.id)}`, {
+        method: 'DELETE'
+      })
 
-  try {
-    console.log('Deleting with ID:', item.id)
-    await $fetch(`/api/news?id=${encodeURIComponent(item.id)}`, {
-      method: 'DELETE'
-    })
-
-    await loadNews()
-  } catch (error) {
-    console.error('Delete error:', error)
-    alert('Fehler beim Löschen der News: ' + (error.data?.message || error.message))
-  }
+      await loadNews()
+      window.showSuccessModal('Erfolg', 'News wurde erfolgreich gelöscht')
+    } catch (error) {
+      console.error('Delete error:', error)
+      window.showErrorModal('Fehler', 'Fehler beim Löschen der News: ' + (error.data?.message || error.message))
+    }
+  })
 }
 
 const formatDate = (dateString) => {