añadidos los ficheros

httpdocs/assets/js/safekat/pages/presupuestoCliente/datosGenerales.js

@@ -0,0 +1,104 @@
+import ClassSelect from '../../components/select2.js';
+
+
+class DatosGenerales {
+
+    constructor(domItem) {
+        this.domItem = domItem;
+        this.formatoLibro = new ClassSelect($("#papelFormatoId"), '/papel-formato/menuitems', 'Seleccione formato');        
+        this.checkFormatoPersonalizado = this.domItem.find("#papelFormatoPersonalizado");
+        this.formatoPersonalizado = this.domItem.find("#formatoPersonalizado");
+
+        this.tiposLibro = this.domItem.find(".tipo-libro");
+
+        this.paginas = this.domItem.find("#paginas");
+        this.paginasNegro = this.domItem.find("#paginasNegro");
+        this.paginasColor = this.domItem.find("#paginasColor");
+        
+    }
+
+
+    init() {
+        
+        this.formatoLibro.init();
+        this.checkFormatoPersonalizado.bind('change', this.#handleFormatoLibro.bind(this));
+
+        this.tiposLibro.on('click', this.#handleTipolibro.bind(this)); 
+
+        this.domItem.find('.input-paginas').on('change', this.#handlePaginas.bind(this));
+    }
+
+
+    #handleFormatoLibro() {
+        
+        if(this.checkFormatoPersonalizado.is(':checked')) {
+            this.formatoLibro.hide();
+            this.formatoPersonalizado.show();
+        }
+        else{
+            this.formatoLibro.show();
+            this.formatoPersonalizado.hide();
+        }
+    }
+
+    #handleTipolibro(event) {
+        // Accede al ID del elemento que disparó el evento
+        const element = $(event.target);
+        
+        let containers = element.closest('.tipo-libro').parent().find('.tipo-libro');
+        for (let container of containers) {
+            if (container != element.closest('.tipo-libro')[0]) {
+                $(container).removeClass('selected');
+                $(container).find('.image-presupuesto').removeClass('selected');
+            }
+        }
+
+        element.closest('.tipo-libro').toggleClass('selected');
+        element.closest('.image-presupuesto').toggleClass('selected');
+    }
+
+    #handlePaginas(event) {
+        let paginas = this.paginas.val();
+        let paginasNegro = this.paginasNegro.val();
+        let paginasColor = this.paginasColor.val();
+
+        if (paginasNegro == '' || isNaN(paginasNegro)) {
+            paginasNegro = 0;
+        }
+        if (paginasColor == '' || isNaN(paginasColor)) {
+            paginasColor = 0;
+        }
+
+        let totalPaginas = parseInt(paginasNegro) + parseInt(paginasColor);
+        this.paginas.val(totalPaginas);
+
+        let tipos = [this.domItem.find('#fresado'),  this.domItem.find('#cosido')];
+        if (totalPaginas < 32){
+            for (let tipo of tipos) {
+                tipo.removeClass('selected');
+                tipo.find('.image-presupuesto').removeClass('selected');
+                
+                tipo.hide();
+            }
+        }
+        else{
+            for (let tipo of tipos) {
+                tipo.show();
+            }
+        }
+
+        
+        if (totalPaginas < 12 || totalPaginas > 40) {
+            this.domItem.find('#grapado').removeClass('selected');
+            this.domItem.find('#grapado').find('.image-presupuesto').removeClass('selected');
+            this.domItem.find('#grapado').hide();
+        }
+        else{
+            this.domItem.find('#grapado').show();
+        }
+    }
+
+}
+
+
+export default DatosGenerales;