kerimatilganandClaude Opus 4.7 b88938a1f6 UI redesign step 3: Provisionen in Stitch style
- Page header with title/subtitle on the left, primary PDF-Export
  pill on the right.
- Filter bar matches the Übersicht layout: fixed-width fields with
  label-caps labels, mono inputs for IDs/phone/date, range picker
  in a 320px slot, Zurücksetzen pill on the right.
- Three KPI cards above the table: Shop-Provision and
  Mitarbeiter-Provision in plain surface cards, total highlighted
  with a primary-tinted border, shadow and bold accent number. All
  use the JetBrains-Mono display-lg numeric font.
- Data table follows the same shell as Übersicht: sticky surface-
  container-high header, label-caps column titles, 40px rows with
  zebra stripes and hover. Anbieter renders as a primary pill. Shop-
  and MA-amounts right-aligned and monospaced; "Quelle" replaced
  with a single info glyph tooltip showing the source description.
- New formatEuro() helper renders amounts as "1.234,56 €" using
  toLocaleString('de-DE'), so the totals and the cells share a
  consistent German currency format.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-15 18:18:59 +02:00

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

  1. Abhängigkeiten installieren:

    npm install
    
  2. Server starten:

    npm start
    

    Oder für Entwicklung mit automatischem Neustart:

    npm run dev
    
  3. 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: Telekommunikationsanbieter
  • tarife: Tarife pro Anbieter
  • schaltungen: Haupttabelle für Provisionserfassung
  • dokumente: 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
S
Description
No description provided
Readme
1.2 MiB
0 Stars 1 Watchers 0 Forks
Languages
JavaScript 68.4%
HTML 31.6%