Gewohnheiten

Vorsätze in den Alltag tragen — abhaken, Abzeichen, Aktivitätsraster.

Diese Familie beantwortet die Frage, die nach jedem Modul offenbleibt: und jetzt? Wissen verfällt, eine Gewohnheit nicht. Deshalb geht es hier nicht mehr um Vermittlung, sondern um den Übertrag — abhaken, dranbleiben, sehen, dass man drangeblieben ist.

Die Bausteine brauchen Daten, die es nur im Zielprojekt gibt: welche Vorsätze jemand gefasst hat, an welchen Tagen er sie erledigt hat, welche Abzeichen offen sind. Dafür gibt es den zweiten Adapter $lmsHabits mit sechs Vorgängen — useLmsProgress speichert einen Wert unter einem Schlüssel, das genügt für eine Quizantwort, nicht für eine Liste. Ohne Adapter halten die Bausteine ihre Daten im Speicher: die Beispiele hier funktionieren, überleben aber kein Neuladen.

Farben sind hier freie Angaben und keine Farbrollen. Sechs Themenfelder und drei Abzeichenstufen lassen sich nicht auf primary/success/warning abbilden, ohne dass die Hälfte gleich aussieht — „Bronze" ist keine semantische Rolle. Das Farb-Gate bleibt gewahrt: verboten sind feste Tailwind-Klassen im Quelltext, nicht Werte, die von außen kommen.

LmsHabitEntry

Der Knopf links ist der ganze Zweck: eine Bewegung, täglich, ohne Formular. Abgehakt wird sofort und wird zurückgenommen, wenn der Speicher widerspricht — bei etwas, das mehrmals am Tag vorkommt, ist das der Unterschied zwischen „reagiert" und „hakt".

variant unterscheidet nur die Dichte: die Zeile zeigt Titel, Themenfeld und Strähne, die Karte zusätzlich Beschreibung, Rhythmus, den Streifen der letzten Tage und die Wochenbilanz. Zwei Bausteine daraus zu machen wäre eine Dublette.

Als Zeile

Die kompakte Form für Kacheln und Listen. Klicken Sie den Haken.

MFA-Anfragen bewusst bestätigen

Passwörter4

Bildschirm beim Verlassen sperren

Geräte12

Als Karte

Mit Streifen der letzten 14 Tage, Wochenbilanz und Menü.

Wöchentliche Sicherung prüfen

Kurz nachsehen, ob die letzte Sicherung durchgelaufen ist — nicht bloß, ob der Dienst läuft.

Datenwöchentlich09:00Schulung
6 Tage in Folge1/1 diese Woche

LmsCategoryPill

Sechs Themenfelder

Die Farbe kommt als Wert, nicht als Rolle — sonst sähen vier davon gleich aus.

Passwörter Geräte E-Mail Daten Updates Bewusstsein

LmsBadge

Der gesperrte Zustand ist der wichtigere: er zeigt, wie weit es noch ist. Ein Raster aus grauen Medaillen ohne Fortschritt wäre bloß eine Liste von Dingen, die man nicht hat.

Freigeschaltet und gesperrt

Erster Schutzwall

Legen Sie Ihre erste Gewohnheit an.

Bronze

Wachsam: 7 Tage

Sieben Tage in Folge aktiv geblieben.

3 / 7

Routiniert

Fünfzig erledigte Gewohnheiten.

4 / 50

LmsBadges

Die Kopfzeile zählt genau das, was darunter steht — deshalb steckt sie im selben Baustein und nicht daneben, wo sie auseinanderlaufen könnte.

Raster mit Kopfzeile

1 von 6 Abzeichen

Bleiben Sie dran und decken Sie alle Bereiche ab, um sie freizuschalten.

17 % freigeschaltet

Erster Schutzwall

Legen Sie Ihre erste Gewohnheit an.

Bronze

Wachsam: 7 Tage

Sieben Tage in Folge aktiv geblieben.

3 / 7

Rundum abgesichert

In allen sechs Bereichen aktiv.

2 / 6

Passwort-Wächter

Zwanzig Passwort-Gewohnheiten erledigt.

3 / 20

Routiniert

Fünfzig erledigte Gewohnheiten.

4 / 50

Perfekte Woche

Eine Woche lang an jedem Tag aktiv.

0 / 1

LmsHeatmap

Eine Zahl („12 Tage in Folge") sagt dasselbe, aber das Raster zeigt auch die Lücken — und die sind der eigentliche Anlass, wieder anzufangen.

Gerechnet wird über Datums-Zeichenketten statt über Date: sonst verschiebt die Zeitzone die Kästchen um einen Tag, und zwar nur für Betrachter westlich von Greenwich. Das Raster entsteht deshalb erst im Browser.

Zwölf Wochen

Die Kästchen sind anklickbar; der Kurzhinweis nennt Tag und Zahl.

MoMiFr
wenigermehr

LmsHabitsTile

Offene zuerst

Die Kachel zeigt, was zu tun ist — das Abgehakte bleibt sichtbar, weil das Durchgestrichene der Lohn ist.

Meine Gewohnheiten

Ihre Sicherheits-Routine für heute

1/3

MFA-Anfragen bewusst bestätigen

Passwörter

Bildschirm beim Verlassen sperren

Geräte

Absender bei Rechnungen prüfen

E-Mail
Verwalten

LmsGoalsTile

Was als Nächstes greifbar ist

Ohne freigeschaltete Abzeichen zeigt die Kachel die drei nächstliegenden Ziele statt drei graue Medaillen.

Meine Ziele

Abzeichen für gelebte Sicherheit

1/4

25 % freigeschaltet

Erster Schutzwall

Alle Ziele ansehen

LmsHeatmapTile

Aktivität als Kachel

Meine Aktivität

Erledigte Gewohnheiten der letzten Monate

8 gesamt
MoMiFr
wenigermehr
Verlauf ansehen

LmsTile

Der Kachelrahmen für sich — Icon, Titel, Unterzeile, Zählmarke, Inhalt, Fußknopf. Herausgelöst aus den drei Kacheln oben, wo derselbe Kopfbereich dreimal Zeile für Zeile gleich dastand.

Mit eigenem Inhalt

Nächste Prüfung

Ihr Abschluss steht an

2/3

Zwei von drei Modulen sind bearbeitet. Die Prüfung wird freigegeben, sobald das dritte abgeschlossen ist.

Zur Prüfung

LmsHabitForm

Der Baustein bringt seinen eigenen Auslöseknopf mit und verwaltet das Öffnen selbst. Das ist der Grund: MDC kennt weder v-model:open noch @saved — ein Dialog, der von außen gesteuert werden muss, wäre aus einem Lernmodul heraus nicht aufrufbar. Wer ihn aus einer .vue-Datei einbindet, kann v-model:open trotzdem benutzen und den Knopf mit trigger="false" abschalten.

Anlegen

Ohne Adapter landet das Ergebnis im Speicher — sichtbar in den Kacheln weiter oben.

LmsHabitTemplates

Vorschläge aus den Schulungen

Nach Schulung gruppiert, damit erkennbar bleibt, woher ein Vorsatz stammt.