almost close to print

py_app/app/static/script.js

@@ -164,17 +164,19 @@ document.addEventListener('DOMContentLoaded', () => {
     });
 
     // Bind the export functionality to the CSV button
-    exportCsvButton.addEventListener('click', () => {
-        const rows = reportTable.querySelectorAll('tr');
-        if (rows.length === 0) {
-            alert('No data available to export.');
-            return;
-        }
+    if (exportCsvButton) {
+        exportCsvButton.addEventListener('click', () => {
+            const rows = reportTable.querySelectorAll('tr');
+            if (rows.length === 0) {
+                alert('No data available to export.');
+                return;
+            }
 
-        const reportTitleText = reportTitle.textContent.trim();
-        const filename = `${reportTitleText.replace(/\s+/g, '_')}.csv`; // Generate a filename based on the report title
-        exportTableToCSV(filename);
-    });
+            const reportTitleText = reportTitle.textContent.trim();
+            const filename = `${reportTitleText.replace(/\s+/g, '_')}.csv`; // Generate a filename based on the report title
+            exportTableToCSV(filename);
+        });
+    }
 
     // Test Database Button
     const testDatabaseBtn = document.getElementById('test-database');
@@ -250,10 +252,12 @@ document.addEventListener('DOMContentLoaded', () => {
     }
 
     // Placeholder for PDF export functionality
-    exportPdfButton.addEventListener('click', () => {
-        alert('Exporting current report as PDF...');
-        // Add logic to export the current report as PDF
-    });
+    if (exportPdfButton) {
+        exportPdfButton.addEventListener('click', () => {
+            alert('Exporting current report as PDF...');
+            // Add logic to export the current report as PDF
+        });
+    }
     
 });
 
@@ -262,28 +266,32 @@ document.addEventListener('DOMContentLoaded', () => {
     const createTemplateBtn = document.getElementById('create-template-btn');
 
     // Example: Handle the "Create New Template" button click
-    createTemplateBtn.addEventListener('click', () => {
-        window.location.href = '/create_template';
-    });
+    if (createTemplateBtn) {
+        createTemplateBtn.addEventListener('click', () => {
+            window.location.href = '/create_template';
+        });
+    }
 
     // Example: Handle the "Edit" and "Delete" buttons
-    templateList.addEventListener('click', (event) => {
-        if (event.target.classList.contains('edit-btn')) {
-            const templateId = event.target.closest('li').dataset.id;
-            window.location.href = `/edit_template/${templateId}`;
-        } else if (event.target.classList.contains('delete-btn')) {
-            const templateId = event.target.closest('li').dataset.id;
-            if (confirm('Are you sure you want to delete this template?')) {
-                fetch(`/delete_template/${templateId}`, { method: 'POST' })
-                    .then(response => response.text())
-                    .then(data => {
-                        alert(data);
-                        // Optionally, remove the template from the list
-                        event.target.closest('li').remove();
-                    });
+    if (templateList) {
+        templateList.addEventListener('click', (event) => {
+            if (event.target.classList.contains('edit-btn')) {
+                const templateId = event.target.closest('li').dataset.id;
+                window.location.href = `/edit_template/${templateId}`;
+            } else if (event.target.classList.contains('delete-btn')) {
+                const templateId = event.target.closest('li').dataset.id;
+                if (confirm('Are you sure you want to delete this template?')) {
+                    fetch(`/delete_template/${templateId}`, { method: 'POST' })
+                        .then(response => response.text())
+                        .then(data => {
+                            alert(data);
+                            // Optionally, remove the template from the list
+                            event.target.closest('li').remove();
+                        });
+                }
             }
-        }
-    });
+        });
+    }
 });
 
 
@@ -291,26 +299,27 @@ document.addEventListener('DOMContentLoaded', () => {
     const setDimensionsBtn = document.getElementById('set-dimensions-btn');
     const labelPreview = document.getElementById('label-preview');
 
-    // Handle setting label dimensions
-    setDimensionsBtn.addEventListener('click', () => {
-        const widthInput = document.getElementById('label-width').value;
-        const heightInput = document.getElementById('label-height').value;
+    if (setDimensionsBtn) {
+        setDimensionsBtn.addEventListener('click', () => {
+            const widthInput = document.getElementById('label-width').value;
+            const heightInput = document.getElementById('label-height').value;
 
-        if (!widthInput || !heightInput) {
-            alert('Please enter valid dimensions for width and height.');
-            return;
-        }
+            if (!widthInput || !heightInput) {
+                alert('Please enter valid dimensions for width and height.');
+                return;
+            }
 
-        // Convert mm to pixels (1 mm = 3.779528 pixels)
-        const widthPixels = parseFloat(widthInput) * 3.779528;
-        const heightPixels = parseFloat(heightInput) * 3.779528;
+            // Convert mm to pixels (1 mm = 3.779528 pixels)
+            const widthPixels = parseFloat(widthInput) * 3.779528;
+            const heightPixels = parseFloat(heightInput) * 3.779528;
 
-        // Set the size of the label container
-        labelPreview.style.width = `${widthPixels}px`;
-        labelPreview.style.height = `${heightPixels}px`;
+            // Set the size of the label container
+            labelPreview.style.width = `${widthPixels}px`;
+            labelPreview.style.height = `${heightPixels}px`;
 
-        alert(`Label dimensions set to ${widthPixels.toFixed(2)}px x ${heightPixels.toFixed(2)}px.`);
-    });
+            alert(`Label dimensions set to ${widthPixels.toFixed(2)}px x ${heightPixels.toFixed(2)}px.`);
+        });
+    }
 });
 document.addEventListener('DOMContentLoaded', () => {
     const labelPreview = document.getElementById('label-preview');