KI-AGENT: Mailkonten deaktivierbar machen und Synczeit anzeigen

frontend/pages/settings/emailaccounts/index.vue

@@ -3,16 +3,58 @@ const toast = useToast()
 const items = ref([])
 const loading = ref(true)
 const syncingAccount = ref<string | null>(null)
+const updatingAccount = ref<string | null>(null)
+
+const formatLastUpdated = (value?: string | null) => {
+  if (!value) return "Noch nicht synchronisiert"
+  const date = new Date(value)
+  if (Number.isNaN(date.getTime())) return "Unbekannt"
+
+  return new Intl.DateTimeFormat("de-DE", {
+    dateStyle: "medium",
+    timeStyle: "short",
+  }).format(date)
+}
 
 const setupPage = async () => {
   loading.value = true
   try {
-    items.value = await useNuxtApp().$api("/api/email/accounts")
+    items.value = await useNuxtApp().$api("/api/email/accounts", {
+      query: { includeDisabled: true },
+    })
   } finally {
     loading.value = false
   }
 }
 
+const toggleAccount = async (account: any) => {
+  updatingAccount.value = account.id
+  const nextEnabled = account.emailEnabled === false
+
+  try {
+    await useNuxtApp().$api(`/api/email/accounts/${account.id}`, {
+      method: "POST",
+      body: { emailEnabled: nextEnabled },
+    })
+    toast.add({
+      title: nextEnabled ? "E-Mail-Konto aktiviert" : "E-Mail-Konto deaktiviert",
+      description: nextEnabled
+        ? "Das Konto erscheint wieder in der Mailoberfläche."
+        : "Das Konto wird in der Mailoberfläche nicht mehr angezeigt.",
+      color: "success",
+    })
+    await setupPage()
+  } catch (err: any) {
+    toast.add({
+      title: "Status konnte nicht geändert werden",
+      description: err?.data?.error || err?.message,
+      color: "error",
+    })
+  } finally {
+    updatingAccount.value = null
+  }
+}
+
 const syncAccount = async (account: any) => {
   syncingAccount.value = account.id
   try {
@@ -82,11 +124,19 @@ setupPage()
           >
             IMAP/SMTP
           </UBadge>
+          <UBadge
+              size="xs"
+              :color="account.emailEnabled === false ? 'neutral' : 'success'"
+              variant="soft"
+          >
+            {{ account.emailEnabled === false ? "Deaktiviert" : "Aktiv" }}
+          </UBadge>
         </div>
         <div class="mt-1 flex flex-wrap gap-x-4 gap-y-1 text-sm text-dimmed">
           <span>IMAP: {{ account.imapHost || "nicht gesetzt" }}:{{ account.imapPort || "-" }}</span>
           <span>SMTP: {{ account.smtpHost || "nicht gesetzt" }}:{{ account.smtpPort || "-" }}</span>
           <span>{{ account.hasPassword ? "Passwort hinterlegt" : "Passwort fehlt" }}</span>
+          <span>Zuletzt aktualisiert: {{ formatLastUpdated(account.lastSyncedAt) }}</span>
         </div>
         <p v-if="account.credentialsReadable === false" class="mt-2 text-sm text-error">
           Die verschlüsselten Zugangsdaten sind nicht lesbar. Öffne das Konto und trage alle Zugangsdaten neu ein.
@@ -99,11 +149,20 @@ setupPage()
             color="neutral"
             variant="soft"
             :loading="syncingAccount === account.id"
-            :disabled="account.credentialsReadable === false"
+            :disabled="account.credentialsReadable === false || account.emailEnabled === false"
             @click.stop="syncAccount(account)"
         >
           Synchronisieren
         </UButton>
+        <UButton
+            :icon="account.emailEnabled === false ? 'i-heroicons-play' : 'i-heroicons-pause'"
+            :color="account.emailEnabled === false ? 'primary' : 'neutral'"
+            variant="soft"
+            :loading="updatingAccount === account.id"
+            @click.stop="toggleAccount(account)"
+        >
+          {{ account.emailEnabled === false ? "Aktivieren" : "Deaktivieren" }}
+        </UButton>
         <UButton
             icon="i-heroicons-pencil-square"
             color="neutral"