+
+
×
+
Create New Category
+
@@ -408,4 +449,5 @@
document.addEventListener('DOMContentLoaded', async () => {
const user = await loadUserData();
+
if (!user || user.userType !== 'store_owner') {
window.location.href = 'index.html';
@@ -464,4 +506,21 @@
// 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';
+ });
});
@@ -499,6 +558,6 @@
const response = await fetch(`/api/store-products?storeId=${storeId}`);
const data = await response.json();
-
const tbody = document.getElementById('products-list');
+
if (data.success && data.products.length > 0) {
tbody.innerHTML = data.products.map(product => `
@@ -528,6 +587,6 @@
const response = await fetch(`/api/store-orders?storeId=${storeId}`);
const data = await response.json();
-
const tbody = document.getElementById('orders-list');
+
if (data.success && data.orders.length > 0) {
tbody.innerHTML = data.orders.map(order => {
@@ -560,6 +619,6 @@
const response = await fetch(`/api/store-employees?storeId=${storeId}`);
const data = await response.json();
-
const tbody = document.getElementById('employees-list');
+
if (data.success && data.employees.length > 0) {
tbody.innerHTML = data.employees.map(emp => `
@@ -592,12 +651,75 @@
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('product-category').innerHTML = '
' + options;
- document.getElementById('edit-product-category').innerHTML = '
' + options;
+ 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');
}
}
@@ -607,4 +729,5 @@
const storeId = document.getElementById('store-select').value;
+
if (!storeId) {
alert('Please select a store first');
@@ -679,4 +802,5 @@
const storeId = document.getElementById('store-select').value;
+
if (!storeId) {
alert('Please select a store first');
@@ -686,4 +810,5 @@
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');
@@ -762,4 +887,5 @@
const storeId = document.getElementById('store-select').value;
+
const formData = {
code: document.getElementById('edit-product-code').value,
@@ -860,4 +986,5 @@
const storeId = document.getElementById('store-select').value;
+
const formData = {
employeeId: document.getElementById('edit-employee-id').value,
@@ -897,7 +1024,9 @@
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');