QueryBuilder/OFFLINE_RESOURCES.md
2025-10-14 21:27:41 +02:00

2.3 KiB

Lokale Ressourcen für Query Builder

Übersicht

Die Query Builder Anwendung ist nun vollständig für den Offline-Betrieb konfiguriert. Alle externen CSS- und JavaScript-Ressourcen wurden lokal gespeichert.

Heruntergeladene Ressourcen

Bootstrap 5.3.0

  • CSS: app/static/css/vendor/bootstrap.min.css (228KB)
  • JavaScript: app/static/js/vendor/bootstrap.bundle.min.js (79KB)

Font Awesome 6.4.0

  • CSS: app/static/css/vendor/all-local.min.css (100KB)
  • Webfonts:
    • app/static/webfonts/fa-solid-900.woff2 (147KB)
    • app/static/webfonts/fa-regular-400.woff2 (25KB)
    • app/static/webfonts/fa-brands-400.woff2 (106KB)

Verzeichnisstruktur

app/static/
├── css/
│   ├── vendor/
│   │   ├── bootstrap.min.css
│   │   ├── all.min.css (Original)
│   │   └── all-local.min.css (Angepasste Pfade)
│   └── style.css
├── js/
│   ├── vendor/
│   │   └── bootstrap.bundle.min.js
│   └── app.js
└── webfonts/
    ├── fa-solid-900.woff2
    ├── fa-regular-400.woff2
    └── fa-brands-400.woff2

Anpassungen

Template-Updates

  • app/templates/base.html wurde aktualisiert, um lokale Ressourcen zu verwenden
  • Entfernt: CDN-Links für Bootstrap und Font Awesome
  • Hinzugefügt: Lokale Pfade zu den heruntergeladenen Dateien

Font Awesome CSS-Anpassung

  • Originale all.min.css enthielt relative Pfade: ../webfonts/
  • Neue all-local.min.css mit korrigierten Pfaden: ../../webfonts/

Funktionalität

Bootstrap CSS und JavaScript funktionieren vollständig Font Awesome Icons werden korrekt angezeigt Drag & Drop Funktionalität bleibt erhalten Alle interaktiven Elemente funktionieren Keine Internet-Verbindung erforderlich

Vorteile

  • 🔒 Sicherheit: Keine externen Abhängigkeiten
  • Performance: Schnellere Ladezeiten (keine CDN-Anfragen)
  • 🌐 Offline-Fähig: Funktioniert ohne Internetverbindung
  • 🛡️ Zuverlässigkeit: Keine Ausfälle durch externe Services

Wartung

  • Ressourcen sind in Standard-Versionen gespeichert (Bootstrap 5.3.0, Font Awesome 6.4.0)
  • Bei Updates müssen neue Versionen manuell heruntergeladen und ersetzt werden
  • Pfad-Anpassungen in CSS-Dateien beachten bei Font Awesome Updates