add api headermenu and crud management

2026-02-05 00:01:58 +07:00
parent befe6b30aa
commit f25f6b9156
29 changed files with 2058 additions and 634 deletions
--- a/public/js/main.js
+++ b/public/js/main.js
@@ -0,0 +1,56 @@
+/**
+ * Global Admin Scripts
+ */
+
+console.log('CMS Admin Main JS loaded');
+
+// Helper to handle AJAX form submissions with confirmation or loading state
+window.handleFormAjax = async (formEl, options = {}) => {
+    const { 
+        confirmMessage = null, 
+        onSuccess = null, 
+        onError = null,
+        loaderBtn = null
+    } = options;
+
+    if (confirmMessage && !confirm(confirmMessage)) {
+        return false;
+    }
+
+    const formData = new FormData(formEl);
+    const data = Object.fromEntries(formData.entries());
+    const originalBtnHtml = loaderBtn ? loaderBtn.innerHTML : null;
+
+    try {
+        if (loaderBtn) {
+            loaderBtn.disabled = true;
+            loaderBtn.innerHTML = '<i class="fas fa-spinner fa-spin me-1"></i>Processing...';
+        }
+
+        const response = await fetch(formEl.action, {
+            method: formEl.method || 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify(data)
+        });
+
+        const result = await response.json();
+
+        if (result.success) {
+            if (onSuccess) onSuccess(result);
+            else showToast('Success', result.message || 'Operation successful', 'success');
+        } else {
+            if (onError) onError(result);
+            else showToast('Error', result.message || 'Operation failed', 'error');
+        }
+    } catch (error) {
+        console.error('AJAX Error:', error);
+        showToast('Error', 'A network error occurred', 'error');
+    } finally {
+        if (loaderBtn) {
+            loaderBtn.disabled = false;
+            loaderBtn.innerHTML = originalBtnHtml;
+        }
+    }
+};