Kalender

Der Kalender (/calendar) bietet Veranstaltungsmanagement, Planung und Integration externer Kalender.

Kalenderansichten

Drei Ansichten wählbar über Umschalter:

• Monatsansicht — traditionelles Kalendergitter mit Veranstaltungen, die als farbige Punkte/Labels angezeigt werden. Tagesnamen lokalisiert je nach Sprache (Mo/Di/Mi/Do/Fr/Sa/So für Deutsch, Mon/Tue/Wed für Englisch, usw.). Auf Mobilgeräten wechselt automatisch zur Tagesansicht.
• Wochenansicht — 7-Tage-Ansicht mit stündlichen Zeitfenstern (0-23 Uhr). Klicken Sie auf ein Zeitfenster, um eine Veranstaltung zu diesem Zeitpunkt zu erstellen. Zeigt den Datumsbereich im Header an (z.B. "14. Apr – 20. Apr, 2026").
• Tagesansicht — einzelner Tag mit stündlichen Slots. Klicken Sie auf einen Slot, um eine Veranstaltung zu erstellen.

Navigation: Vorherige/Nächste Schaltflächen passen sich je nach Ansicht nach Monat, Woche oder Tag an. Die Heute-Schaltfläche springt zum aktuellen Datum.

Veranstaltungstypen (7 Typen mit Farbcode)

1. Meeting (blau, Benutzer-Icon)
2. Anruf (lila, Telefon-Icon)
3. Nachverfolgung (bernsteinfarben, Mail-Icon)
4. Aufgabe (grün, Check-Icon)
5. Videoanruf (rosa, Video-Icon)
6. Erinnerung (indigo, Glocken-Icon)
7. Frist (rot, Uhr-Icon)

Filter für Veranstaltungstypen: Umschalter im Seitenbereich, um spezifische Veranstaltungstypen im Kalender anzuzeigen/auszublenden.

Modal für Veranstaltungserstellung/-bearbeitung

Felder:

• Titel (erforderlich)
• Veranstaltungstyp (benutzerdefiniertes Dropdown mit Icons und Farben)
• Startdatum & Uhrzeit (24h benutzerdefinierter Datum-Uhrzeit-Wähler)
• Enddatum & Uhrzeit
• Ganztägig-Umschalter
• Standort (Textfeld)
• Beschreibung (Textbereich)
• Link zu Pipeline-Leads — suchen und wählen Sie einen Lead aus der Pipeline aus, um ihn mit dieser Veranstaltung zu verknüpfen
• Erinnerung — Dropdown: Keine, 15 Minuten vorher, 1 Stunde vorher
• Farbe — 12 Farboptionen: Blau, Lila, Bernstein, Grün, Rosa, Indigo, Rot, Grau, Limette, Smaragd, Braun, Cyan
• Speichern / Löschen Schaltflächen

Google Kalender Synchronisierung

CalendarSyncPanel-Komponente bietet:

• Google Kalender verbinden — OAuth-Flow über /api/auth/google. Nach der Autorisierung wird mit dem Status ?google=connected zurückgeleitet.
• Jetzt synchronisieren — POST an /api/calendar/sync. Zeigt Ergebnis an: "X abgerufen, Y Veranstaltungen gepusht."
• Trennen — entfernt die Verbindung zum Google Kalender
• Abonnieren (ICS-Feed) — generiert eine einzigartige webcal-URL für Ihren Kalender. Klicken Sie auf die Schaltfläche Abonnieren, um die URL in Ihre Zwischenablage zu kopieren, und fügen Sie sie dann in jede Kalender-App ein:
  • Apple Kalender — Datei → Neue Kalenderabonnierung → URL einfügen
  • Google Kalender — Einstellungen → Kalender hinzufügen → Aus URL → URL einfügen
  • Microsoft Outlook — Kalender hinzufügen → Aus dem Web abonnieren → URL einfügen
  • Jede App, die ICS/webcal unterstützt — der Feed bietet ein standardmäßiges .ics-Format, das automatisch aktualisiert wird.

Der ICS-Feed ist schreibgeschützt — er synchronisiert Ihre DataSend-Veranstaltungen in externe Kalender, aber Änderungen, die in externen Apps vorgenommen werden, werden nicht zurück synchronisiert. Für eine Zwei-Wege-Synchronisierung verwenden Sie stattdessen die Google Kalender-Verbindung.

Statusanzeigen: Verbunden/Nicht verbunden, letzte Synchronisationszeit, Synchronisationsladezustand.

Seitenleistenfunktionen

• Einklappbare Seitenleiste mit Filtern
• Mobil responsive mit Filterüberlagerung
• Schaltflächen für Veranstaltungstypfilter
• "Veranstaltung erstellen"-Schaltfläche

STICHWÖRTER