Kantine Wrapper Bookmarklet

Ein intelligentes Bookmarklet für die Mitarbeiter-Kantine der Bessa App. Dieses Skript erweitert die Standardansicht um eine Wochenübersicht, Kostenkontrolle und verbesserte Usability.

🚀 Features

Wochenübersicht: Zeigt alle Tage der aktuellen Woche auf einen Blick.
Bestell-Countdown: ⏳ Roter Alarm 1h vor Bestellschluss.
Smart Highlights: 🌟 Markiere deine Favoriten (z.B. "Schnitzel", "Vegetarisch").
Bestellstatus: Farbige Indikatoren für bestellte Menüs.
Kostenkontrolle: Summiert automatisch den Gesamtpreis der Woche.
Session Reuse: Nutzt automatisch eine bestehende Login-Session (Loggt dich automatisch ein).
Menu Badges: Zeigt Menü-Codes (M1, M2+) direkt im Header.
Changelog: Übersicht über neue Funktionen direkt im Installer.

📦 Installation

Öffne die Datei dist/install.html in deinem Browser.
Ziehe den blauen Button "Kantine Wrapper" in deine Lesezeichen-Leiste.
Fertig!

usage

Navigiere zu https://web.bessa.app/knapp-kantine.
Klicke auf das "Kantine Wrapper" Lesezeichen.
Die Seite wird neu geladen und zeigt das erweiterte Menü. (Bei vorhandenem Login entfällt die Anmeldung).

🛠️ Entwicklung

Voraussetzungen

Node.js (optional, nur für Build-Scripts)
Bash (für build-bookmarklet.sh)

Projektstruktur

Quelldateien

kantine.js: Der Haupt-Quellcode des Bookmarklets (UI, API-Logik, Rendering).
style.css: Das komplette Design (CSS mit Light/Dark Mode).
mock-data.js: Mock-Fetch-Interceptor mit realistischen Dummy-Menüdaten für Standalone-Tests.
build-bookmarklet.sh: Build-Skript – erzeugt alle dist/-Artefakte.
test_build.py: Automatische Build-Tests, laufen am Ende jedes Builds.

`dist/` – Build-Artefakte

Datei	Beschreibung
`bookmarklet.txt`	Die rohe Bookmarklet-URL (`javascript:...`). Enthält CSS + JS als selbstextrahierendes IIFE. Kann direkt als Lesezeichen-URL eingefügt werden.
`bookmarklet-payload.js`	Der entpackte Bookmarklet-Payload (JS). Erstellt `<style>` + `<script>` Elemente und injiziert sie in die Seite. Nützlich zum Debuggen.
`install.html`	Installer-Seite mit Drag & Drop Button, Anleitung, Feature-Liste und Changelog. Kann lokal oder gehostet geöffnet werden.
`kantine-standalone.html`	Eigenständige HTML-Datei mit eingebettetem CSS + JS + Mock-Daten. Lädt automatisch Dummy-Menüs für UI-Tests ohne API-Zugriff.

Build

Um Änderungen an kantine.js oder style.css wirksam zu machen, führe den Build aus:

./build-bookmarklet.sh

📝 Lizenz

Internes Tool.

2.7 KiB Executable File Raw Blame History Unescape Escape