Mein Arbeitstag Widget – personalisierter Tagesstart im Intranet

Übersicht

Das Mein Arbeitstag Widget ist das persönliche Cockpit für jeden Mitarbeitenden im Staffbase Intranet: Begrüßung mit Vornamen, das aktuelle Datum, vier Tasks mit Done-State und vier Quick Links zu den wichtigsten Tools – alles auf einen Blick, alles ohne externes To-do-Tool.

Warum dieses Widget?

Mitarbeitende verlieren morgens 10–15 Minuten damit, ihre verstreuten Tools zu öffnen: Outlook, Time Tracking, Urlaubsportal, Schreibtisch-Buchung, Wiki. Jedes dieser Tools ist ein eigener Tab, ein eigenes Login, ein eigener Mental-Switch.

Das Mein Arbeitstag Widget macht aus dem Intranet das Startfenster: persönlich, fokussiert, mit den vier wichtigsten Aufgaben für heute und den vier wichtigsten Tools.

Hauptfunktionen

1. Tageszeit-Begrüßung mit Vornamen

Das Widget nutzt den Staffbase-user-Context für user.firstName und einen kleinen JavaScript-Block, der die Uhrzeit prüft:

1var hour = new Date().getHours();
2var g = 'Guten Morgen';
3if (hour >= 12 && hour < 18) g = 'Guten Tag';
4else if (hour >= 18) g = 'Guten Abend';

Übersetzungen kommen aus den Translation-Keys – „Good morning“, „Good afternoon“, „Good evening“ auf Englisch.

2. Lokalisiertes Datum

Über dem Greeting steht das aktuelle Datum, lokalisiert via datetime-Helper:

1{{datetime with_locale=widget.contentLanguage with_timezone=browserTimezone output_format="DDDD"}}

Das ergibt „Mittwoch, 15. April 2026“ auf Deutsch oder „Wednesday, April 15, 2026“ auf Englisch.

3. Tasks mit Done-State im localStorage

Vier konfigurierbare Aufgaben (Editor-Settings, weil sie für das ganze Team gleich sind – z. B. „Stand-up um 09:30“). Jeder Task hat eine Checkbox; der Done-State wird browser-lokal gespeichert:

1var dayKey = 'mein_tag_' + new Date().toISOString().slice(0,10);
2var done = JSON.parse(localStorage.getItem(dayKey) || '[]');

Der Schlüssel enthält das Datum, sodass der State sich täglich automatisch zurücksetzt. Erledigte Tasks bekommen Strikethrough und 50 % Opacity. Ein kleiner Counter unter der Liste zeigt „X / 4 erledigt“.

4. Vier Quick Links

Vier konfigurierbare Buttons in einem 2×2-Grid. Jeder mit Label und URL als Settings, mit kleinem Akzentfarben-Punkt vor dem Label. Die typische Konfiguration: Posteingang, Time Tracking, Urlaubsantrag, Schreibtisch-Buchung – aber alles ist editor-konfigurierbar.

5. Light & Dark Mode

Wie alle Showcase-Widgets: beide Themes mit konfigurierbarer Akzentfarbe.

Konfiguration

16 Settings, alle Editor-time:

• Untertitel, Fallback-Name, Akzentfarbe, Theme
• 4 Tasks als Text-Felder
• 4 Quick Links mit jeweils Label + URL

Wer weniger Tasks oder Links will, lässt einfach einzelne Felder leer – das Template blendet sie per Conditional Rendering aus.

Technisch

• Plattform: Staffbase 5.0+
• Mehrsprachig: Deutsch und Englisch out-of-the-box
• Persistierung: localStorage browser-lokal pro Tag
• User-Context: user.firstName mit coalesce-Fallback

Häufige Fragen

Werden die Tasks pro User persistiert?

Ja – browser-lokal pro Tag. Wer auf einem zweiten Gerät arbeitet, sieht die Tasks unangetastet. Für teamübergreifende Tasks ist das Widget nicht gedacht – dafür gibt es projektspezifische Tools wie Asana oder Linear.

Kann ich mehr als 4 Tasks oder Links haben?

In der aktuellen Showcase-Version nicht – das Widget ist bewusst auf „die vier wichtigsten Dinge“ fokussiert. Wer mehr braucht, kann das Template per update_widget erweitern.

Verwandte Widgets

• Kudos Wall – für Wertschätzung im Team
• QR Links – Quick Links als QR-Code für Frontline Workers
• Wetter Widget – Wetter neben dem Tagesstart