feat: add compiled application javascript

2026-05-21 16:06:07 +07:00
parent 13bfb5f32f
commit 4732492d15
38 changed files with 881 additions and 0 deletions
@@ -0,0 +1,127 @@
+$(document).ready(function() {
+    /**
+     * Global AJAX Form Handler
+     * Intercepts forms with class .ajax-form and handles them via AJAX.
+     */
+    $(document).on('submit', 'form.ajax-form', function(e) {
+        e.preventDefault();
+
+        const $form = $(this);
+        const $submitBtn = $form.find('button[type="submit"]');
+        const originalBtnHtml = $submitBtn.html();
+        const actionUrl = $form.attr('action');
+        const method = $form.attr('method') || 'POST';
+
+        // CKEditor 5 Sync
+        $form.find('textarea').each(function() {
+            if (this.ckeditorInstance) {
+                this.ckeditorInstance.updateSourceElement();
+            }
+        });
+
+        // 1. Loading state
+        $submitBtn.prop('disabled', true).html('<span class="spinner-border spinner-border-sm me-2"></span> ' + ( $submitBtn.data('loading-text') || 'Saving...' ));
+
+        // 2. Perform Request
+        const formData = new FormData(this);
+
+        // Allow page-specific code to modify formData before sending
+        // (e.g. appending FilePond files)
+        $form.trigger('ajaxForm:beforeSend', [formData]);
+
+        $.ajax({
+            url: actionUrl,
+            method: method,
+            data: formData,
+            processData: false,
+            contentType: false,
+            dataType: 'json',
+            headers: {
+                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
+            },
+            success: function(response) {
+                // Notif (Allow skipping global alert)
+                if ($form.data('alert') !== false) {
+                    const swalInstance = window.StandardSwal || Swal;
+                    swalInstance.fire({
+                        icon: 'success',
+                        title: 'Success!',
+                        text: response.message || 'Data saved successfully.',
+                        timer: 1500,
+                        showConfirmButton: false
+                    });
+                }
+
+                // 3. UI Updates
+                // Close active modal if exists
+                const $modal = $form.closest('.modal');
+                if ($modal.length) {
+                    const modalInstance = bootstrap.Modal.getInstance($modal[0]);
+                    if (modalInstance) {
+                        modalInstance.hide();
+                    } else {
+                        // Fallback jQuery hide if instance not found
+                        $($modal[0]).modal('hide');
+                    }
+
+                    // Robust Cleanup: Ensure backdrop is removed and scrolling is restored
+                    // This fixes the common Bootstrap bug where backdrop stays stuck
+                    setTimeout(() => {
+                        $('.modal-backdrop').remove();
+                        $('body').removeClass('modal-open').css({
+                            'overflow': '',
+                            'padding-right': ''
+                        });
+                    }, 400);
+                }
+
+                // Refresh DataTable if window.reloadDataTable is defined
+                if (typeof window.reloadDataTable === 'function') {
+                    window.reloadDataTable();
+                }
+
+                // Reset form if it's not an update form (optional based on data-reset attribute)
+                if ($form.data('reset') !== false && !$form.find('input[name="_method"][value="PUT"]').length) {
+                    $form[0].reset();
+                    // Reset Choices.js if present
+                    $form.find('select').each(function() {
+                         if (this.choices) this.choices.setChoiceByValue('');
+                    });
+                }
+
+                // Trigger custom event for specific page logic
+                $form.trigger('ajaxForm:success', [response]);
+            },
+            error: function(xhr) {
+                let errorMsg = 'Something went wrong.';
+                
+                if (xhr.status === 422) {
+                    const errors = xhr.responseJSON.errors;
+                    errorMsg = '<ul class="text-start mb-0">';
+                    Object.values(errors).flat().forEach(err => {
+                        errorMsg += `<li>${err}</li>`;
+                    });
+                    errorMsg += '</ul>';
+                } else if (xhr.responseJSON && xhr.responseJSON.message) {
+                    errorMsg = xhr.responseJSON.message;
+                }
+
+                if ($form.data('alert') !== false) {
+                    const swalInstance = window.StandardSwal || Swal;
+                    swalInstance.fire({
+                        icon: 'error',
+                        title: 'Validation Error',
+                        html: errorMsg,
+                        confirmButtonText: 'Understood'
+                    });
+                }
+
+                $form.trigger('ajaxForm:error', [xhr]);
+            },
+            complete: function() {
+                // Restore button
+                $submitBtn.prop('disabled', false).html(originalBtnHtml);
+            }
+        });
+    });
+});