LmsProgressCheck
Lern-InteraktionBestätigung am Modulende, mit weiterführenden Schaltflächen.
::lms-progress-check Im Zusammenhang ansehen Konsolidiert aus ProgressTracker, ProgressCheck, Progress und NuggetProgress.
Beispiele (4)
Abschlussbestätigung
Die festen Schaltflächenpaare der Quellen (nextLabel, overviewLabel) sind jetzt eine freie Aktionsliste.
Lernfortschritt
Minimal
Lernfortschritt
Als Kasten im Fließtext
Mit variant="callout" sitzt es als hervorgehobener Kasten mitten im Text, mit Schalter statt Haken. celebrate zeigt nach dem Umlegen einen Glückwunsch mit sprühenden Funken.
Erst nach der Aufgabe
Mit gated bleibt der Haken gesperrt, bis alle Aufgaben der Seite bearbeitet sind. Die Zahl im Hinweis zählt alles Offene — auch die Aufgaben weiter oben.
Wer muss einen erheblichen Sicherheitsvorfall melden?
Lernfortschritt
API
Vollständig aus den Quellen erzeugt. Dieselben Angaben stehen an jedem Beispiel hinter dem Knopf API — hier ausgeschrieben, damit sie über die Seitensuche und im Druck auffindbar bleiben.
Props
| Prop | Typ | Standard | Bedeutung |
|---|---|---|---|
idPflicht | string | — | Eindeutig im Dokument. Schlüssel für den gespeicherten Haken. |
title | string | 'Lernfortschritt' | Überschrift. |
labelPflicht | string | — | Beschriftung der Checkbox. |
hint | string | — | Erläuterung darunter. Inline-Markdown erlaubt. |
actions | LmsAction[] | — | Schaltflächen. |
gated | boolean | false | Erst freigeben, wenn alle Aufgaben der Seite bearbeitet sind. |
variant | 'plain' | 'callout' | 'plain' | `plain` steht mit eigener Überschrift im Fluss, `callout` sitzt als * hervorgehobener Kasten mitten im Text. |
celebrate | string | — | Glückwunsch nach dem Setzen des Hakens, mit sprühenden Funken. * Ohne Angabe bleibt es beim Haken. |
icon | string | 'i-lucide-circle-check-big' | Iconify-Name. |
color | Tone | 'primary' | Semantische Farbrolle. |
Slots
Dieser Baustein hat keine Slots — sein Inhalt kommt vollständig aus den Props.
Emits
Dieser Baustein sendet keine Events.
Theme
Die Beschriftungen dieses Bausteins stehen in der Gruppe lms.labels.progress. Alle Schlüssel sind einzeln überschreibbar — was nicht gesetzt wird, behält die Vorgabe.
// app.config.ts
export default defineAppConfig({
lms: {
labels: {
progress: {
segments: '{done} von {total} bearbeitet',
lockedTitle: 'Noch nicht alles bearbeitet',
lockedHintOne: 'Auf dieser Seite ist noch eine Aufgabe offen.',
lockedHint: 'Auf dieser Seite sind noch {count} Aufgaben offen.'
}
}
}
})Changelog
- Geändert
1.1.0variant="callout"setzt es als hervorgehobenen Kasten - Geändert
0.8.0neue Betriebsart
gated: der Haken bleibt gesperrt, bis - Geändert
0.7.0src/runtime/utils/totp.tskommt hinzu: TOTP in reinem JavaScript, gegen die Testvektoren des RFC geprüft. Einzige Änderung gegenüber der Quelle sind Nicht-Null-Zusicherungen an den Feldzugriffen — der Bestand an@ts-nocheckbleibt bei 51, und keine Ausnahme liegt außerhalb vonfx/ - Hinzugefügt
0.6.0useLmsProgress: Fortschritt lässt sich speichern, ohne dass die Bibliothek ein Backend kennt. Das Zielprojekt hinterlegt einmal einen Adapter mitget/set, die Bausteine nutzen ihn, wenn er da ist — sonst halten sie den Stand im Speicher wie bisher. Ereignisse wären hier nutzlos: MDC kann keine Events abonnieren, und genau dort werden diese Bausteine benutzt - Behoben
0.4.0Die Warnung
Slot "default" invoked outside of the render functionerscheint nicht mehr. Der Katalog läuft jetzt mit 0 Fehlern und 0 Warnungen - Hinzugefügt
0.3.0Der MDC-Bereich jedes Beispiels ist jetzt ein Editor: Syntaxhervorhebung, Code-Vervollständigung aus der Registry, Prüfung in sechs Stufen und eine Vorschau, die beim Tippen mitläuft. Oben rechts Zurücksetzen und Kopieren
- Hinzugefügt
0.3.0Die Prüfung meldet unbekannte Bausteine, unbekannte Props, fehlende Pflicht-Props, unbekannte Slots, Events (die MDC nicht abonnieren kann) und den Typkonflikt, an dem man in MDC am häufigsten hängenbleibt: Inline-Attribute sind immer Zeichenketten,
{count=14}übergibt"14" - Hinzugefügt
0.2.0API-Ansicht je Baustein: Props, Slots, Emits, Theme und dieser Changelog. In der Demo-Hülle als Reiter hinter dem Knopf API, auf der Detailseite ausgeschrieben
- Hinzugefügt
0.2.0Emits werden dokumentiert. Sie sind der Grund, warum sich manche Bausteine aus Markdown heraus nicht vollständig bedienen lassen: MDC kann keine Events abonnieren
- Geändert
0.2.0Die Komponentenreferenz der README wird jetzt vollständig erzeugt statt von Hand gepflegt
- Geändert
0.2.0Auch die Tabelle der optionalen Abhängigkeiten wird erzeugt. Sie war gedriftet:
motion-vstand mit 50 statt 54 Komponenten darin,@uiw/color-convertunter „je 1", obwohl es drei sind - Hinzugefügt
0.1.0Erstveröffentlichung: 187 Bausteine in 17 Kategorien, davon 40 didaktische
Lms- und 147 dekorativeFx-Bausteine aus Inspira UI