kerimatilganandClaude Opus 4.7
968cb183f2
Card-rendering helpers (list-item, admin-card, prozentsaetze-list,
tarif-provision-controls) now match the Stitch design:
- Compact bordered cards with white surface and soft cool-grey
outlines instead of the previous grey-on-grey blocks.
- Card headers get a primary-tinted surface band; provider sub-
panels show a clear title bar plus a tight content area.
- Action buttons inside list rows use the same outlined / blue /
red-outlined trio as the admin tables.
Admin form-section input controls keep their compact h-30ish style
and now also override the legacy global green CTAs to a Stitch
primary-blue pill so "Hinzufügen" buttons match the rest of the
chrome. The Tarifoptionen admin sub-page swaps its inline-styled
search bar and "Neue Tarifoption" CTA for the same Tailwind
components used across the new tabs.
Shared modal scaffolding:
- New `.app-modal` / `.app-modal-card` / `.app-modal-{header,body,
form,field,checkbox,footer}` + `.app-modal-btn-{primary,secondary}`
classes produce a consistent dialog shell.
- Userverwaltung, VO-Bearbeiten, Tarif-Bearbeiten and Schaltung
löschen migrated to the shared markup. Each dialog gets a Material
icon in the header, label-caps form fields, focus ring on inputs
and a primary / outlined button pair in the footer.
- The Add-/Edit-Tarifoption dialog and the large Schaltung-bearbeiten
dialog still use their legacy inline styles; those will be folded
in once the rest stabilises.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Provisions-Tracker
Ein Tool zur Erfassung und Verwaltung von Mitarbeiter-Provisionen bei Schaltungen.
Funktionen
-
Schaltungen erfassen: Vollständige Erfassung aller relevanten Daten
- Schaltungs-ID, Eingabe-Datum, Schaltungs-/Aktivierungsdatum
- Kundendaten (Vorname, Nachname, optional Firma, Rufnummer)
- Anbieter und Tarif (konfigurierbar über Admin-Bereich)
- Hardware (15-stellige Eingabe)
- Dokumentenupload mit Drag & Drop
-
Übersicht: Tabelle aller erfassten Schaltungen mit Filtermöglichkeiten
-
Administration:
- Anbieter hinzufügen und verwalten
- Tarife pro Anbieter konfigurieren
Installation
-
Abhängigkeiten installieren:
npm install -
Server starten:
npm startOder für Entwicklung mit automatischem Neustart:
npm run dev -
Anwendung im Browser öffnen:
http://localhost:3000
Technische Details
- Backend: Node.js mit Express
- Datenbank: SQLite (wird automatisch erstellt)
- Frontend: Vanilla HTML/CSS/JavaScript
- Datei-Upload: Multer mit 10MB Limit
Datenbankstruktur
anbieter: Telekommunikationsanbietertarife: Tarife pro Anbieterschaltungen: Haupttabelle für Provisionserfassungdokumente: Hochgeladene Dateien pro Schaltung
Standarddaten
Die Anwendung wird mit folgenden Testdaten initialisiert:
- Anbieter: Telekom, Vodafone, O2, 1&1
- Beispiel-Tarife für jeden Anbieter
Sicherheitshinweise
- Dateien werden im
uploads/Verzeichnis gespeichert - Maximale Dateigröße: 10MB
- Unterstützte Dateitypen: PDF, JPG, JPEG, PNG, DOC, DOCX