data init idk other stuff

2025-04-18 15:19:57 -04:00
parent 8f35cedb4a
commit 03b43ce3ab
28 changed files with 3378 additions and 810 deletions
--- a/app/static/app.js
+++ b/app/static/app.js
@@ -228,6 +228,114 @@ async function generateAddressLabels() {
    }
 }

+// Show return labels modal
+function showReturnLabelsModal() {
+    const modal = document.getElementById('returnLabelsModal');
+    modal.classList.remove('hidden');
+    modal.classList.add('flex');
+}
+
+// Close return labels modal
+function closeReturnLabelsModal() {
+    const modal = document.getElementById('returnLabelsModal');
+    modal.classList.remove('flex');
+    modal.classList.add('hidden');
+}
+
+// Submit return labels request
+async function submitReturnLabels() {
+    try {
+        const numberOfLabels = document.getElementById('numberOfLabels').value;
+        if (!numberOfLabels || numberOfLabels < 1) {
+            showToast('Please enter a valid number of labels', 'error');
+            return;
+        }
+        
+        setLoading(true);
+        const response = await fetch(`${API_BASE_URL}/orders/generate-return-labels`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                number_of_labels: parseInt(numberOfLabels)
+            })
+        });
+        
+        if (!response.ok) {
+            const errorData = await response.json();
+            throw new Error(errorData.detail || 'Failed to generate return labels');
+        }
+        
+        showToast('Return labels generated successfully');
+        closeReturnLabelsModal();
+    } catch (error) {
+        showToast('Error generating return labels: ' + error.message, 'error');
+    } finally {
+        setLoading(false);
+    }
+}
+
+// Generate return labels (opens modal)
+function generateReturnLabels() {
+    showReturnLabelsModal();
+}
+
+// Show Pirate Ship label modal
+function showPirateShipModal() {
+    const modal = document.getElementById('pirateShipModal');
+    modal.classList.remove('hidden');
+    modal.classList.add('flex');
+}
+
+// Close Pirate Ship label modal
+function closePirateShipModal() {
+    const modal = document.getElementById('pirateShipModal');
+    modal.classList.remove('flex');
+    modal.classList.add('hidden');
+    // Reset file input
+    document.getElementById('pirateShipFile').value = '';
+}
+
+// Submit Pirate Ship label
+async function submitPirateShipLabel() {
+    try {
+        const fileInput = document.getElementById('pirateShipFile');
+        const file = fileInput.files[0];
+        
+        if (!file) {
+            showToast('Please select a PDF file', 'error');
+            return;
+        }
+        
+        if (file.type !== 'application/pdf') {
+            showToast('Please select a valid PDF file', 'error');
+            return;
+        }
+        
+        setLoading(true);
+        const formData = new FormData();
+        formData.append('file', file);
+        
+        const response = await fetch(`${API_BASE_URL}/orders/print-pirate-ship-label`, {
+            method: 'POST',
+            body: formData
+        });
+        
+        if (!response.ok) {
+            const errorData = await response.json();
+            throw new Error(errorData.detail || 'Failed to print Pirate Ship label');
+        }
+        
+        showToast('Pirate Ship label printed successfully');
+        closePirateShipModal();
+    } catch (error) {
+        showToast('Error printing Pirate Ship label: ' + error.message, 'error');
+    } finally {
+        setLoading(false);
+    }
+}
+
 // Load orders when page loads
 document.addEventListener('DOMContentLoaded', () => {
    fetchOrders();
--- a/app/static/index.html
+++ b/app/static/index.html
@@ -39,6 +39,12 @@
                <button onclick="generateAddressLabels()" class="px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 transition-colors">
                    Generate Address Labels
                </button>
+                <button onclick="generateReturnLabels()" class="px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 transition-colors">
+                    Generate Return Labels
+                </button>
+                <button onclick="showPirateShipModal()" class="px-4 py-2 bg-yellow-600 text-white rounded-lg hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:ring-offset-2 transition-colors">
+                    Upload Pirate Ship Label
+                </button>
            </div>
            <div id="labelOptions" class="bg-gray-700 rounded-lg p-4">
                <label class="block text-sm font-medium text-gray-300 mb-2">Label Type</label>
@@ -49,6 +55,44 @@
            </div>
        </div>

+        <!-- Return Labels Modal -->
+        <div id="returnLabelsModal" class="fixed inset-0 bg-black bg-opacity-50 hidden items-center justify-center">
+            <div class="bg-gray-800 rounded-lg p-6 max-w-md w-full mx-4">
+                <h3 class="text-xl font-semibold text-gray-100 mb-4">Generate Return Labels</h3>
+                <div class="mb-4">
+                    <label for="numberOfLabels" class="block text-sm font-medium text-gray-300 mb-2">Number of Labels</label>
+                    <input type="number" id="numberOfLabels" min="1" value="1" class="w-full rounded-lg border-gray-600 bg-gray-700 text-gray-100 focus:ring-blue-500 focus:border-blue-500">
+                </div>
+                <div class="flex justify-end space-x-3">
+                    <button onclick="closeReturnLabelsModal()" class="px-4 py-2 bg-gray-600 text-white rounded-lg hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 transition-colors">
+                        Cancel
+                    </button>
+                    <button onclick="submitReturnLabels()" class="px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 transition-colors">
+                        Generate
+                    </button>
+                </div>
+            </div>
+        </div>
+
+        <!-- Pirate Ship Label Modal -->
+        <div id="pirateShipModal" class="fixed inset-0 bg-black bg-opacity-50 hidden items-center justify-center">
+            <div class="bg-gray-800 rounded-lg p-6 max-w-md w-full mx-4">
+                <h3 class="text-xl font-semibold text-gray-100 mb-4">Upload Pirate Ship Label</h3>
+                <div class="mb-4">
+                    <label for="pirateShipFile" class="block text-sm font-medium text-gray-300 mb-2">Select PDF File</label>
+                    <input type="file" id="pirateShipFile" accept=".pdf" class="w-full rounded-lg border-gray-600 bg-gray-700 text-gray-100 focus:ring-blue-500 focus:border-blue-500">
+                </div>
+                <div class="flex justify-end space-x-3">
+                    <button onclick="closePirateShipModal()" class="px-4 py-2 bg-gray-600 text-white rounded-lg hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 transition-colors">
+                        Cancel
+                    </button>
+                    <button onclick="submitPirateShipLabel()" class="px-4 py-2 bg-yellow-600 text-white rounded-lg hover:bg-yellow-700 focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:ring-offset-2 transition-colors">
+                        Upload & Print
+                    </button>
+                </div>
+            </div>
+        </div>
+
        <!-- Order List Section -->
        <div class="bg-gray-800 rounded-xl shadow-sm p-6">
            <div class="flex items-center justify-between mb-6">