first commit

2025-03-07 00:29:07 -06:00
commit b21a11c2ee
564 changed files with 94041 additions and 0 deletions
--- a/resources/js/app.js
+++ b/resources/js/app.js
@ -0,0 +1,83 @@
+/**
+ * Deshabilita o pone en modo de solo lectura los campos del formulario.
+ * @param {string} formSelector - Selector del formulario a deshabilitar.
+ */
+const disableStoreForm = (formSelector) => {
+    const form = document.querySelector(formSelector);
+    if (!form) {
+        console.warn(`Formulario no encontrado con el selector: ${formSelector}`);
+        return;
+    }
+
+    /**
+     * Habilita o deshabilita un select con Select2.
+     * @param {HTMLElement} selectElement - El select afectado.
+     * @param {boolean} disabled - Si debe ser deshabilitado.
+     */
+    const toggleSelect2Disabled = (selectElement, disabled) => {
+        selectElement.disabled = disabled;
+        selectElement.dispatchEvent(new Event('change', { bubbles: true }));
+    };
+
+    /**
+     * Aplica modo solo lectura a un select estándar o Select2.
+     * @param {HTMLElement} select - El select a modificar.
+     * @param {boolean} readonly - Si debe estar en modo solo lectura.
+     */
+    const setSelectReadonly = (select, readonly) => {
+        select.setAttribute('readonly-mode', readonly);
+        select.style.pointerEvents = readonly ? 'none' : '';
+        select.tabIndex = readonly ? -1 : '';
+
+        if (select.classList.contains('select2-hidden-accessible')) {
+            toggleSelect2Disabled(select, readonly);
+        }
+    };
+
+    /**
+     * Aplica modo solo lectura a un checkbox o radio.
+     * @param {HTMLElement} checkbox - El input a modificar.
+     * @param {boolean} readonly - Si debe ser solo lectura.
+     */
+    const setCheckboxReadonly = (checkbox, readonly) => {
+        checkbox.setAttribute('readonly-mode', readonly);
+        checkbox.style.pointerEvents = readonly ? 'none' : '';
+        checkbox[readonly ? 'addEventListener' : 'removeEventListener']('click', preventInteraction);
+    };
+
+    /**
+     * Previene interacción con el elemento.
+     * @param {Event} event - El evento de clic.
+     */
+    const preventInteraction = (event) => event.preventDefault();
+
+    // Obtener todos los inputs del formulario
+    const inputs = form.querySelectorAll('input, textarea, select');
+
+    inputs.forEach((el) => {
+        if (!el.classList.contains('data-always-enabled')) {
+            switch (el.tagName) {
+                case 'SELECT':
+                    if (el.classList.contains('select2')) {
+                        toggleSelect2Disabled(el, true);
+                    } else {
+                        setSelectReadonly(el, true);
+                    }
+                    break;
+                case 'INPUT':
+                    if (['checkbox', 'radio'].includes(el.type)) {
+                        setCheckboxReadonly(el, true);
+                    } else {
+                        el.readOnly = true;
+                    }
+                    break;
+                case 'TEXTAREA':
+                    el.readOnly = true;
+                    break;
+            }
+        }
+    });
+};
+
+// Hacer la función accesible globalmente
+window.disableStoreForm = disableStoreForm;