Presupuesto Silence

Datos del Cliente

Nombre: kmkllm

Apellidos: ,.,.,.,,.

Teléfono: 554656

Email: jiji@kokkk.com

Dirección: function renderizarArbolAsignacion() { const contenedor = document.getElementById("arbolAsignacion"); contenedor.innerHTML = ""; // limpiar marcas.forEach((marca, marcaIndex) => { const marcaDiv = document.createElement("div"); marcaDiv.style.marginBottom = "10px"; const marcaHeader = document.createElement("div"); marcaHeader.style.cursor = "pointer"; marcaHeader.style.display = "flex"; marcaHeader.style.alignItems = "center"; marcaHeader.style.gap = "8px"; const toggleButton = document.createElement("span"); toggleButton.textContent = "+"; toggleButton.style.fontWeight = "bold"; toggleButton.style.width = "20px"; const marcaCheckbox = document.createElement("input"); marcaCheckbox.type = "checkbox"; marcaCheckbox.dataset.marcaIndex = marcaIndex; marcaCheckbox.classList.add("checkbox-marca"); const marcaLabel = document.createElement("label"); marcaLabel.textContent = " Marca: " + marca.nombre; marcaHeader.appendChild(toggleButton); marcaHeader.appendChild(marcaCheckbox); marcaHeader.appendChild(marcaLabel); marcaDiv.appendChild(marcaHeader); const tiposContainer = document.createElement("div"); tiposContainer.style.marginLeft = "20px"; tiposContainer.style.display = "none"; marcaHeader.addEventListener("click", () => { tiposContainer.style.display = tiposContainer.style.display === "none" ? "block" : "none"; toggleButton.textContent = tiposContainer.style.display === "none" ? "+" : "-"; }); if (marca.tipos) { marca.tipos.forEach((tipo, tipoIndex) => { const tipoDiv = document.createElement("div"); tipoDiv.style.marginBottom = "6px"; const tipoHeader = document.createElement("div"); tipoHeader.style.cursor = "pointer"; tipoHeader.style.display = "flex"; tipoHeader.style.alignItems = "center"; tipoHeader.style.gap = "8px"; tipoHeader.style.marginTop = "4px"; const tipoToggle = document.createElement("span"); tipoToggle.textContent = "+"; tipoToggle.style.fontWeight = "bold"; tipoToggle.style.width = "20px"; const tipoCheckbox = document.createElement("input"); tipoCheckbox.type = "checkbox"; tipoCheckbox.dataset.marcaIndex = marcaIndex; tipoCheckbox.dataset.tipoIndex = tipoIndex; tipoCheckbox.classList.add("checkbox-tipo"); const tipoLabel = document.createElement("label"); tipoLabel.textContent = " Tipo: " + tipo.nombre; tipoHeader.appendChild(tipoToggle); tipoHeader.appendChild(tipoCheckbox); tipoHeader.appendChild(tipoLabel); tipoDiv.appendChild(tipoHeader); const modelosContainer = document.createElement("div"); modelosContainer.style.marginLeft = "20px"; modelosContainer.style.display = "none"; tipoHeader.addEventListener("click", () => { modelosContainer.style.display = modelosContainer.style.display === "none" ? "block" : "none"; tipoToggle.textContent = modelosContainer.style.display === "none" ? "+" : "-"; }); if (tipo.modelos) { tipo.modelos.forEach((modelo, modeloIndex) => { const modeloDiv = document.createElement("div"); modeloDiv.style.marginBottom = "6px"; const modeloHeader = document.createElement("div"); modeloHeader.style.cursor = "pointer"; modeloHeader.style.display = "flex"; modeloHeader.style.alignItems = "center"; modeloHeader.style.gap = "8px"; const modeloToggle = document.createElement("span"); modeloToggle.textContent = "+"; modeloToggle.style.fontWeight = "bold"; modeloToggle.style.width = "20px"; const modeloCheckbox = document.createElement("input"); modeloCheckbox.type = "checkbox"; modeloCheckbox.dataset.marcaIndex = marcaIndex; modeloCheckbox.dataset.tipoIndex = tipoIndex; modeloCheckbox.dataset.modeloIndex = modeloIndex; modeloCheckbox.classList.add("checkbox-modelo"); const modeloLabel = document.createElement("label"); modeloLabel.textContent = " Modelo: " + modelo.nombre; modeloHeader.appendChild(modeloToggle); modeloHeader.appendChild(modeloCheckbox); modeloHeader.appendChild(modeloLabel); modeloDiv.appendChild(modeloHeader); const hijosContainer = document.createElement("div"); hijosContainer.style.marginLeft = "20px"; hijosContainer.style.display = "none"; modeloHeader.addEventListener("click", () => { hijosContainer.style.display = hijosContainer.style.display === "none" ? "block" : "none"; modeloToggle.textContent = hijosContainer.style.display === "none" ? "+" : "-"; }); if (modelo.submodelos && modelo.submodelos.length > 0) { // Mostrar submodelos modelo.submodelos.forEach((submodelo, submodeloIndex) => { const submodeloDiv = document.createElement("div"); submodeloDiv.style.marginBottom = "4px"; const submodeloHeader = document.createElement("div"); submodeloHeader.style.cursor = "pointer"; submodeloHeader.style.display = "flex"; submodeloHeader.style.alignItems = "center"; submodeloHeader.style.gap = "8px"; const submodeloToggle = document.createElement("span"); submodeloToggle.textContent = "+"; submodeloToggle.style.fontWeight = "bold"; submodeloToggle.style.width = "20px"; const submodeloCheckbox = document.createElement("input"); submodeloCheckbox.type = "checkbox"; submodeloCheckbox.dataset.marcaIndex = marcaIndex; submodeloCheckbox.dataset.tipoIndex = tipoIndex; submodeloCheckbox.dataset.modeloIndex = modeloIndex; submodeloCheckbox.dataset.submodeloIndex = submodeloIndex; submodeloCheckbox.classList.add("checkbox-submodelo"); const submodeloLabel = document.createElement("label"); submodeloLabel.textContent = " Submodelo: " + submodelo.nombre; submodeloHeader.appendChild(submodeloToggle); submodeloHeader.appendChild(submodeloCheckbox); submodeloHeader.appendChild(submodeloLabel); submodeloDiv.appendChild(submodeloHeader); const coloresSubmodeloContainer = document.createElement("div"); coloresSubmodeloContainer.style.marginLeft = "20px"; coloresSubmodeloContainer.style.display = "none"; submodeloHeader.addEventListener("click", () => { coloresSubmodeloContainer.style.display = coloresSubmodeloContainer.style.display === "none" ? "block" : "none"; submodeloToggle.textContent = coloresSubmodeloContainer.style.display === "none" ? "+" : "-"; }); if (submodelo.colores && submodelo.colores.length > 0) { submodelo.colores.forEach((color, colorIndex) => { const colorDiv = document.createElement("div"); colorDiv.style.display = "flex"; colorDiv.style.alignItems = "center"; colorDiv.style.gap = "8px"; colorDiv.style.marginTop = "4px"; const colorCheckbox = document.createElement("input"); colorCheckbox.type = "checkbox"; colorCheckbox.dataset.marcaIndex = marcaIndex; colorCheckbox.dataset.tipoIndex = tipoIndex; colorCheckbox.dataset.modeloIndex = modeloIndex; colorCheckbox.dataset.submodeloIndex = submodeloIndex; colorCheckbox.dataset.colorIndex = colorIndex; colorCheckbox.classList.add("checkbox-color"); const colorLabel = document.createElement("label"); colorLabel.textContent = " Color: " + color.nombre; colorDiv.appendChild(colorCheckbox); colorDiv.appendChild(colorLabel); coloresSubmodeloContainer.appendChild(colorDiv); }); } submodeloDiv.appendChild(coloresSubmodeloContainer); hijosContainer.appendChild(submodeloDiv); }); } else { // Mostrar colores directamente si no hay submodelos if (modelo.colores && modelo.colores.length > 0) { modelo.colores.forEach((color, colorIndex) => { const colorDiv = document.createElement("div"); colorDiv.style.display = "flex"; colorDiv.style.alignItems = "center"; colorDiv.style.gap = "8px"; colorDiv.style.marginTop = "4px"; const colorCheckbox = document.createElement("input"); colorCheckbox.type = "checkbox"; colorCheckbox.dataset.marcaIndex = marcaIndex; colorCheckbox.dataset.tipoIndex = tipoIndex; colorCheckbox.dataset.modeloIndex = modeloIndex; colorCheckbox.dataset.colorIndex = colorIndex; colorCheckbox.classList.add("checkbox-color"); const colorLabel = document.createElement("label"); colorLabel.textContent = " Color: " + color.nombre; colorDiv.appendChild(colorCheckbox); colorDiv.appendChild(colorLabel); hijosContainer.appendChild(colorDiv); }); } } modeloDiv.appendChild(hijosContainer); modelosContainer.appendChild(modeloDiv); }); } tipoDiv.appendChild(modelosContainer); tiposContainer.appendChild(tipoDiv); }); } marcaDiv.appendChild(tiposContainer); contenedor.appendChild(marcaDiv); }); } lplplp

Código Postal: 085546

Fecha: 12/05/2025