kerimatilganandClaude Opus 4.7 0912a6812f UI redesign step 2: Übersicht in Stitch style
- Page header gains the headline / subtitle pair and a primary
  "Neue Schaltung" CTA on the right that jumps back to the wizard.
- Filter bar moves into a bordered white card with label-caps labels,
  compact 32px inputs, JetBrains Mono numeric inputs for ID/phone/date
  and a "Zurücksetzen" pill on the right.
- Data table uses the Stitch shell: sticky surface-container-high
  header row with label-caps column titles, 40px body rows, zebra
  striping on the even rows and a hover highlight. The previously
  separate Eingabe/Schaltungs-Datum columns are merged into a single
  "Daten" cell (E:/A:), Anbieter renders as a primary pill, and the
  Bearbeiten/Löschen/Dokumente buttons become icon-only actions.
- updateSchaltungenTable() now delegates to a single renderer used
  by both the initial load and the client-side filter, so the
  layout stays consistent after applying filters.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-15 17:57:12 +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%