feat: add batch CSV and image upload logic

- Created '/upload_csv_batch' endpoint to handle CSV parsing and multiple image uploads - Added automatic WebP conversion and GridFS storage for batch images - Implemented grouping logic via 'series_group_id' based on item name - Created '/batch_upload' route and 'upload_batch.html' for a seamless async frontend
fix of the username decryption for the logs
2026-08-03 00:06:48 +02:00 · 2026-08-02 21:32:26 +02:00 · 2026-08-02 15:14:46 +02:00 · 2026-08-01 18:35:28 +02:00 · 2026-08-01 18:02:01 +02:00 · 2026-08-01 10:34:59 +02:00
6 changed files with 730 additions and 5460 deletions
@@ -17,4 +17,5 @@ cryptography>=42.0.0
 pywebpush
 py-vapid>=1.9.0
 beautifulsoup4
-pywebpush
+pywebpush
+pandas
@@ -4569,12 +4569,7 @@ document.addEventListener('DOMContentLoaded', ()=>{
                    <div class="detail-label">Code:</div>
                    <div class="detail-value">${escapeHtml(item.Code_4 || '-')}</div>
                </div>
-            
-                <div class="detail-group">
-                    <div class="detail-label">Anzahl:</div>
-                    <div class="detail-value">${escapeHtml(String(item.GroupedDisplayCount || 1))}</div>
-                </div>
-            
+
                ${isGroupedItem ? `
                <div class="detail-group">
                    <div class="detail-label">Verfügbar:</div>
@@ -0,0 +1,205 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Batch Upload - CSV & Bilder</title>
+    <style>
+        :root {
+            --primary-color: #4a90e2;
+            --background-color: #f4f7f6;
+            --text-color: #333;
+            --border-radius: 8px;
+        }
+
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background-color: var(--background-color);
+            color: var(--text-color);
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            min-height: 100vh;
+            margin: 0;
+        }
+
+        .upload-container {
+            background: white;
+            padding: 2rem;
+            border-radius: var(--border-radius);
+            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+            width: 100%;
+            max-width: 500px;
+        }
+
+        h2 {
+            margin-top: 0;
+            color: var(--primary-color);
+            text-align: center;
+        }
+
+        .form-group {
+            margin-bottom: 1.5rem;
+        }
+
+        label {
+            display: block;
+            font-weight: 600;
+            margin-bottom: 0.5rem;
+        }
+
+        input[type="file"] {
+            display: block;
+            width: 100%;
+            padding: 0.5rem;
+            border: 1px dashed #ccc;
+            border-radius: var(--border-radius);
+            background: #fafafa;
+            cursor: pointer;
+        }
+
+        .btn-submit {
+            width: 100%;
+            padding: 0.75rem;
+            background-color: var(--primary-color);
+            color: white;
+            border: none;
+            border-radius: var(--border-radius);
+            font-size: 1rem;
+            font-weight: 600;
+            cursor: pointer;
+            transition: background-color 0.3s ease;
+        }
+
+        .btn-submit:hover {
+            background-color: #357abd;
+        }
+
+        .btn-submit:disabled {
+            background-color: #a0c4e8;
+            cursor: not-allowed;
+        }
+
+        /* Status & Feedback Messages */
+        #status-message {
+            margin-top: 1rem;
+            padding: 1rem;
+            border-radius: var(--border-radius);
+            display: none;
+            text-align: center;
+        }
+
+        .success {
+            background-color: #d4edda;
+            color: #155724;
+            border: 1px solid #c3e6cb;
+        }
+
+        .error {
+            background-color: #f8d7da;
+            color: #721c24;
+            border: 1px solid #f5c6cb;
+        }
+
+        .loading {
+            background-color: #e2e3e5;
+            color: #383d41;
+            border: 1px solid #d6d8db;
+        }
+
+        .spinner {
+            display: inline-block;
+            width: 1.5rem;
+            height: 1.5rem;
+            border: 3px solid rgba(0,0,0,0.1);
+            border-radius: 50%;
+            border-top-color: var(--primary-color);
+            animation: spin 1s ease-in-out infinite;
+            vertical-align: middle;
+            margin-right: 0.5rem;
+        }
+
+        @keyframes spin {
+            to { transform: rotate(360deg); }
+        }
+    </style>
+</head>
+<body>
+
+    <div class="upload-container">
+        <h2>Inventar Batch Upload</h2>
+
+        <form id="uploadForm">
+            <div class="form-group">
+                <label for="csv_file">1. items.csv Datei auswählen</label>
+                <!-- Akzeptiert nur CSV Dateien -->
+                <input type="file" id="csv_file" name="csv_file" accept=".csv" required>
+            </div>
+
+            <div class="form-group">
+                <label for="images">2. Bilder auswählen</label>
+                <!-- multiple erlaubt das Auswählen mehrerer Bilder gleichzeitig -->
+                <input type="file" id="images" name="images" accept="image/*" multiple required>
+                <small style="color: #666; display: block; margin-top: 5px;">Du kannst mehrere Bilder markieren (Strg/Cmd gedrückt halten).</small>
+            </div>
+
+            <button type="submit" id="submitBtn" class="btn-submit">Daten hochladen</button>
+        </form>
+
+        <div id="status-message"></div>
+    </div>
+
+    <script>
+        document.getElementById('uploadForm').addEventListener('submit', async function(e) {
+            e.preventDefault(); // Verhindert das Neuladen der Seite
+
+            const form = e.target;
+            const submitBtn = document.getElementById('submitBtn');
+            const statusDiv = document.getElementById('status-message');
+
+            // UI auf "Laden" setzen
+            submitBtn.disabled = true;
+            submitBtn.innerText = 'Wird verarbeitet...';
+            statusDiv.className = 'loading';
+            statusDiv.style.display = 'block';
+            statusDiv.innerHTML = '<div class="spinner"></div> Lade Dateien hoch und verarbeite Bilder... Bitte warten.';
+
+            // FormData sammelt alle Inputs aus dem Formular (csv_file und images)
+            const formData = new FormData(form);
+
+            try {
+                // Sende die Daten an den Flask-Endpoint
+                const response = await fetch('/upload_csv_batch', {
+                    method: 'POST',
+                    body: formData
+                });
+
+                const result = await response.json();
+
+                if (response.ok && result.success) {
+                    // Erfolgreicher Upload
+                    statusDiv.className = 'success';
+                    statusDiv.innerHTML = `
+                        <strong>Erfolg!</strong><br>
+                        ${result.message}
+                    `;
+                    form.reset(); // Formular nach Erfolg leeren
+                } else {
+                    // Fehler vom Server (z.B. falsches Format, fehlende Rechte)
+                    statusDiv.className = 'error';
+                    statusDiv.innerHTML = `<strong>Fehler:</strong> ${result.message || 'Ein unbekannter Fehler ist aufgetreten.'}`;
+                }
+            } catch (error) {
+                // Netzwerkfehler oder Server-Absturz
+                statusDiv.className = 'error';
+                statusDiv.innerHTML = `<strong>Verbindungsfehler:</strong> Konnte den Server nicht erreichen.`;
+                console.error('Upload Error:', error);
+            } finally {
+                // UI wieder freigeben
+                submitBtn.disabled = false;
+                submitBtn.innerText = 'Daten hochladen';
+            }
+        });
+    </script>
+</body>
+</html>
@@ -17,4 +17,5 @@ cryptography>=42.0.0
 pywebpush
 py-vapid>=1.9.0
 beautifulsoup4
-pywebpush
+pywebpush
+pandas
Author	SHA1	Message	Date
Aiirondev_dev	bf31ee2d16	feat: add batch CSV and image upload logic - Created '/upload_csv_batch' endpoint to handle CSV parsing and multiple image uploads - Added automatic WebP conversion and GridFS storage for batch images - Implemented grouping logic via 'series_group_id' based on item name - Created '/batch_upload' route and 'upload_batch.html' for a seamless async frontend	2026-08-03 00:06:48 +02:00
Aiirondev_dev	b847930500	fix of the username decryption for the logs	2026-08-02 21:32:26 +02:00
Aiirondev_dev	756ff55b4c	Chaces to the Deleted Status, to reflekt the real active bookings in the menu	2026-08-02 15:14:46 +02:00
Aiirondev_dev	df5a3265a1	fix of the file upload in the edet_item funktions	2026-08-01 18:35:28 +02:00
Aiirondev_dev	2c6da44af8	fix of the file upload	2026-08-01 18:02:01 +02:00
Aiirondev_dev	d6d6858002	new implementation of file uploading	2026-08-01 10:34:59 +02:00
Aiirondev_dev	0cf0bd8dec	new implementation of file uploading	2026-08-01 00:00:18 +02:00