kerimatilganandClaude Opus 4.7
40bd1b8009
Three follow-ups to the previous overview redesign:
- Filter bar: replace flex-grow inputs with fixed widths so the
Zurücksetzen button no longer ends up overlapping the second date
field. The date range gets its own 320px slot wide enough for two
flexible date pickers and the separator.
- Table icon buttons used to inherit the legacy global
`button { background, padding, color }` rule and rendered as solid
blue blocks. Add a `table button { background: transparent; … }`
reset; class-level utilities still win for buttons that opt back in
with bg-primary etc., so the "Neue Schaltung" CTA above the table
keeps its colour.
- Documents modal rewritten in Stitch style: clean white card with a
light header and footer separator, file rows as bordered cards with
a Material icon, primary "Dokumente hinzufügen" pill and outline
"Schließen". showDocuments / closeDocumentsModal toggle a Tailwind
hidden/flex pair instead of the legacy `.show` class. The matching
legacy CSS blocks (.documents-modal*, .document-info, .download-btn,
.view-btn, .no-documents*) are removed.
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