kerimatilganandClaude Opus 4.7
7da168e213
Refresh the Administration tab in line with the Stitch design system: - Sidebar gets a soft cool-grey panel with a "Administration / Systemsteuerung" header. Each category button is a flat row with a Material Symbol on the left, label-caps text on the right; the active entry switches to a solid primary fill with a filled icon. - Replace the emoji icons (🏢 🔢 …) with the matching Material symbols (corporate_fare, badge, receipt_long, tune, percent, payments, rule, public). - Admin sub-pages drop the lavender gradient header and split into bordered white cards: section header (h3 + p) sits on the page background, form and content sections are independent surface cards with a subtle shadow. - Form controls (text/number/date inputs, selects, textareas) now share a compact h-30ish style with focus ring; labels render as label-caps. Primary form buttons swap from the legacy green to the primary blue. - Admin table reuses the same column header band as the Übersicht and Provisionen tables. Action buttons override the generic `table button` reset back to text-style pills with proper success / danger variants. 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