MODUL: OFFENE LAGERAUFTRÄGE

Dieses Modul dient der Übersicht und Vorbereitung von Einlagerungsprozessen und ist als Ersatz für das bestehende Handfach Status gedacht, das in Wareninfo integriert ist. Es verarbeitet Scans von Avisen (WE-Zugangslisten) und Transport-Barcodes, um die dazugehörigen offenen Positionen anzuzeigen.

1. Suchvorgang (Scannen)

• Das System erwartet einen 10-stelligen Barcode.
• Aviso / Zugangsliste: Beginnt zwingend mit 600... (z.B. 6000057117).
• Transport-Barcode: Beginnt zwingend mit 50... (z.B. 5024590802).
• Nach dem Scan wird automatisch die Trefferliste geladen.

2. Die Ergebnisliste

In der Liste werden alle Artikel angezeigt, die für den gescannten Vorgang zur Einlagerung anstehen. Jede Karte enthält:

• Interne ID: Eindeutige Kennung des Artikels (z.B. WALLST/35523).
• Menge: Die Anzahl der einzulagernden Exemplare.
• Titel & Ziel: Kurzinformation zum Buch und dem vorgesehenen Lagerplatz.

3. Detailansicht & Bestandsprüfung

Durch Tippen auf eine Position öffnet sich die Detailseite. Hier erfolgt die Vorprüfung für den Zielplatz:

Feld	Bedeutung
Ziel-Lagerplatz	Physischer Ort für die Einlagerung (z.B. 05 / 068 / 01P / 100).
Ist-Bestand	Menge, die sich aktuell bereits an diesem Platz befindet.
Reserviert	Menge, die bereits für andere Aufträge verplant ist.

4. Buttons

• Zur Einlagerung: Öffnet Handfach-Einlagerung.
• Zurück zur Liste: Die vorhin angezeigte Liste mit offenen Lageraufträgen wird geöffnet
• Zurück zur Suche: Der Inhalt des Fensters wird gelöscht und der Scanner erwartet den nächsten Scan einer WE-Liste oder eines Transport-Barcodes

5. Fehlermeldungen

Sollte ein Scan ungültig sein, reagiert die App visuell und akustisch:

• Visuell: Das Eingabefeld blinkt rot (Flash-Animation).
• Akustisch: Ein tiefer Fehlerton (120Hz) wird ausgegeben.

---

ENTWICKLER-NOTIZ: CSS (HAUPTFENSTER)

Hier sind die Kern-Definitionen für das Layout ohne Sidebars:

/* Haupt-Layout Definitionen */

body {
    font-family: 'Roboto', sans-serif;
    background-color: #e0e0e0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 20px;
}

.app-container {
    width: 450px;
    min-width: 450px;
    background-color: #f4f4f4;
    height: 850px;
    display: flex;
    flex-direction: column;
    border: 1px solid #ccc;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
    border-radius: 8px;
    overflow: hidden;
}

.search-container input {
    width: 100%;
    padding: 12px;
    font-size: 18px;
    border: 2px solid #1a5b8e;
    border-radius: 4px;
    box-sizing: border-box;
    text-align: center;
}

.list-item { 
    padding: 15px 12px; 
    background: #fff; 
    border: 1px solid #ccc; 
    border-radius: 10px; 
    margin-bottom: 12px; 
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}

.standort-box {
    background-color: #0b1d2e;
    color: white;
    text-align: center;
    padding: 15px;
    font-size: 26px;
    font-weight: 700;
    border-radius: 8px;
}

.flash-error { 
    animation: shake 0.4s; 
    background-color: #ffebee !important; 
    border: 2px solid red !important; 
}

@keyframes shake { 
    0%, 100% {transform: translateX(0);} 
    25% {transform: translateX(-10px);} 
    75% {transform: translateX(10px);} 
}