SLC Companion
- v0.6
+ v0.7
@@ -415,7 +423,7 @@ const CHANGE_LEGEND = [
"VollstĂ€ndige Bewertung, Business Case, ausfĂŒhrliche Planung & Tests, Kommunikationsplan",
"DurchlÀuft den vollen Lebenszyklus ab dem Design (alle Gates)"],
bsp:"Rechenzentrumsumzug, Austausch eines Kernsystems, organisationsweite Plattformmigration." },
- { idee:"Der Regelfall fĂŒr alles, was nicht vorab genehmigt ist und kein Notfall ist. DurchlĂ€uft den Bewertungs- und Gate-Prozess.",
+ { idee:"Der Regelfall fĂŒr alles, was nicht vorab genehmigt ist und kein Notfall ist. DurchlĂ€uft einen strukturierten Bewertungs- und Freigabeprozess.",
bed:["Ănderungsantrag (RfC) wird erfasst",
"Risiko- und Impact-Bewertung wird durchgefĂŒhrt",
"Freigabe an den Gates durch die SOR (Gate 2 durch den Service Owner) vor Umsetzung",
@@ -436,6 +444,37 @@ const CHANGE_LEGEND = [
];
// Anzeige-Reihenfolge der Change-Arten (Indizes in CHANGE_TYPES): Standard, Emergency, Normal, Major
const CT_ORDER = [2, 3, 1, 0];
+
+/* Aufgabe 2: Wo wird der Change freigegeben? (Cluster nach Frank; Index parallel zu CHANGE_TYPES) */
+const FREIGABE_OPTIONS = [
+ "SOR / DPM / Mission Board",
+ "Service Owner (SO)",
+ "Keine Freigabe â Standard (vorab genehmigt)",
+ "Keine Freigabe â Emergency (nachgelagert)"
+];
+const FREIGABE_ORDER = [0, 1, 2, 3];
+const FREIGABE_CORRECT = [0, 1, 2, 3]; // MajorâSOR/DPM/MB · NormalâSO · Standardâkeine · Emergencyâkeine
+const FREIGABE_GRUND = [
+ "Ein Major Change wird in der SOR freigegeben. Reicht deren Ressourcen- und Entscheidungshoheit nicht, wird daraus ein Demand â ĂŒber den DPM ans Mission Board.",
+ "Ein Normal Change wird vom Service Owner freigegeben und umgesetzt; er berĂŒhrt die SOR nicht (kein Gate 3).",
+ "Ein Standard Change ist ĂŒber den Standard-Change-Katalog generell vorab autorisiert â keine Einzelfreigabe nötig.",
+ "Ein Emergency Change wird sofort umgesetzt; die formale Freigabe (Gate 3 / SOR) erfolgt nachgelagert zur Dokumentation."
+];
+
+/* Bonus-Karten: Service ist bereits live. Welche Phasen sind fĂŒr diese Change-Art
+ noch relevant â und welche fallen weg? (Index parallel zu CHANGE_TYPES; 0/Major ungenutzt) */
+const BONUS_AUFLOESUNG = [
+ null,
+ { relevant:["Transition (verkĂŒrzt, meist Konfiguration)","Operation"],
+ wegfall:["Design (Service existiert bereits)","voller Review"],
+ text:"Der Service lĂ€uft schon â ein neues Design entfĂ€llt. Der Normal Change steigt in der Transition ein (meist der Konfigurationspfad), wird vom Service Owner freigegeben (Gate 2) und geht zurĂŒck in den Betrieb. Ein kompletter Review-Durchlauf ist fĂŒr diese ĂŒberschaubare Ănderung nicht nötig." },
+ { relevant:["Operation (laufender Betrieb)"],
+ wegfall:["Design","Transition & Gates","Review"],
+ text:"Ein Standard Change ist ĂŒber den Katalog vorab autorisiert. Er wird direkt im laufenden Betrieb umgesetzt â keine Design- oder Transition-Phase, keine Gate-Freigabe, kein Review." },
+ { relevant:["beschleunigte Umsetzung / Deployment","Operation & Support","nachgelagerte Freigabe + Doku"],
+ wegfall:["Design","regulÀre Vorab-Freigabe an den Gates"],
+ text:"Beim Emergency Change zĂ€hlt Tempo: Der Fix wird sofort ausgerollt, um die Störung zu beheben. Die formale Freigabe (Gate 3 / SOR) und die Dokumentation erfolgen nachgelagert; danach geht der Service in den normalen Betrieb zurĂŒck." }
+];
// Feste, EINMALIG gemischte Deck-Reihenfolge ([service, change]) â bei jedem Start gleich, nicht gruppiert.
const DECK_ORDER = [[2,1],[0,3],[4,0],[1,2],[5,3],[3,0],[0,1],[2,3],[4,2],[1,0],[5,1],[3,2],
[2,0],[0,2],[4,3],[1,3],[5,0],[3,1],[2,2],[0,0],[4,1],[1,1],[5,2],[3,3]];
@@ -445,7 +484,7 @@ const USE_CASES = [
changes:[
{titel:"Open Source von oben!", text:"Der OB gibt die Richtung vor: Die proprietÀre VDI-Lösung soll auf eine Open-Source-Alternative (OpenStack + Thin-Client) umgestellt werden."},
{titel:"Tapetenwechsel", text:"Die Stadt bekommt ein neues Logo â der Desktop-Hintergrund aller virtuellen ArbeitsplĂ€tze muss angepasst werden."},
- {titel:"Quartalspflege", text:"Das turnusmĂ€Ăige Firmware-Update der VDI-Host-Hypervisoren steht an â im Standard-Change-Katalog lĂ€ngst hinterlegt."},
+ {titel:"Quartalspflege", text:"Das turnusmĂ€Ăige Firmware-Update der VDI-Host-Hypervisoren steht an."},
{titel:"Blackout!", text:"Ein Stromausfall reiĂt ein ganzes VDI-Host-Cluster aus dem Betrieb â die Sitzungen mĂŒssen sofort auf ein Backup-Cluster migriert werden."}
]},
{ service:"Managed VPN-Access Service",
@@ -453,7 +492,7 @@ const USE_CASES = [
changes:[
{titel:"BrĂŒssel ruft!", text:"Eine neue EU-weite IT-Sicherheitsverordnung zwingt dazu, die gesamte VPN-Architektur neu aufzustellen."},
{titel:"Heimvorteil", text:"Ein neues Intranet-Portal soll in die Split-Tunnel-Liste, damit Mitarbeitende auch aus dem Homeoffice darauf zugreifen."},
- {titel:"Monatsroutine", text:"Das monatliche Firmware-Update der VPN-Appliance steht an â als Standard-Change bereits freigegeben."},
+ {titel:"Monatsroutine", text:"Das monatliche Firmware-Update der VPN-Appliance steht an."},
{titel:"Gephisht!", text:"Ein erfolgreicher Phishing-Angriff hat eine VPN-Zertifikatskette kompromittiert â sofort sperren und neu ausstellen."}
]},
{ service:"Online-BĂŒrgerportal fĂŒr Meldungen & AntrĂ€ge",
@@ -461,7 +500,7 @@ const USE_CASES = [
changes:[
{titel:"Mitreden, Pflicht!", text:"Ein neues Landesgesetz schreibt digitale BĂŒrgerbeteiligung vor â das Portal muss um komplette Beteiligungs-Module erweitert werden."},
{titel:"Rotstift gefragt", text:"Der BĂŒrgerservice meldet einen Rechtschreibfehler in einem statischen Hinweistext, der korrigiert werden muss."},
- {titel:"Patchday", text:"Das monatliche Sicherheits-Patch des Webservers (Apache/Nginx) steht an â im Change-Katalog definiert."},
+ {titel:"Patchday", text:"Das monatliche Sicherheits-Patch des Webservers (Apache/Nginx) steht an."},
{titel:"LĂŒcke im Formular!", text:"In einem Eingabe-Formular wird eine kritische XSS-Schwachstelle entdeckt â ein Hotfix muss sofort raus."}
]},
{ service:"Zentrales Dokumenten-Management-System (DMS)",
@@ -477,7 +516,7 @@ const USE_CASES = [
changes:[
{titel:"Norm-Zwang", text:"Eine bundesweite Vorgabe zu EU-Standards erzwingt die komplette Migration des GIS-Stacks auf konforme Services und Datenmodelle."},
{titel:"Falsch beschriftet", text:"Das Bauamt meldet eine falsche Beschriftung eines Karten-Layers, die korrigiert werden muss."},
- {titel:"GeoServer-Update", text:"Das monatliche Update der GIS-Software (GeoServer 2.23 â 2.24) steht an â im Standard-Change-Katalog."},
+ {titel:"GeoServer-Update", text:"Das monatliche Update der GIS-Software (GeoServer 2.23 â 2.24) steht an."},
{titel:"Schnittstelle offen!", text:"An einer Schnittstelle wird eine kritische Schwachstelle entdeckt, die unautorisierten Datenzugriff erlaubt â Dienst sofort abschalten und patchen."}
]},
{ service:"Beschaffungs- und Vertrags-System fĂŒr FachĂ€mter",
@@ -485,7 +524,7 @@ const USE_CASES = [
changes:[
{titel:"Vergabe neu!", text:"Eine neue EU-Vergaberichtlinie zwingt zur EinfĂŒhrung von E-Invoicing und erweiterten Transparenz-Reports."},
{titel:"Vierstellig, bitte", text:"Das Finanzamt wĂŒnscht eine kleine Anpassung: aus dem Label âKostenstelleâ wird âKostenstelle (4-stellig)â."},
- {titel:"Patch-Quartal", text:"Das quartalsweise Sicherheits-Patch des Anwendungsservers steht an â bereits im Change-Katalog."},
+ {titel:"Patch-Quartal", text:"Das quartalsweise Sicherheits-Patch des Anwendungsservers steht an."},
{titel:"Upload-Falle!", text:"Im Vertrags-Upload wird eine kritische LĂŒcke entdeckt, ĂŒber die sich Schadcode hochladen lĂ€sst â Endpoint sofort sperren, Hotfix einspielen."}
]}
];
@@ -1056,9 +1095,11 @@ function seedAkte(entryIdx){
/* ====================== STATE ====================== */
const LS_KEY = "slc-companion-proto";
function defaultState(){
- return { view:"deck", service:null, change:null,
+ return { view:"deck", mode:"main", service:null, change:null,
classifyDone:false, classifyWrong:null,
+ freigabeDone:false, freigabeWrong:null,
entryDone:false, entryWrong:null,
+ bonusReveal:false, bonusDone:{}, servicesDone:{},
index:0, stage:"discuss", quizIndex:0,
actStep:0, actReveal:false, actDone:false, arteWrong:null,
picks:{}, done:{}, akte:{},
@@ -1157,10 +1198,13 @@ function draw(){
document.body.classList.toggle("runMode", S.view==="run");
if(S.view!=="run"){ document.body.classList.remove("navOpen","akteOpen","rollenOpen"); }
renderCardBadge();
- if(S.view==="deck") return renderDeck();
- if(S.view==="classify") return renderClassify();
- if(S.view==="entry") return renderEntry();
- if(S.view==="end") return renderEnd();
+ if(S.view==="deck") return renderDeck();
+ if(S.view==="classify") return renderClassify();
+ if(S.view==="freigabe") return renderFreigabe();
+ if(S.view==="entry") return renderEntry();
+ if(S.view==="bonusPick") return renderBonusPick();
+ if(S.view==="bonus") return renderBonus();
+ if(S.view==="end") return renderEnd();
renderRun();
}
@@ -1174,19 +1218,25 @@ function renderCardBadge(){
/* ---------- Schritt 1: Action Card ziehen (Raster aller Karten) ---------- */
function renderDeck(){
- const cards = DECK_ORDER.map(([si,ci])=>{
- const c = USE_CASES[si].changes[ci];
- return ``;
+ const cards = USE_CASES.map((u,si)=>{
+ const c = u.changes[0];
+ const done = S.servicesDone && S.servicesDone[si];
+ return ``;
}).join("");
$("#panel").innerHTML = `
- Schritt 1 · Action Card ziehen
- Welche Karte habt ihr gezogen?
-Tippt auf die Action Card, die ihr gezogen habt.
-${cards}
Schritt 1 · Service wÀhlen (Main Action Card)
+ Welchen Service fĂŒhrt ihr ein?
+Jede Main-Karte ist ein Major Change â ihr spielt den Service einmal komplett von Design bis Review durch. Die Varianten (Bonus-Karten) kommen danach.
+${cards}
Nicht ganz â ĂŒberlegt nochmal und probiert es erneut.
` : ``;
$("#panel").innerHTML = `
- Schritt 2 · Change-Art bestimmen
+ Aufgabe 1 · Change-Art bestimmen
${cardBig}
@@ -1224,7 +1274,7 @@ function renderClassify(){
$("#backDeck").onclick=()=>{ S.view="deck"; save(); draw(); };
} else {
$("#panel").innerHTML = `
-
Schritt 3 · Erfolgreiche Kategorisierung
+ Aufgabe 1 · Change-Art â
${cardBig}
@@ -1238,14 +1288,64 @@ function renderClassify(){
`;
+ if(!S.freigabeDone){
+ const choices = FREIGABE_ORDER.map(i=>
+ ``).join("");
+ const hint = S.freigabeWrong!=null
+ ? `
+ `;
+ const correctPhase = STATIONEN[STATIONEN.findIndex(s=>s.id===START_EMPFEHLUNG[S.change].id)].phase;
+ let body;
+ if(!S.bonusReveal){
+ body = `
+ ${x} `).join("");
+ const weg = (a.wegfall||[]).map(x=>`${x} `).join("");
+ body = `
+ -c.png) fuer Offline vorab cachen (alle 30).
const CARDS = [];
diff --git a/PROJEKTSTAND.md b/PROJEKTSTAND.md
index d728d7b..70b6a33 100644
--- a/PROJEKTSTAND.md
+++ b/PROJEKTSTAND.md
@@ -4,7 +4,7 @@
Chat). Hier steht, **wo wir stehen, was entschieden wurde, was offen ist** und wie man
App lokal startet/deployt.
-**Stand:** 2026-06-06 · **Branch:** `feat/redesign-und-companion-app` · **HEAD:** `3647129`
+**Stand:** 2026-06-09 · **Branch:** `feat/redesign-und-companion-app` · App **v0.7**
**Remote:** `https://git.1789.cloud/patrick/SLC_Game.git`
---
@@ -51,9 +51,16 @@ Operations/Service-Owner/Support. Mix aus **Vermittlung** (Lifecycle + Stationen
keine Gate-Karte mehr**.
### Companion-App (`04_Tablet-Quiz/app/`) â statische PWA
-**Flow:** Karten-Raster (Action Card ziehen) â **Change-Art klassifizieren** (Legende,
-ânochmal" bis richtig) â **Phasen-Einstieg** (Lebenszyklus-Phase anklicken, retry) â
-**Stationen** â **Abschluss-Screen** (âabgeschlossen" oder âabgelehnt").
+**Flow (v0.7 · Main/Bonus, nach Frank-Feedback):** Das Deck zeigt **nur die 6 Main-Karten**
+(= Major je Service). Main ziehen â **3 Aufgaben** (1. Change-Art · 2. **Freigabe-Stelle**:
+SOR/DPM/MB · SO · keine[Standard] · keine[Emergency] · 3. Einstieg-Phase; je ânochmal" bis
+richtig) â **voller Stationen-Durchlauf** â Abschluss â **Bonus-Auswahl** (die 3 Varianten
+dieses Service: Standard/Emergency/Normal). Bonus-Karte: dieselben 3 Aufgaben, danach
+**Kurz-Auflösung** âwelche Phasen sind noch relevant / fallen weg" â **kein voller Walk**
+(Service gilt als bereits eingefĂŒhrt) â zurĂŒck zur Bonus-Auswahl â âService abschlieĂen"
+â nĂ€chster Service (gespielte Services im Deck als â markiert).
+> Hintergrund: Nur der **Major** rechtfertigt den vollen SLC; die anderen Change-Arten
+> werden nur eingeordnet (Franks Kritik am âkĂŒnstlichen" Durchspielen jeder Karte).
- **AktivitÀts-Station, schrittweiser Mikro-Ablauf** (4 Fragen, je einzeln + Auflösung):
(1) Was steckt hinter der Ăberschrift? (2) Beteiligte Rollen â Figuren auf die
**Puck-Mulden**; (3) **RACI** â Figuren ins **Aktiv-Feld (R·A·C·I)** (mit RACI-Legende);
@@ -96,6 +103,21 @@ Konzept (`00_Konzept/README_konzept.md`), bis RĂŒckkopplung mit Michael:**
- Details/Quelle: `00_Konzept/review-phase_arbeitsstand-frank.md`.
## 5. Offene Punkte / nÀchste Schritte
+
+**Frank-Feedback 2026-06-08 (Workshop-Ebene, entscheiden Frank + Patrick):**
+- [x] **Main/Bonus-Flow** umgesetzt (nur Major = voller Walk; Bonus = einordnen + Kurz-Auflösung).
+- [x] **Aufgabe âFreigabe-Stelle"** ergĂ€nzt (SOR/DPM/MB · SO · keine[Standard/Emergency]).
+- [x] **Normal-Legende** âstrukturierter Bewertungs- und **Freigabe**prozess" (nicht âGate-Prozess").
+- [x] **âVerrĂ€ter"-SĂ€tze** aus 5 Standard-Karten raus (Quartalspflege, Monatsroutine, Patchday,
+ GeoServer-Update, Patch-Quartal).
+- [x] **Einstiegs-Frage** umformuliert: âWo wĂŒrde die Umsetzung starten (nach Freigabe)?".
+- [ ] **Wartet auf Frank:** 3 âNormal"-Karten (Rotstift gefragt · Vierstellig, bitte · Falsch
+ beschriftet) sind eigentlich **Standard** â neue **Normal**-Texte aus Franks Word ĂŒbernehmen.
+- [ ] **Wartet auf Frank:** Service-Steckbrief-Beiblatt (6 Services: Was ist der Service, was der
+ IT-Provider-Anteil) aus Franks Inhalten.
+- [ ] **KlĂ€ren (Frank + Patrick):** **Problem-Manager**-Rolle â in App vorhanden (`sp_09/sp_10`),
+ war Frank neu. Gewollt oder YAML-Artefakt?
+
- [x] **Figuren-Regel festgezurrt** (zweistufig: Puck = beteiligte Rollen, Aktiv-Feld =
RACI). In der App umgesetzt. **Offen:** in `materialliste.md` / `board-layout` /
`README_konzept.md` nachziehen.
-
+
`;
$("#backDeck").onclick=()=>{ S.view="deck"; save(); draw(); };
+ $("#toFreigabe").onclick=()=>{ S.view="freigabe"; S.freigabeDone=false; S.freigabeWrong=null; save(); draw(); };
+ }
+}
+
+/* ---------- Aufgabe 2: Freigabe-Stelle bestimmen (retry bis richtig) ----- */
+function renderFreigabe(){
+ const correct = FREIGABE_CORRECT[S.change];
+ const card = acard(S.service,S.change);
+ const cardBig = ``;
+ if(!S.freigabeDone){
+ const choices = FREIGABE_ORDER.map(i=>
+ ``).join("");
+ const hint = S.freigabeWrong!=null
+ ? `Nicht ganz â ĂŒberlegt, wer diese Change-Art freigeben darf, und probiert es erneut.
` : ``;
+ $("#panel").innerHTML = `
+ Aufgabe 2 · Freigabe bestimmen
+
+ ${cardBig}
+
+ `;
+ $("#panel").querySelectorAll(".choice").forEach(el=>{
+ el.onclick=()=>{ const i=+el.dataset.i;
+ if(i===correct){ S.freigabeWrong=null; S.freigabeDone=true; } else { S.freigabeWrong=i; }
+ save(); renderFreigabe(); };
+ });
+ $("#backClassify").onclick=()=>{ S.view="classify"; save(); draw(); };
+ } else {
+ $("#panel").innerHTML = `
+
+
+ Change-Art: ${CHANGE_TYPES[S.change]}
+ An welcher Stelle wird dieser Change freigegeben?
+Ăberlegt gemeinsam, wer ĂŒber diese Change-Art entscheidet.
+ ${hint} +${choices}
+ Aufgabe 2 · Freigabe â
+
+ ${cardBig}
+
+
+
+
+ â Freigabe: ${FREIGABE_OPTIONS[correct]}
+ Warum?
+${FREIGABE_GRUND[correct]}
+
+
+
+
`;
+ $("#backClassify").onclick=()=>{ S.view="classify"; save(); draw(); };
$("#toEntry").onclick=()=>{ S.view="entry"; S.entryDone=false; S.entryWrong=null; save(); draw(); };
}
}
-/* ---------- Schritt 4+5: Einstieg finden (Phase anklicken) -------------- */
+/* ---------- Aufgabe 3: Einstieg finden (Phase anklicken) ---------------- */
function renderEntry(){
const rec = START_EMPFEHLUNG[S.change];
const recIndex = STATIONEN.findIndex(s=>s.id===rec.id);
@@ -1259,27 +1359,31 @@ function renderEntry(){
const hint = S.entryWrong
? `Diese Phase passt nicht zur Change-Art â denkt an die Definition und probiert es erneut.
` : ``;
$("#panel").innerHTML = `
- Schritt 4 · Einstieg finden
+ Aufgabe 3 · Einstieg finden
${cardBig}
- `;
+ `;
$("#panel").querySelectorAll(".phaseZone").forEach(el=>{
el.onclick=()=>{ const ph=el.dataset.ph;
if(ph===correctPhase){ S.entryWrong=null; S.entryDone=true; } else { S.entryWrong=ph; }
save(); renderEntry(); };
});
- $("#backClassify").onclick=()=>{ S.view="classify"; save(); draw(); };
+ $("#backFreigabe").onclick=()=>{ S.view="freigabe"; save(); draw(); };
} else {
+ const isBonus = S.mode==="bonus";
+ const startBtn = isBonus
+ ? ``
+ : ``;
$("#panel").innerHTML = `
-
-
Change-Art: ${CHANGE_TYPES[S.change]}
- In welcher Phase startet dieser Change?
-Klickt auf die Lebenszyklus-Phase, in der dieser Change einsteigt.
+Change-Art: ${CHANGE_TYPES[S.change]} · Freigabe: ${FREIGABE_OPTIONS[FREIGABE_CORRECT[S.change]]}
+ Wo wĂŒrde die Umsetzung starten â nachdem der Change freigegeben ist?
+Klickt auf die Lebenszyklus-Phase, in der die Umsetzung beginnt.
${hint}${zones}
Schritt 5 · Los geht's
+ ${isBonus?'Aufgabe 3 · Einstieg â':"Los geht's"}
${cardBig}
@@ -1290,15 +1394,99 @@ function renderEntry(){
-
+
-
+ ${startBtn}
`;
- $("#backClassify").onclick=()=>{ S.view="classify"; save(); draw(); };
- $("#startRun").onclick=()=>{ seedAkte(recIndex); enterStation(recIndex); S.view="run"; save(); draw(); };
+ $("#backFreigabe").onclick=()=>{ S.view="freigabe"; save(); draw(); };
+ const sr = $("#startRun"); if(sr) sr.onclick=()=>{ seedAkte(recIndex); enterStation(recIndex); S.view="run"; save(); draw(); };
+ const tb = $("#toBonusDisc"); if(tb) tb.onclick=()=>{ S.bonusReveal=false; S.view="bonus"; save(); draw(); };
}
}
+/* ---------- Bonus-Auswahl: Varianten des bereits live gegangenen Service - */
+function renderBonusPick(){
+ const u = USE_CASES[S.service];
+ const order = [2,3,1]; // Standard, Emergency, Normal (Major war die Main-Karte)
+ const cards = order.map(ci=>{
+ const c = u.changes[ci];
+ const done = S.bonusDone && S.bonusDone[ci];
+ return ``;
+ }).join("");
+ const allDone = order.every(ci => S.bonusDone && S.bonusDone[ci]);
+ $("#panel").innerHTML = `
+ Bonus · Varianten · ${u.service}
+ Der Service lĂ€uft jetzt â welche Ănderungen kommen im Betrieb?
+Diese drei Varianten betreffen den bereits eingefĂŒhrten Service. Sie werden nicht komplett durchgespielt â ihr bestimmt nur Change-Art, Freigabe und Einstieg und besprecht, welche Phasen noch relevant sind.
+${cards}
+
+
+
+
`;
+ $("#panel").querySelectorAll(".bonusCard").forEach(el=>{
+ el.onclick=()=>{ S.change=+el.dataset.c; S.mode="bonus";
+ S.classifyDone=false; S.classifyWrong=null;
+ S.freigabeDone=false; S.freigabeWrong=null;
+ S.entryDone=false; S.entryWrong=null; S.bonusReveal=false;
+ S.view="classify"; save(); draw(); };
+ });
+ $("#bonusToDeck").onclick=()=>{ S.view="deck"; save(); draw(); };
+ $("#bonusFinish").onclick=()=>{ (S.servicesDone=S.servicesDone||{})[S.service]=true; S.view="deck"; save(); draw(); };
+}
+
+/* ---------- Bonus-Diskussion + Auflösung -------------------------------- */
+function renderBonus(){
+ const a = BONUS_AUFLOESUNG[S.change] || {relevant:[],wegfall:[],text:""};
+ const card = acard(S.service,S.change);
+ const cardBig = ``;
+ const correctPhase = STATIONEN[STATIONEN.findIndex(s=>s.id===START_EMPFEHLUNG[S.change].id)].phase;
+ let body;
+ if(!S.bonusReveal){
+ body = `
+
+
+ Diskussion
+ Der Service ${USE_CASES[S.service].service} lÀuft bereits. Diskutiert gemeinsam:
+ Welche Phasen und AktivitĂ€ten wĂ€ren fĂŒr diesen ${CHANGE_TYPES[S.change]} noch relevant â und welche fallen weg?
+
+
+
+
+
`;
+ } else {
+ const rel = (a.relevant||[]).map(x=>`
+
+ Relevant
- ${rel}
FĂ€llt weg
- ${weg}
${a.text}
+
+
+
+
+
`;
+ }
+ $("#panel").innerHTML = `
+ Bonus · ${CHANGE_TYPES[S.change]}
+
+ ${cardBig}
+
`;
+ const bb=$("#bonusBack"); if(bb) bb.onclick=()=>{ if(S.bonusReveal){ S.bonusReveal=false; } else { S.view="entry"; } save(); draw(); };
+ const br=$("#bonusRevealBtn"); if(br) br.onclick=()=>{ S.bonusReveal=true; save(); draw(); };
+ const bd=$("#bonusDoneBtn"); if(bd) bd.onclick=()=>{ (S.bonusDone=S.bonusDone||{})[S.change]=true; S.view="bonusPick"; save(); draw(); };
+}
+
/* ====================== RENDER: RUN (Station) ====================== */
const GATE_FLOW = {
tr_01: ["next","tr_05"], // Entwicklung / Konfiguration (Konfig ueberspringt Build)
@@ -1612,9 +1800,9 @@ function renderEnd(){
${box}
+
+ Change-Art: ${CHANGE_TYPES[S.change]} · Freigabe: ${FREIGABE_OPTIONS[FREIGABE_CORRECT[S.change]]} · Einstieg: ${PHASEN[correctPhase].label}
+ ${body}
+
-
+
`;
- $("#endRestart").onclick = ()=>{ S = defaultState(); save(); draw(); };
+ $("#toBonus").onclick = ()=>{ S.view="bonusPick"; save(); draw(); };
}
/* ====================== INIT ====================== */
diff --git a/04_Tablet-Quiz/app/sw.js b/04_Tablet-Quiz/app/sw.js
index 65ebede..c818a76 100644
--- a/04_Tablet-Quiz/app/sw.js
+++ b/04_Tablet-Quiz/app/sw.js
@@ -1,5 +1,5 @@
/* Service Worker â SLC-Workshop Companion (App-Shell, offline-first) */
-const CACHE = "slc-companion-v18";
+const CACHE = "slc-companion-v19";
const SHELL = ["./", "index.html", "manifest.webmanifest", "icon.svg"];
// Action-Card-Grafiken (cards/s