Alle Komponenten

LmsQuiz

Lern-Interaktion

Quiz mit einer oder mehreren Fragen, Einzel- oder Mehrfachauswahl.

In Markdown: ::lms-quiz Im Zusammenhang ansehen

Konsolidiert aus QuizCard, QuizBlock, KmuQuiz, NuggetQuiz, Quiz und QuizQuestion.

Die Quellkomponenten trennten Optionen und Lösung (options: string[] plus correct: [1, 2]). Hier steht die Lösung an der Option selbst: ein Indexverweis auf eine Liste ist in Markdown nicht nachvollziehbar.

Beispiele (4)

Einfachauswahl

Genau eine richtige Option ergibt Radiobuttons.

1

Ab wie vielen Beschäftigten kann ein Betrieb als wichtige Einrichtung gelten?

Mehrfachauswahl

Mehr als eine richtige Option schaltet automatisch auf Checkboxen um. Ein Hinweis dazu erscheint unter der Frage.

1

Welche Fristen kennt die Meldekette nach NIS-2?

Mehrfachauswahl möglich

Mehrere Fragen mit Gesamtübersicht

Jede Frage wird einzeln geprüft. Sobald eine geprüft ist, erscheint die laufende Auswertung.

1

Wer trägt nach NIS-2 die Verantwortung für die Billigung der Maßnahmen?

2

Was löst die Meldepflicht aus?

3

Gilt NIS-2 auch für Zulieferer?

Ohne Gesamtübersicht

1

Wie heißt die deutsche Umsetzung der NIS-2-Richtlinie?

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

PropTypStandardBedeutung
idPflichtstringEindeutig im Dokument. Schlüssel für den gespeicherten Stand.
itemsPflichtLmsQuizItem[]Wiederholte Kinder.
colorTone'primary'Semantische Farbrolle.
summarybooleantrueLaufende Gesamtübersicht unter den Fragen.

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.quiz. Alle Schlüssel sind einzeln überschreibbar — was nicht gesetzt wird, behält die Vorgabe.

// app.config.ts
export default defineAppConfig({
  lms: {
    labels: {
      quiz: {
        check: 'Antwort prüfen',
        reset: 'Nochmal',
        resetAll: 'Quiz zurücksetzen',
        multiple: 'Mehrfachauswahl möglich',
        correct: 'Richtig',
        incorrect: 'Nicht ganz',
        optionCorrect: 'richtig',
        optionWrong: 'falsch',
        summary: '{checked} von {total} Fragen geprüft · {correct} richtig',
        allCorrect: 'Alles richtig.',
        someWrong: 'Sehen Sie sich die rot markierten Fragen noch einmal an.',
        checkEach: 'Prüfen Sie jede Frage einzeln.'
      }
    }
  }
})

Changelog

  1. Geändert0.8.0

    speichert die Antworten über useLmsProgress, meldet sich im

  2. Behoben0.8.0

    verwarf die Antworten bei jedem Neuzeichnen. Der Watcher hing an

  3. Geändert0.7.0

    src/runtime/utils/totp.ts kommt 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-nocheck bleibt bei 51, und keine Ausnahme liegt außerhalb von fx/

  4. Hinzugefügt0.6.0

    useLmsProgress: Fortschritt lässt sich speichern, ohne dass die Bibliothek ein Backend kennt. Das Zielprojekt hinterlegt einmal einen Adapter mit get/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

  5. Behoben0.4.0

    Die Warnung Slot "default" invoked outside of the render function erscheint nicht mehr. Der Katalog läuft jetzt mit 0 Fehlern und 0 Warnungen

  6. Hinzugefügt0.3.0

    Der 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

  7. Hinzugefügt0.3.0

    Die 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"

  8. Hinzugefügt0.2.0

    API-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

  9. Hinzugefügt0.2.0

    Emits werden dokumentiert. Sie sind der Grund, warum sich manche Bausteine aus Markdown heraus nicht vollständig bedienen lassen: MDC kann keine Events abonnieren

  10. Geändert0.2.0

    Die Komponentenreferenz der README wird jetzt vollständig erzeugt statt von Hand gepflegt

  11. Geändert0.2.0

    Auch die Tabelle der optionalen Abhängigkeiten wird erzeugt. Sie war gedriftet: motion-v stand mit 50 statt 54 Komponenten darin, @uiw/color-convert unter „je 1", obwohl es drei sind

  12. Hinzugefügt0.1.0

    Erstveröffentlichung: 187 Bausteine in 17 Kategorien, davon 40 didaktische Lms- und 147 dekorative Fx-Bausteine aus Inspira UI