Jannik/Quizalarm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rename MC to MultipleChoice, implement SingleChoice option, and update documentation

Browse Source
This commit is contained in:
Jannik
2026-04-26 15:22:13 +02:00
parent 1ee2b265b6
commit 3b725e3096
3 changed files with 34 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
BASEROW-SETUP.md
+18 -18
View File
@@ -58,7 +58,7 @@ Für jedes Fragenset wird eine eigene Tabelle erstellt. Der Aufbau ist immer ide
| Nr. | Feldname | Feldtyp | Optionen / Hinweis |
|-----|--------------------|------------------|---------------------------------------------------|
| 1 | `Frage` | Long text | Der vollständige Fragetext |
| 2 | `Typ` | Single select | Optionen anlegen: `MC`, `Wahr/Falsch`, `Freitext` |
| 2 | `Typ` | Single select | Optionen anlegen: `MultipleChoice`, `SingleChoice`, `Wahr/Falsch`, `Freitext` |
| 3 | `Bild` | File | Optional — Bild zur Frage hochladen |
| 4 | `Antwort A` | Single line text | Bei Wahr/Falsch: `Wahr` |
| 5 | `Antwort B` | Single line text | Bei Wahr/Falsch: `Falsch` |
@@ -75,8 +75,8 @@ Für jedes Fragenset wird eine eigene Tabelle erstellt. Der Aufbau ist immer ide
| Fragetyp | Beispiel-Wert | Erklärung |
|----------------|---------------|------------------------------------------------|
| MC (1 richtig) | `A` | Nur der Buchstabe der richtigen Antwort |
| MC (mehrere) | `A,C` | Kommagetrennt, ohne Leerzeichen |
| SingleChoice | `A` | Nur der Buchstabe der richtigen Antwort |
| MultipleChoice | `A,C` | Kommagetrennt, ohne Leerzeichen |
| Wahr/Falsch | `A` | `A` = Wahr, `B` = Falsch |
| Freitext | `Berlin` | Das erwartete Wort (Groß/Kleinschreibung egal) |
@@ -100,23 +100,23 @@ Die App normalisiert Eingaben automatisch:
## 5. Beispielfragen
### MC mit 4 Antworten
### SingleChoice mit 4 Antworten
| Frage | Typ | Antwort A | Antwort B | Antwort C | Antwort D | Richtige Antwort | Kategorie |
|-------------------------------------------------|-----|-----------|-----------|-----------|-----------|------------------|-----------|
| Wie heißt die Hauptstadt von Baden-Württemberg? | MC | Stuttgart | Karlsruhe | Freiburg | Mannheim | A | Geografie |
| Frage | Typ | Antwort A | Antwort B | Antwort C | Antwort D | Richtige Antwort | Kategorie |
|-------------------------------------------------|--------------|-----------|-----------|-----------|-----------|------------------|-----------|
| Wie heißt die Hauptstadt von Baden-Württemberg? | SingleChoice | Stuttgart | Karlsruhe | Freiburg | Mannheim | A | Geografie |
### MC mit mehreren richtigen Antworten
### MultipleChoice mit mehreren richtigen Antworten
| Frage | Typ | Antwort A | Antwort B | Antwort C | Antwort D | Richtige Antwort | Kategorie |
|----------------------------------|-----|-----------|-----------|-----------|-----------|------------------|-----------|
| Welche sind Programmiersprachen? | MC | Python | HTML | Java | Photoshop | A,C | IT |
| Frage | Typ | Antwort A | Antwort B | Antwort C | Antwort D | Richtige Antwort | Kategorie |
|----------------------------------|----------------|-----------|-----------|-----------|-----------|------------------|-----------|
| Welche sind Programmiersprachen? | MultipleChoice | Python | HTML | Java | Photoshop | A,C | IT |
### MC mit 3 Antworten
### SingleChoice mit 3 Antworten
| Frage | Typ | Antwort A | Antwort B | Antwort C | Antwort D | Richtige Antwort | Kategorie |
|-----------------------------------|-----|-----------|-----------|-----------|-----------|------------------|-----------|
| Welche Farbe hat ein Stoppschild? | MC | Rot | Blau | Grün | *(leer)* | A | Verkehr |
| Frage | Typ | Antwort A | Antwort B | Antwort C | Antwort D | Richtige Antwort | Kategorie |
|-----------------------------------|--------------|-----------|-----------|-----------|-----------|------------------|-----------|
| Welche Farbe hat ein Stoppschild? | SingleChoice | Rot | Blau | Grün | *(leer)* | A | Verkehr |
### Wahr/Falsch
@@ -132,9 +132,9 @@ Die App normalisiert Eingaben automatisch:
### Mit Bild
| Frage | Typ | Bild | Antwort A | Antwort B | Antwort C | Antwort D | Richtige Antwort | Kategorie |
|-----------------------------------|-----|--------------------|-----------|-----------|---------------|------------|------------------|-----------|
| Was zeigt dieses Verkehrszeichen? | MC | *(Bild hochladen)* | Vorfahrt | Stopp | Einbahnstraße | Parkverbot | B | Verkehr |
| Frage | Typ | Bild | Antwort A | Antwort B | Antwort C | Antwort D | Richtige Antwort | Kategorie |
|-----------------------------------|--------------|--------------------|-----------|-----------|---------------|------------|------------------|-----------|
| Was zeigt dieses Verkehrszeichen? | SingleChoice | *(Bild hochladen)* | Vorfahrt | Stopp | Einbahnstraße | Parkverbot | B | Verkehr |
---
public/js/app.js
+14 -14
View File
@@ -90,8 +90,8 @@ function Leaderboard({ entries, highlight, compact }) {
const ANSWER_COLORS = { A: 'answer-a', B: 'answer-b', C: 'answer-c', D: 'answer-d' };
function AnswerGrid({ question, selected, onToggle, disabled, feedback }) {
const typ = (question.typ || 'MC').toLowerCase();
const isWF = typ === 'wahr/falsch';
const typ = (question.typ || 'MultipleChoice').toLowerCase();
const isSingle = typ === 'wahr/falsch' || typ === 'singlechoice';
if (typ === 'freitext') {
if (feedback) {
@@ -132,7 +132,7 @@ function AnswerGrid({ question, selected, onToggle, disabled, feedback }) {
<button key={a.key} className={cls} disabled={disabled || !!feedback}
onClick={() => {
if (disabled || feedback) return;
if (isWF) onToggle([a.key]);
if (isSingle) onToggle([a.key]);
else onToggle(isSelected ? selected.filter((s) => s !== a.key) : [...selected, a.key]);
}}>
{icon}{a.text}
@@ -503,10 +503,10 @@ function SoloQuizPage({ params, navigate }) {
if (!questions.length) return <div className="min-h-screen flex items-center justify-center animate-pulse text-xl text-amber-400">Lade Fragen...</div>;
const q = questions[index];
const typ = fieldVal(q['Typ'], 'MC').toLowerCase();
const typ = fieldVal(q['Typ'], 'MultipleChoice').toLowerCase();
const sanitized = {
frage: q['Frage'] || '(Kein Fragetext)',
typ: fieldVal(q['Typ'], 'MC'),
typ: fieldVal(q['Typ'], 'MultipleChoice'),
bild: q['Bild'] && Array.isArray(q['Bild']) && q['Bild'].length ? q['Bild'][0].url : null,
antworten: shuffledAnswers,
};
@@ -838,7 +838,7 @@ function WettkampfQuizPage({ params, navigate }) {
// Detect all unique types dynamically
const typeGroups = {};
shuffled.forEach((q) => {
const typ = fieldVal(q['Typ'], 'MC');
const typ = fieldVal(q['Typ'], 'MultipleChoice');
if (!typeGroups[typ]) typeGroups[typ] = [];
typeGroups[typ].push(q);
});
@@ -909,7 +909,7 @@ function WettkampfQuizPage({ params, navigate }) {
if (questions.length === 0) return;
const map = {};
questions.forEach((q) => {
const typ = fieldVal(q['Typ'], 'MC').toLowerCase();
const typ = fieldVal(q['Typ'], 'MultipleChoice').toLowerCase();
if (typ !== 'freitext') {
const antworten = [];
['A', 'B', 'C', 'D'].forEach((k) => { if (q[`Antwort ${k}`]) antworten.push({ key: k, text: q[`Antwort ${k}`] }); });
@@ -1026,7 +1026,7 @@ function WettkampfQuizPage({ params, navigate }) {
return;
}
const typ = fieldVal(question['Typ'], 'MC').toLowerCase();
const typ = fieldVal(question['Typ'], 'MultipleChoice').toLowerCase();
const rawCorrect = (question['Richtige Antwort'] || '').trim();
let ok = false;
@@ -1136,13 +1136,13 @@ function WettkampfQuizPage({ params, navigate }) {
const currentAnswer = answers[q?.id];
const currentSelected = currentAnswer?.selected || [];
const typ = fieldVal(q['Typ'], 'MC').toLowerCase();
const isWF = typ === 'wahr/falsch';
const typ = fieldVal(q['Typ'], 'MultipleChoice').toLowerCase();
const isSingle = typ === 'wahr/falsch' || typ === 'singlechoice';
const currentShuffledAnswers = shuffledAnswersMap[q?.id] || [];
const sanitized = {
frage: q['Frage'] || '(Kein Fragetext)',
typ: fieldVal(q['Typ'], 'MC'),
typ: fieldVal(q['Typ'], 'MultipleChoice'),
bild: q['Bild'] && Array.isArray(q['Bild']) && q['Bild'].length ? q['Bild'][0].url : null,
antworten: currentShuffledAnswers,
};
@@ -1240,7 +1240,7 @@ function WettkampfQuizPage({ params, navigate }) {
return (
<button key={a.key} className={cls}
onClick={() => {
if (isWF) handleSelect(q.id, [a.key]);
if (isSingle) handleSelect(q.id, [a.key]);
else handleSelect(q.id, isSelected ? currentSelected.filter((s) => s !== a.key) : [...currentSelected, a.key]);
}}>
{a.text}
@@ -1304,7 +1304,7 @@ function WettkampfResultPage({ params, navigate }) {
// Resolve correct answers for a question
const resolveCorrectKeys = (question) => {
const rawCorrect = (question['Richtige Antwort'] || '').trim();
const typ = fieldVal(question['Typ'], 'MC').toLowerCase();
const typ = fieldVal(question['Typ'], 'MultipleChoice').toLowerCase();
if (typ === 'freitext') return { keys: [], text: rawCorrect };
const parts = rawCorrect.split(',').map((s) => s.trim()).filter(Boolean);
@@ -1326,7 +1326,7 @@ function WettkampfResultPage({ params, navigate }) {
const QuestionReview = ({ result }) => {
const question = qMap[result.questionId];
if (!question) return null;
const typ = fieldVal(question['Typ'], 'MC').toLowerCase();
const typ = fieldVal(question['Typ'], 'MultipleChoice').toLowerCase();
const userAnswer = answers[result.questionId];
const selected = userAnswer?.selected || [];
const { keys: correctKeys, text: correctText } = resolveCorrectKeys(question);
server/quiz-logic.js
+2 -2
View File
@@ -18,7 +18,7 @@ function extractFieldValue(field, fallback) {
}
function getTyp(question) {
return extractFieldValue(question['Typ'], 'MC').toLowerCase();
return extractFieldValue(question['Typ'], 'MultipleChoice').toLowerCase();
}
function checkFreitext(userAnswer, correctAnswer) {
@@ -134,7 +134,7 @@ function sanitizeQuestion(question) {
const sanitized = {
id: question.id,
frage: question['Frage'] || '',
typ: extractFieldValue(question['Typ'], 'MC'),
typ: extractFieldValue(question['Typ'], 'MultipleChoice'),
bild: null,
antworten: [],
kategorie: extractFieldValue(question['Kategorie'], ''),