viewof calculadoraIndemnizacion = { const container = document.createElement("div"); container.className = "calculator-container"; const style = document.createElement("style"); style.textContent = ` .calculator-container { max-width: 500px; margin: auto; font-family: Helvetica, Arial, sans-serif; text-align: center; } .calculator-panel { background: #f9f9f9; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); } .titulos-campos { font-size: 18px; margin-bottom: 5px; text-align: center; } .sueldo-bruto, .calculator-input { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ddd; /* Borde más sutil */ border-radius: 8px; text-align: center; box-sizing: border-box; } .input-row { display: flex; justify-content: space-between; gap: 10px; } .input-group { width: 48%; } .calculator-button { background: #01f3b3; color: black; padding: 10px; border: none; border-radius: 8px; cursor: pointer; font-weight: bold; } .calculator-button:hover { background: #01d9a3; } .result-container { margin-top: 20px; } .table-container { width: 100%; margin-top: 20px; display: flex; justify-content: center; } table { width: 90%; max-width: 600px; border-collapse: collapse; background-color: #fff; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); overflow: hidden; border: 1px solid #cfd0d1; /* Se añadió borde a la tabla */ } th, td { padding: 12px; text-align: left; border: 1px solid #cfd0d1; /* Bordes de 1px más suaves */ word-wrap: break-word; } th { background-color: #f1f1f1; font-size: 16px; font-weight: bold; } th:last-child, td:last-child { width: 30%; min-width: 150px; text-align: center; } tr:nth-child(even) { background-color: #f9f9f9; } @media (max-width: 768px) { table { width: 100%; } th, td { font-size: 14px; padding: 10px; } } `; document.head.appendChild(style); const mainTitle = document.createElement("h1"); mainTitle.textContent = "Calculadora de indemnización por despido"; container.appendChild(mainTitle); mainTitle.style.marginBottom = "20px"; const panel = document.createElement("div"); panel.className = "calculator-panel"; container.appendChild(panel); const sueldoTitle = document.createElement("h2"); sueldoTitle.textContent = "Sueldo bruto anual"; sueldoTitle.className = "titulos-campos"; panel.appendChild(sueldoTitle); const sueldoInput = document.createElement("input"); sueldoInput.type = "number"; sueldoInput.placeholder = "Introduce tu sueldo"; sueldoInput.className = "sueldo-bruto"; panel.appendChild(sueldoInput); const inputRow = document.createElement("div"); inputRow.className = "input-row"; const createInputGroup = (title, type) => { const group = document.createElement("div"); group.className = "input-group"; const label = document.createElement("h2"); label.textContent = title; label.className = "titulos-campos"; const input = document.createElement("input"); input.type = type; input.className = "calculator-input"; group.appendChild(label); group.appendChild(input); return { group, input }; }; const { group: startGroup, input: inputStartDate } = createInputGroup("Inicio del contrato", "date"); const { group: endGroup, input: inputEndDate } = createInputGroup("Fecha de despido", "date"); inputRow.appendChild(startGroup); inputRow.appendChild(endGroup); panel.appendChild(inputRow); const button = document.createElement("button"); button.textContent = "Calcular"; button.className = "calculator-button"; panel.appendChild(button); const resultContainer = document.createElement("div"); resultContainer.className = "result-container"; container.appendChild(resultContainer); button.addEventListener("click", () => { resultContainer.innerHTML = ""; const startDate = new Date(inputStartDate.value); const endDate = new Date(inputEndDate.value); const corteDate = new Date("2012-02-12"); if (isNaN(startDate) || isNaN(endDate) || endDate < startDate) { resultContainer.innerHTML = "

Las fechas introducidas no son válidas.

"; return; } let mesesAntes = 0; let mesesDespues = 0; let diffInDays = 0; const monthsBetween = (start, end) => { const diffInTime = end - start; const diffInDays = diffInTime / (1000 * 3600 * 24); const diffInMonths = diffInDays / 30.436875; // Promedio de días en un mes return { months: Math.ceil(diffInMonths), days: diffInDays }; // Redondeo hacia arriba }; if (startDate < corteDate) { if (endDate < corteDate) { const result = monthsBetween(startDate, endDate); mesesAntes = result.months; diffInDays = result.days; // Guardamos el valor correcto } else { const resultAntes = monthsBetween(startDate, corteDate); mesesAntes = resultAntes.months; const resultDespues = monthsBetween(corteDate, endDate); mesesDespues = resultDespues.months; diffInDays = resultAntes.days + resultDespues.days; // Sumamos los días correctamente } } else { const result = monthsBetween(startDate, endDate); mesesDespues = result.months; diffInDays = result.days; } const sueldo = parseFloat(sueldoInput.value); const sueldoDiario = sueldo / 365; const totalMonthsRedondeados = mesesAntes + mesesDespues; const primerPlazo = sueldoDiario * (mesesAntes * 3.75); let segundoPlazo = sueldoDiario * (mesesDespues * 2.75); const sueldoMes = sueldo / 12; const procedente = sueldoDiario * 20 * (totalMonthsRedondeados / 12); let multiplicador = 8; // Valor por defecto const anioInicio = startDate.getFullYear(); if (anioInicio === 2012) multiplicador = 9; else if (anioInicio === 2013) multiplicador = 10; else if (anioInicio === 2014) multiplicador = 11; else if (anioInicio >= 2015) multiplicador = 12; const extincionContratotemp = sueldoDiario * ((diffInDays * multiplicador) / 365); // Topes let sumaPlazos = primerPlazo + segundoPlazo; if (sumaPlazos > (sueldoMes * 24)) { sumaPlazos = (sueldoMes * 24); sumaPlazos = sumaPlazos - (sumaPlazos * 0.0137); } const improcedenteTope = sumaPlazos; let procedenteTope = sueldoDiario * 20 * (totalMonthsRedondeados / 12); if (procedenteTope > sueldo) { procedenteTope = sueldo - (sueldo * 0.0137); } else { procedenteTope = procedente; } let modificacionCondiciones = procedente; const topeCondiciones = sueldoMes * 9; if (modificacionCondiciones > topeCondiciones){ modificacionCondiciones = topeCondiciones - (topeCondiciones * 0.0137); } else { modificacionCondiciones = procedente; } function formatNumber(number) { if (isNaN(number)) return '0,00'; let [integer, decimal] = number.toFixed(2).split('.'); integer = integer.replace(/\B(?=(\d{3})+(?!\d))/g, '.'); return `${integer},${decimal}`; } const table = document.createElement("table"); table.innerHTML = ` DespidoCantidad Despido improcedente${formatNumber(sumaPlazos)} € Voluntad del trabajador por incumplimiento grave del empresario${formatNumber(sumaPlazos)} € Extinción por causas objetivas procedente${formatNumber(procedenteTope)} € Despido colectivo procedente${formatNumber(procedenteTope)} € Movilidad geográfica${formatNumber(procedenteTope)} € Modificación sustancial de condiciones de trabajo${formatNumber(modificacionCondiciones)} € Víctimas de violencia de género, sexual o terrorismo${formatNumber(procedenteTope)} € Extinción del contrato temporal${formatNumber(extincionContratotemp)} € `; const tableContainer = document.createElement("div"); tableContainer.className = "table-container"; tableContainer.appendChild(table); resultContainer.appendChild(tableContainer); resultContainer.innerHTML += `

Total de meses de contrato: ${totalMonthsRedondeados}

`; }); return container; };