🔥 Atemschutzüberwachung

Eine browserbasierte Webanwendung zur digitalen Überwachung von Atemschutzgeräteträgern (AGT) im Feuerwehreinsatz – entwickelt als Hilfsmittel für Übungen und Simulationen.

⚠️ Hinweis: Dieses Tool kann noch Fehler enthalten. Es ist nicht für den realen Einsatzbetrieb bestimmt.

Demo hier testen: https://dnickmc.github.io/Atemschutzueberwachung/

📸 Features

• Erfassung von bis zu 3 Trupps gleichzeitig
• Eingabe von Rufnamen, Druckwerten (Anfang / 5 / 10 / 15 Minuten / Ablegen) und Zeiten
• Automatische Datumserfassung
• PDF-Export des ausgefüllten Formulars (exakt eine DIN-A4-Querseite)
• Vollständig konfigurierbar über config.json (Fahrzeuge, Titel, Druckwerte uvm.)
• Einfach anpassbare Webseite

---

📁 Projektstruktur

atemschutzueberwachung/
├── index.html                      # Hauptseite
├── config.json                     # Konfigurationsdatei (Fahrzeuge, Titel, etc.)
├── css/
│   └── atemschutzueberwachung.css  # Stylesheet
├── js/
│   └── atemschutzueberwachung.js   # Logik & Konfigurationsverarbeitung
├── LICENSE                         # CC BY 4.0
└── README.md                       # Diese Datei

---

🚀 Verwendung

Option 1 – Direkt im Browser öffnen

Du kannst die Seite als lokale Webseite hosten:

# Mit Python (empfohlen)
python3 -m http.server 8080

# Dann im Browser aufrufen:
# http://localhost:8080

Option 2 – Webspace

Wenn du noch keinen hast, miete dir einen Webspace bei einem Hosting-Anbieter. Optional kannst du dir auch eine Domain dazu mieten. Verbinde dich per FTP-Client auf den Server und lade die Dateien hoch.

Option 3 – GitHub Pages

Das Projekt kann direkt über GitHub Pages gehostet werden:

1. Repository forken oder klonen
2. Unter Settings → Pages die Quelle auf master-Branch setzen
3. Die Seite ist dann unter https://<dein-username>.github.io/<repo-name>/ erreichbar

---

⚙️ Konfiguration (config.json)

Alle anpassbaren Werte befinden sich in der config.json:

Feld	Beschreibung	Beispiel
title	Seitentitel und Tabellenüberschrift	"Atemschutzüberwachung"
subtitle	Unterzeile in der Tabellenüberschrift	"Feuerwehr Musterstadt"
rufname_freitext	Freitexteingabe der Rufnamen aktivieren	true / false
vehicles	Fahrzeugliste mit Gruppen & AGT-Slots	Siehe unten
pressure.min	Minimaler Druckwert	0
pressure.max	Maximaler Druckwert	330
pressure.default_initial	Voreingestellter Anfangsdruck	300
export.pdf_filename	Dateiname des PDF-Exports	"Atemschutzueberwachung"

Fahrzeuge anpassen

{
  "vehicles": [
    {
      "group": "BF - HLF 20",
      "slots": ["AGT 1", "AGT 2", "WT 1"],
      "callsign_prefix": "1/HLF-1"
    },
    {
      "group": "Sicherungstrupp",
      "slots": ["Sicherungstr. 1", "Sicherungstr. 2"],
      "callsign_prefix": null
    }
  ]
}

• group → Name der Fahrzeuggruppe (erscheint als Gruppe im Dropdown)
• slots → Liste der AGT-Bezeichnungen
• callsign_prefix → Wird dem Slot-Namen angehängt (z.B. "AGT 1 - 1/HLF-1"); null für keinen Anhang

---

📦 Verwendete Bibliotheken

Bibliothek	Version	Lizenz	Link
html2canvas	1.4.1	MIT	github.com/niklasvh/html2canvas
jsPDF	2.5.1	MIT	github.com/parallax/jsPDF

Beide Bibliotheken werden per CDN (cdnjs.cloudflare.com) geladen – eine Internetverbindung beim Öffnen der Seite ist daher erforderlich.

---

📄 Lizenz

Dieses Projekt ist lizenziert unter der Creative Commons Namensnennung 4.0 International (CC BY 4.0).

Du darfst das Projekt frei verwenden, verändern und weitergeben – auch kommerziell –
solange du den Autor nennst:

Erstellt von Dominik Mau

Vollständige Lizenzbedingungen: LICENSE · CC BY 4.0

---

Made with ❤️ for the fire service community.