From c6241519a6a762e57d37838ffe13ce2896750ca1 Mon Sep 17 00:00:00 2001
From: Stefan Hacker <duffy@debian-linux-terminal.local>
Date: Mon, 13 Apr 2026 11:13:50 +0200
Subject: [PATCH] feat(calendar): Hinweis bei passwortgeschuetztem iCal-Link

Browser/Kalender-App fragen sonst nach Benutzername+Passwort - der
Benutzername muss leer bleiben.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/views/CalendarView.vue | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/frontend/src/views/CalendarView.vue b/frontend/src/views/CalendarView.vue
index 32971f1..62413b7 100644
--- a/frontend/src/views/CalendarView.vue
+++ b/frontend/src/views/CalendarView.vue
@@ -277,6 +277,10 @@
           <div v-else class="ical-url">
             <code>{{ fullIcalUrl }}</code>
             <Button icon="pi pi-copy" text size="small" @click="copyIcal" title="Kopieren" />
+            <div v-if="selectedCal.ical_has_password" class="ical-pw-hint">
+              <i class="pi pi-info-circle"></i>
+              Bei der Passwort-Abfrage <strong>Benutzername leer lassen</strong> und nur das Passwort eingeben.
+            </div>
             <div style="margin-top: 0.5rem; display: flex; gap: 0.5rem; align-items: center;">
               <span v-if="selectedCal.ical_has_password" class="hint-badge">
                 <i class="pi pi-lock"></i> Passwortgeschuetzt
@@ -1192,6 +1196,10 @@ onUnmounted(() => {
 .list-bulk { display: flex; align-items: center; gap: 0.5rem; font-size: 0.85rem; }
 .col-check { width: 36px; }
 .list-row.selected { background: var(--p-primary-50); }
+.ical-pw-hint { margin-top: 0.5rem; font-size: 0.8rem; color: var(--p-text-muted-color);
+                background: var(--p-yellow-50, #fffbeb); border-left: 3px solid var(--p-yellow-400, #facc15);
+                padding: 0.5rem 0.75rem; border-radius: 4px; }
+.ical-pw-hint i { margin-right: 0.4rem; }
 .list-table { width: 100%; border-collapse: collapse; font-size: 0.875rem; }
 .list-table th { text-align: left; padding: 0.5rem; border-bottom: 2px solid var(--p-surface-200); font-weight: 600; user-select: none; }
 .list-table th.sortable { cursor: pointer; }