-
-
×
-
Create New Category
-
@@ -451,5 +408,4 @@
document.addEventListener('DOMContentLoaded', async () => {
const user = await loadUserData();
-
if (!user || user.userType !== 'store_owner') {
window.location.href = 'index.html';
@@ -458,10 +414,4 @@
document.getElementById('owner-name').textContent = `${user.firstName} ${user.lastName || ''}`;
-
- // Logout functionality
- document.getElementById('logout-link').addEventListener('click', async (e) => {
- e.preventDefault();
- await logout();
- });
// Load stores
@@ -492,5 +442,4 @@
document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
-
btn.classList.add('active');
document.getElementById(`${btn.dataset.tab}-tab`).classList.add('active');
@@ -515,21 +464,4 @@
// Generate report
document.getElementById('generate-store-report').addEventListener('click', generateStoreReport);
-
- // Add Category button functionality
- document.getElementById('add-category-btn').addEventListener('click', () => {
- openCategoryModal();
- });
-
- document.getElementById('edit-add-category-btn').addEventListener('click', () => {
- openCategoryModal('edit');
- });
-
- // Category form submission
- document.getElementById('add-category-form').addEventListener('submit', createCategory);
-
- // Cancel button
- document.getElementById('cancel-category-btn').addEventListener('click', () => {
- document.getElementById('add-category-modal').style.display = 'none';
- });
});
@@ -569,19 +501,18 @@
const tbody = document.getElementById('products-list');
-
if (data.success && data.products.length > 0) {
tbody.innerHTML = data.products.map(product => `
-
- | ${product.code} |
- ${product.description.substring(0, 30)}${product.description.length > 30 ? '...' : ''} |
- $${parseFloat(product.price).toFixed(2)} |
- ${product.availability} |
- ${product.category_name || 'General'} |
-
-
-
- |
-
- `).join('');
+
+ | ${product.code} |
+ ${product.description.substring(0, 30)}${product.description.length > 30 ? '...' : ''} |
+ $${parseFloat(product.price).toFixed(2)} |
+ ${product.availability} |
+ ${product.category_name || 'General'} |
+
+
+
+ |
+
+ `).join('');
} else {
tbody.innerHTML = '
| No products found |
';
@@ -599,22 +530,20 @@
const tbody = document.getElementById('orders-list');
-
if (data.success && data.orders.length > 0) {
tbody.innerHTML = data.orders.map(order => {
const total = order.items ? order.items.reduce((sum, item) =>
sum + (item.price * item.quantity), 0) : 0;
-
return `
-
- | ${order.order_num} |
- ${order.first_name} ${order.last_name} |
- ${new Date(order.order_date).toLocaleDateString()} |
- ${order.status} |
- $${total.toFixed(2)} |
-
-
- |
-
- `;
+
+ | ${order.order_num} |
+ ${order.first_name} ${order.last_name} |
+ ${new Date(order.order_date).toLocaleDateString()} |
+ ${order.status} |
+ $${total.toFixed(2)} |
+
+
+ |
+
+ `;
}).join('');
} else {
@@ -633,19 +562,18 @@
const tbody = document.getElementById('employees-list');
-
if (data.success && data.employees.length > 0) {
tbody.innerHTML = data.employees.map(emp => `
-
- | ${emp.id} |
- ${emp.first_name} ${emp.last_name} |
- ${emp.email} |
- ${emp.date_of_hire || 'N/A'} |
- ${emp.permission_type || 'EMPLOYEE'} |
-
-
-
- |
-
- `).join('');
+
+ | ${emp.id} |
+ ${emp.first_name} ${emp.last_name} |
+ ${emp.email} |
+ ${emp.date_of_hire || 'N/A'} |
+ ${emp.permission_type || 'EMPLOYEE'} |
+
+
+
+ |
+
+ `).join('');
} else {
tbody.innerHTML = '
| No employees found |
';
@@ -664,76 +592,12 @@
if (data.success) {
const options = data.categories.map(cat =>
- `
`
+ `
`
).join('');
document.getElementById('product-category').innerHTML = '
' + options;
document.getElementById('edit-product-category').innerHTML = '
' + options;
-
- // Also load for category parent dropdown
- const parentOptions = data.categories.map(cat =>
- `
`
- ).join('');
-
- document.getElementById('category-parent').innerHTML = '
' + parentOptions;
}
} catch (error) {
console.error('Error loading categories:', error);
- }
- }
-
- function openCategoryModal(source = 'add') {
- // Store which form triggered this
- document.getElementById('add-category-modal').dataset.source = source;
- document.getElementById('add-category-modal').style.display = 'block';
- document.getElementById('add-category-form').reset();
- }
-
- async function createCategory(e) {
- e.preventDefault();
-
- const categoryName = document.getElementById('category-name').value.trim();
- const categoryDescription = document.getElementById('category-description').value.trim();
- const parentId = document.getElementById('category-parent').value;
-
- if (!categoryName) {
- alert('Please enter a category name');
- return;
- }
-
- const categoryData = {
- name: categoryName,
- description: categoryDescription,
- parentId: parentId || null
- };
-
- try {
- const response = await fetch('/api/create-category', {
- method: 'POST',
- headers: { 'Content-Type': 'application/json' },
- body: JSON.stringify(categoryData)
- });
-
- const data = await response.json();
-
- if (data.success) {
- alert(`Category "${categoryName}" created successfully!`);
- document.getElementById('add-category-modal').style.display = 'none';
-
- // Reload categories in all dropdowns
- await loadCategories();
-
- // Auto-select the new category if it came from add product form
- const source = document.getElementById('add-category-modal').dataset.source;
- if (source === 'edit') {
- document.getElementById('edit-product-category').value = data.category.id;
- } else {
- document.getElementById('product-category').value = data.category.id;
- }
- } else {
- alert(data.message || 'Failed to create category');
- }
- } catch (error) {
- console.error('Error creating category:', error);
- alert('An error occurred while creating the category');
}
}
@@ -743,5 +607,4 @@
const storeId = document.getElementById('store-select').value;
-
if (!storeId) {
alert('Please select a store first');
@@ -801,5 +664,4 @@
document.getElementById('add-product-form').reset();
loadProducts(storeId);
-
// Switch to products tab
document.querySelector('[data-tab="products"]').click();
@@ -817,5 +679,4 @@
const storeId = document.getElementById('store-select').value;
-
if (!storeId) {
alert('Please select a store first');
@@ -825,5 +686,4 @@
const password = document.getElementById('employee-password').value;
const passwordRegex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
-
if (!passwordRegex.test(password)) {
alert('Password must have at least 8 characters, including uppercase, lowercase, number and special character');
@@ -854,5 +714,4 @@
document.getElementById('add-employee-form').reset();
loadEmployees(storeId);
-
// Switch to employees tab
document.querySelector('[data-tab="employees"]').click();
@@ -903,5 +762,4 @@
const storeId = document.getElementById('store-select').value;
-
const formData = {
code: document.getElementById('edit-product-code').value,
@@ -1002,5 +860,4 @@
const storeId = document.getElementById('store-select').value;
-
const formData = {
employeeId: document.getElementById('edit-employee-id').value,
@@ -1040,9 +897,7 @@
let startDate, endDate;
-
if (period === 'custom') {
startDate = document.getElementById('report-start').value;
endDate = document.getElementById('report-end').value;
-
if (!startDate || !endDate) {
alert('Please select start and end dates');
@@ -1077,9 +932,9 @@
document.getElementById('report-results').innerHTML = `
-
-
Generating Report...
-
Please wait
-
- `;
+
+
Generating Report...
+
Please wait
+
+ `;
try {
@@ -1100,28 +955,28 @@
if (data.success) {
document.getElementById('report-results').innerHTML = `
-
-
Report Generated Successfully
-
Report ID: ${data.reportId}
-
Period: ${data.report.period}
-
Date Range: ${data.report.startDate} to ${data.report.endDate}
-
Type: ${data.report.type}
-
Generated: ${new Date(data.report.generatedAt).toLocaleString()}
-
-
- `;
+
+
Report Generated Successfully
+
Report ID: ${data.reportId}
+
Period: ${data.report.period}
+
Date Range: ${data.report.startDate} to ${data.report.endDate}
+
Type: ${data.report.type}
+
Generated: ${new Date(data.report.generatedAt).toLocaleString()}
+
+
+ `;
} else {
document.getElementById('report-results').innerHTML = `
-
-
Failed to generate report: ${data.message}
-
- `;
+
+
Failed to generate report: ${data.message}
+
+ `;
}
} catch (error) {
console.error('Error generating report:', error);
document.getElementById('report-results').innerHTML = `
-
-
An error occurred while generating the report
-
- `;
+
+
An error occurred while generating the report
+
+ `;
}
}