Bootstrap lokal einbetten und gemeinsamen HTML-Stil im Sinne von VLN_SN anlegen #27

New Issue

2026-09-25T18:04:04Z

Daniel commented

2026-09-25 18:04:04 +00:00

Ziel
HTML-Seiten der AG (zuerst die BPMN-Vorschau) sehen aus wie die Anwendungen in VLN_SN und funktionieren weiterhin
offline, ohne etwas aus dem Netz zu laden.

Betroffen
Bereich: Skripte | Doku (Werkzeuge)
Dateien (falls bekannt): werkzeuge/bootstrap/ (neu: Bootstrap-CSS und -JS, Bootstrap Icons mit Schrift, README.md,
Lizenzen), werkzeuge/stil/ag_prozesse.css (neu), werkzeuge/vorschau/vorschau.html, scripts/vorschau.py
(Einbetten in die erzeugte HTML-Datei), .gitattributes, AGENTS.md
Ändert Markdown-Syntax oder Ablageformat der Prozessbibliothek? nein

Fachlicher Hintergrund
Vorbild ist die Web-Anwendung VLN_SN/EA-Bilanz (siehe docs/wissen/vln_sn.md): Bootstrap 5.3 mit Bootstrap Icons,
dunkle Navigationsleiste mit Knopfgruppe, hellgrauer Hintergrund, Karten mit farbigem Rand. EA-Bilanz lädt Bootstrap
vom CDN. Unsere Werkzeuge arbeiten bewusst offline, deshalb wird Bootstrap lokal eingebettet, nach dem Muster von
bpmn-js in werkzeuge/vorschau/ (Version, Quelle, Integrität, Lizenz in einer README). Bis zu einem abgesprochenen
Lesezugriff wird aus VLN_SN nichts kopiert. Eine ähnliche Ansicht aus Bootstrap plus wenigen eigenen Regeln reicht.
AGENTS.md nennt bpmn-js bisher als einzige eingebettete Fremdbibliothek. Die Regel wird um Bootstrap erweitert.

Abnahmekriterien
Bootstrap (CSS und JS-Bundle) und Bootstrap Icons (CSS und Schrift) liegen in fester Version unter
werkzeuge/bootstrap/, mit README (Version, Quelle, Integrität, Lizenz, Aktualisierung) und als binary in
.gitattributes
werkzeuge/stil/ag_prozesse.css legt die Anmutung fest (Navigationsleiste, Hintergrund, Schriftgröße, Karten)
Die Vorschau (vorschau.html und die von scripts/vorschau.py erzeugte Datei) nutzt Bootstrap und den Stil und
lädt weiterhin nichts aus dem Netz (Test)
Die Lizenzauflage von bpmn-js (Wasserzeichen unten rechts frei) bleibt eingehalten
AGENTS.md und fallstricke.md nachgezogen
Test je neuem Verhalten vorhanden (Konverter, Skripte), python -m pytest -q grün
PICTURE-Import: nicht nötig (keine Änderung an der BPMN-Ausgabe)
Nicht Teil dieses Issues
Übernahme von Code oder CSS aus VLN_SN (erst nach Absprache); Hilfe-Modal und weitere Seiten; Anbindung an das
Workflow-System.

Ziel HTML-Seiten der AG (zuerst die BPMN-Vorschau) sehen aus wie die Anwendungen in VLN_SN und funktionieren weiterhin offline, ohne etwas aus dem Netz zu laden. Betroffen Bereich: Skripte | Doku (Werkzeuge) Dateien (falls bekannt): werkzeuge/bootstrap/ (neu: Bootstrap-CSS und -JS, Bootstrap Icons mit Schrift, README.md, Lizenzen), werkzeuge/stil/ag_prozesse.css (neu), werkzeuge/vorschau/vorschau.html, scripts/vorschau.py (Einbetten in die erzeugte HTML-Datei), .gitattributes, AGENTS.md Ändert Markdown-Syntax oder Ablageformat der Prozessbibliothek? nein Fachlicher Hintergrund Vorbild ist die Web-Anwendung VLN_SN/EA-Bilanz (siehe docs/wissen/vln_sn.md): Bootstrap 5.3 mit Bootstrap Icons, dunkle Navigationsleiste mit Knopfgruppe, hellgrauer Hintergrund, Karten mit farbigem Rand. EA-Bilanz lädt Bootstrap vom CDN. Unsere Werkzeuge arbeiten bewusst offline, deshalb wird Bootstrap lokal eingebettet, nach dem Muster von bpmn-js in werkzeuge/vorschau/ (Version, Quelle, Integrität, Lizenz in einer README). Bis zu einem abgesprochenen Lesezugriff wird aus VLN_SN nichts kopiert. Eine ähnliche Ansicht aus Bootstrap plus wenigen eigenen Regeln reicht. AGENTS.md nennt bpmn-js bisher als einzige eingebettete Fremdbibliothek. Die Regel wird um Bootstrap erweitert. Abnahmekriterien Bootstrap (CSS und JS-Bundle) und Bootstrap Icons (CSS und Schrift) liegen in fester Version unter werkzeuge/bootstrap/, mit README (Version, Quelle, Integrität, Lizenz, Aktualisierung) und als binary in .gitattributes werkzeuge/stil/ag_prozesse.css legt die Anmutung fest (Navigationsleiste, Hintergrund, Schriftgröße, Karten) Die Vorschau (vorschau.html und die von scripts/vorschau.py erzeugte Datei) nutzt Bootstrap und den Stil und lädt weiterhin nichts aus dem Netz (Test) Die Lizenzauflage von bpmn-js (Wasserzeichen unten rechts frei) bleibt eingehalten AGENTS.md und fallstricke.md nachgezogen Test je neuem Verhalten vorhanden (Konverter, Skripte), python -m pytest -q grün PICTURE-Import: nicht nötig (keine Änderung an der BPMN-Ausgabe) Nicht Teil dieses Issues Übernahme von Code oder CSS aus VLN_SN (erst nach Absprache); Hilfe-Modal und weitere Seiten; Anbindung an das Workflow-System.

Daniel referenced this issue from a commit

2026-09-25 18:17:07 +00:00

Bootstrap lokal einbetten und Stil der AG anlegen (#27)

Daniel referenced a pull request that will close this issue

2026-09-25 18:17:35 +00:00

Bootstrap lokal einbetten und Stil der AG anlegen (#27) #30

Daniel closed this issue

2026-09-25 18:17:53 +00:00

Daniel referenced this issue from a commit

2026-09-25 18:17:55 +00:00

Merge pull request 'Bootstrap lokal einbetten und Stil der AG anlegen (#27)' (#30) from feature/27-bootstrap-stil into main

Sign in to join this conversation.