jjimenez/safekat
1
0
Fork 0
mirror of https://git.imnavajas.es/jjimenez/safekat.git synced 2025-07-25 22:52:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

solucionado el click de los gramajes

Browse Source
This commit is contained in:
Jaime Jiménez
2024-10-07 11:31:01 +02:00
parent 78b255fa0d
commit 2e2888ec26
2 changed files with 44 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
httpdocs/assets/js/safekat/pages/presupuestoCliente/disenioInterior.js
View File

@ -50,6 +50,8 @@ class DisenioInterior {
this.gramaje150_color = this.domItem.find("#interiorGramaje150Color"); this.gramaje150_color = this.domItem.find("#interiorGramaje150Color");
this.gramaje170_color = this.domItem.find("#interiorGramaje170Color"); this.gramaje170_color = this.domItem.find("#interiorGramaje170Color");
this.checksGramaje = $('.custom-option .form-check-input');
this.initValidation(); this.initValidation();
// Creamos un nuevo observador que detecta cambios en los atributos // Creamos un nuevo observador que detecta cambios en los atributos
@ -69,6 +71,8 @@ class DisenioInterior {
init() { init() {
const self = this;
// Eventos // Eventos
this.disenioInterior.on('click', this.#handleDisenioInterior.bind(this)); this.disenioInterior.on('click', this.#handleDisenioInterior.bind(this));
this.papelInterior.on('click', this.#handlePapelInterior.bind(this)); this.papelInterior.on('click', this.#handlePapelInterior.bind(this));
@ -91,6 +95,18 @@ class DisenioInterior {
this.observer.observe(this.offsetAhuesadoVolumen_color[0], { attributes: true }); this.observer.observe(this.offsetAhuesadoVolumen_color[0], { attributes: true });
this.observer.observe(this.estucadoMate_color[0], { attributes: true }); this.observer.observe(this.estucadoMate_color[0], { attributes: true });
this.checksGramaje.each(function () {
const customOptionEL = $(this);
// Update custom options check on page load
//self.#handleClickGramaje(customOptionEL);
// Update custom options check on click
customOptionEL.on('click', function () {
self.#handleClickGramaje(customOptionEL);
});
});
} }
initValidation() { initValidation() {
@ -279,6 +295,25 @@ class DisenioInterior {
} }
#handleClickGramaje(customOption) {
const el = customOption[0];
if (el.checked) {
// If custom option element is radio, remove checked from the siblings (closest `.row`)
if (el.type === 'radio') {
const customRadioOptionList = [].slice.call(el.closest('.row').querySelectorAll('.custom-option'))
customRadioOptionList.map(function (customRadioOptionEL) {
customRadioOptionEL.closest('.custom-option').classList.remove('checked')
})
}
el.closest('.custom-option').classList.add('checked')
} else {
el.closest('.custom-option').classList.remove('checked')
}
}
#handleDisenioInterior(event) { #handleDisenioInterior(event) {
// Accede al ID del elemento que disparó el evento // Accede al ID del elemento que disparó el evento
const element = $(event.target); const element = $(event.target);
@ -319,12 +354,12 @@ class DisenioInterior {
element.closest(class2Find).toggleClass('selected'); element.closest(class2Find).toggleClass('selected');
element.closest('.image-presupuesto').toggleClass('selected'); element.closest('.image-presupuesto').toggleClass('selected');
if($('#fresado').hasClass('selected')) { if ($('#fresado').hasClass('selected')) {
if(this.estucadoMate.hasClass('selected') || this.estucadoMate_color.hasClass('selected')) { if (this.estucadoMate.hasClass('selected') || this.estucadoMate_color.hasClass('selected')) {
$('#tapaDuraLomoRedondo').addClass('d-none'); $('#tapaDuraLomoRedondo').addClass('d-none');
$('#tapaDura').removeClass('d-none'); $('#tapaDura').removeClass('d-none');
} }
else{ else {
$('#tapaDuraLomoRedondo').removeClass('d-none'); $('#tapaDuraLomoRedondo').removeClass('d-none');
$('#tapaDura').addClass('d-none'); $('#tapaDura').addClass('d-none');
} }

7
httpdocs/assets/js/safekat/pages/presupuestoCliente/presupuestoCliente.js
View File

@ -63,12 +63,13 @@ class PresupuestoCliente {
$("#fresado").trigger("click"); $("#fresado").trigger("click");
$("#colorEstandar").trigger("click"); $("#colorEstandar").trigger("click");
$("#offsetBlanco").trigger("click"); $("#offsetBlanco").trigger("click");
$("#gramaje80").prop("checked", true);
$("#gramaje80").trigger("change");
setTimeout(function() {
$("#gramaje80").trigger("click");
}, 0);
} }