Update events.js

events.js

@@ -1,22 +1,31 @@
 // events.js - Manages all event listeners
 
-import { appState, saveState, loadState } from './state.js';
+import { appState, saveState } from './state.js';
 import { handleUpdateStock, handleRestock } from './services.js';
 import { refreshUI, showToast, renderReport } from './ui.js';
 import { generatePurchaseOrder } from './purchaseOrderService.js';
 
+/**
+ * Attaches listeners to elements that are frequently re-rendered.
+ */
 export function attachAllListeners() {
     attachProductInputListeners();
     attachMaxStockEditListeners();
     attachRestockListeners();
-    attachPurchaseOrderListeners();
+    attachPurchaseOrderListener(); // Note: singular now
+}
+
+/**
+ * Attaches listeners to static elements, like modals, only once on startup.
+ */
+export function attachOneTimeListeners() {
     attachModalListeners();
 }
 
 function attachProductInputListeners() {
     document.querySelectorAll('.update-btn').forEach(btn => {
         if (btn.dataset.listenerAttached) return;
-        btn.dataset.listenerAttached = true;
+        btn.dataset.listenerAttached = 'true';
         btn.addEventListener('click', (e) => {
             const card = e.target.closest('.dashboard-card');
             const productName = e.target.dataset.productName;
@@ -29,7 +38,7 @@ function attachProductInputListeners() {
 function attachMaxStockEditListeners() {
     document.querySelectorAll('.edit-max-stock').forEach(icon => {
         if (icon.dataset.listenerAttached) return;
-        icon.dataset.listenerAttached = true;
+        icon.dataset.listenerAttached = 'true';
         icon.addEventListener('click', (e) => {
             const valueSpan = e.target.closest('.flex').querySelector('.max-stock-value');
             const materialName = e.target.closest('.dashboard-card').dataset.materialName;
@@ -61,7 +70,7 @@ function attachMaxStockEditListeners() {
 function attachRestockListeners() {
     document.querySelectorAll('.restock-icon').forEach(btn => {
         if (btn.dataset.listenerAttached) return;
-        btn.dataset.listenerAttached = true;
+        btn.dataset.listenerAttached = 'true';
         btn.addEventListener('click', (e) => {
             const parentEl = e.target.closest('[data-material-name]');
             const materialName = parentEl.dataset.materialName;
@@ -83,19 +92,20 @@ function attachRestockListeners() {
     });
 }
 
-function attachPurchaseOrderListeners() {
-    document.querySelectorAll('.generate-po-btn').forEach(btn => {
-        if (btn.dataset.listenerAttached) return;
-        btn.dataset.listenerAttached = true;
-        btn.addEventListener('click', (e) => {
-            const materialName = e.target.closest('[data-material-name]').dataset.materialName;
-            const material = appState.materials.find(m => m.name === materialName);
-            if (material) {
-                generatePurchaseOrder(material);
-                showToast(`Generated PO for ${material.name}`, 'success');
+function attachPurchaseOrderListener() {
+    const poButton = document.getElementById('generate-full-po-btn');
+    if (poButton && !poButton.dataset.listenerAttached) {
+        poButton.dataset.listenerAttached = 'true';
+        poButton.addEventListener('click', () => {
+            const materialsToOrder = appState.materials.filter(m => m.currentStock <= m.reorderPoint);
+            if (materialsToOrder.length > 0) {
+                generatePurchaseOrder(materialsToOrder);
+                showToast(`Generated consolidated PO for ${materialsToOrder.length} items.`, 'success');
+            } else {
+                showToast('No items to reorder.', 'info');
             }
         });
-    });
+    }
 }
 
 function attachModalListeners() {
@@ -103,34 +113,26 @@ function attachModalListeners() {
     const reportsModal = document.getElementById('reports-modal');
     
     // Reset Modal
-    const showResetModalBtn = document.getElementById('show-reset-modal-btn');
-    if (!showResetModalBtn.dataset.listenerAttachedForReset) {
-        showResetModalBtn.addEventListener('click', () => resetModal.classList.remove('hidden'));
-        resetModal.addEventListener('click', (e) => {
-            const target = e.target.closest('button');
-            if ((target && target.id === 'cancel-reset-btn') || e.target.id === 'reset-modal') {
-                resetModal.classList.add('hidden');
-            }
-            if (target && target.id === 'confirm-reset-btn') {
-                localStorage.removeItem('antennaTrackerState');
-                window.location.reload();
-            }
-        });
-        showResetModalBtn.dataset.listenerAttachedForReset = true;
-    }
+    document.getElementById('show-reset-modal-btn').addEventListener('click', () => resetModal.classList.remove('hidden'));
+    resetModal.addEventListener('click', (e) => {
+        const target = e.target.closest('button');
+        if ((target && target.id === 'cancel-reset-btn') || e.target === resetModal) {
+            resetModal.classList.add('hidden');
+        }
+        if (target && target.id === 'confirm-reset-btn') {
+            localStorage.removeItem('antennaTrackerState');
+            window.location.reload();
+        }
+    });
 
     // Reports Modal
-    const showReportsModalBtn = document.getElementById('show-reports-modal-btn');
-    if (!showReportsModalBtn.dataset.listenerAttachedForReports) {
-        showReportsModalBtn.addEventListener('click', () => reportsModal.classList.remove('hidden'));
-        reportsModal.addEventListener('click', (e) => {
-            const target = e.target.closest('button');
-            if ((target && target.id === 'close-reports-modal-btn') || e.target.id === 'reports-modal') {
-                reportsModal.classList.add('hidden');
-            }
-            if (target && target.id === 'report-prod-summary') renderReport('production');
-            if (target && target.id === 'report-mat-usage') renderReport('material');
-        });
-        showReportsModalBtn.dataset.listenerAttachedForReports = true;
-    }
+    document.getElementById('show-reports-modal-btn').addEventListener('click', () => reportsModal.classList.remove('hidden'));
+    reportsModal.addEventListener('click', (e) => {
+        const target = e.target.closest('button');
+        if ((target && target.id === 'close-reports-modal-btn') || e.target === reportsModal) {
+            reportsModal.classList.add('hidden');
+        }
+        if (target && target.id === 'report-prod-summary') renderReport('production');
+        if (target && target.id === 'report-mat-usage') renderReport('material');
+    });
 }