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>
This commit is contained in:
Stefan Hacker 2026-04-13 11:13:50 +02:00
parent f6626da114
commit c6241519a6
1 changed files with 8 additions and 0 deletions

View File

@ -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; }