File "FOR-S-CCI-90.js"

Full Path: C:/wamp64/www/CALIDADWEB/CALIDADWEB/FRONTED/INPUTS/FOR-S-CCI-90.js
File size: 12.75 KB
MIME-type: text/plain
Charset: utf-8

function calcularPromedioTemperatura() {
  let suma = 0;
  let cantidad = 0;

  for (let i = 1; i <= 17; i++) {
    const input = document.getElementById("VHM" + i);
    if (input) {
      const valor = parseFloat(input.value);
      if (!isNaN(valor)) {
        suma += valor;
        cantidad++;
      }
    }
  }

  const promedio = cantidad > 0 ? (suma / cantidad).toFixed(1) : "";
  const inputPromedio = document.getElementById("VHTemperaturaC");
  inputPromedio.value = promedio;

  // Cambiar color según el valor del promedio
  if (promedio !== "") {
    if (parseFloat(promedio) > 3.8) {
      inputPromedio.style.backgroundColor = "#ff3232"; // rojo claro
      inputPromedio.style.color = "black";
      inputPromedio.style.fontSize = "20px";
    } else {
      inputPromedio.style.backgroundColor = "#49de09"; // verde claro
      inputPromedio.style.color = "black";
      inputPromedio.style.fontSize = "20px";
    }
  } else {
    inputPromedio.style.backgroundColor = ""; // sin color
    inputPromedio.style.color = "";
  }
}

document.addEventListener("DOMContentLoaded", function () {
  for (let i = 1; i <= 17; i++) {
    const input = document.getElementById("VHM" + i);
    if (input) {
      input.addEventListener("input", calcularPromedioTemperatura);
    }
  }
});

function calcularPromedioTemperatura2() {
  let suma = 0;
  let cantidad = 0;

  for (let i = 1; i <= 17; i++) {
    const input = document.getElementById("VMM" + i);
    if (input) {
      const valor = parseFloat(input.value);
      if (!isNaN(valor)) {
        suma += valor;
        cantidad++;
      }
    }
  }

  const promedio = cantidad > 0 ? (suma / cantidad).toFixed(1) : "";
  const inputPromedio2 = document.getElementById("VMTemperaturaC");
  inputPromedio2.value = promedio;

  // Cambiar color según el valor del promedio
  if (promedio !== "") {
    if (parseFloat(promedio) > 3.8) {
      inputPromedio2.style.backgroundColor = "#ff3232"; // rojo claro
      inputPromedio2.style.color = "black";
      inputPromedio2.style.fontSize = "20px";
    } else {
      inputPromedio2.style.backgroundColor = "#49de09"; // verde claro
      inputPromedio2.style.color = "black";
      inputPromedio2.style.fontSize = "20px";
    }
  } else {
    inputPromedio2.style.backgroundColor = ""; // sin color
    inputPromedio2.style.color = "";
  }
}

document.addEventListener("DOMContentLoaded", function () {
  for (let i = 1; i <= 17; i++) {
    const input = document.getElementById("VMM" + i);
    if (input) {
      input.addEventListener("input", calcularPromedioTemperatura2);
    }
  }
});

function calcularPromedioTemperatura3() {
  let suma = 0;
  let cantidad = 0;

  for (let i = 1; i <= 17; i++) {
    const input = document.getElementById("VPM" + i);
    if (input) {
      const valor = parseFloat(input.value);
      if (!isNaN(valor)) {
        suma += valor;
        cantidad++;
      }
    }
  }

  const promedio = cantidad > 0 ? (suma / cantidad).toFixed(1) : "";
  const inputPromedio3 = document.getElementById("VPTemperaturaC");
  inputPromedio3.value = promedio;

  // Cambiar color según el valor del promedio
  if (promedio !== "") {
    if (parseFloat(promedio) > 3.8) {
      inputPromedio3.style.backgroundColor = "#ff3232"; // rojo claro
      inputPromedio3.style.color = "black";
      inputPromedio3.style.fontSize = "20px";
    } else {
      inputPromedio3.style.backgroundColor = "#49de09"; // verde claro
      inputPromedio3.style.color = "black";
      inputPromedio3.style.fontSize = "20px";
    }
  } else {
    inputPromedio3.style.backgroundColor = ""; // sin color
    inputPromedio3.style.color = "";
  }
}

document.addEventListener("DOMContentLoaded", function () {
  for (let i = 1; i <= 17; i++) {
    const input = document.getElementById("VPM" + i);
    if (input) {
      input.addEventListener("input", calcularPromedioTemperatura3);
    }
  }
});

function calcularPromedioTemperatura4() {
  let suma = 0;
  let cantidad = 0;

  for (let i = 1; i <= 17; i++) {
    const input = document.getElementById("VCM" + i);
    if (input) {
      const valor = parseFloat(input.value);
      if (!isNaN(valor)) {
        suma += valor;
        cantidad++;
      }
    }
  }

  const promedio = cantidad > 0 ? (suma / cantidad).toFixed(1) : "";
  const inputPromedio4 = document.getElementById("VCTemperaturaC");
  inputPromedio4.value = promedio;

  // Cambiar color según el valor del promedio
  if (promedio !== "") {
    if (parseFloat(promedio) > 3.8) {
      inputPromedio4.style.backgroundColor = "#ff3232"; // rojo claro
      inputPromedio4.style.color = "black";
      inputPromedio4.style.fontSize = "20px";
    } else {
      inputPromedio4.style.backgroundColor = "#49de09"; // verde claro
      inputPromedio4.style.color = "black";
      inputPromedio4.style.fontSize = "20px";
    }
  } else {
    inputPromedio4.style.backgroundColor = ""; // sin color
    inputPromedio4.style.color = "";
  }
}

document.addEventListener("DOMContentLoaded", function () {
  for (let i = 1; i <= 17; i++) {
    const input = document.getElementById("VCM" + i);
    if (input) {
      input.addEventListener("input", calcularPromedioTemperatura4);
    }
  }
});

// funcion para el sweet alert
document.addEventListener('DOMContentLoaded', function () {

  if (typeof window.swalData !== 'undefined') {

    Swal.fire({
      title: window.swalData.title,
      text: window.swalData.text,
      icon: window.swalData.icon,
      confirmButtonText: 'Aceptar',
      confirmButtonColor: '#3085d6'
    });

  }

});
document.getElementById('trazabilidadHigados').addEventListener('change', function () {
  // 1. Guardamos la selección (SI o NO)
  const seleccion = this.value;

  // 2. Aquí pones los IDs de los campos que quieres bloquear
  const camposABloquear = ['VHM1', 'VHM2', 'VHM3', 'VHM4', 'VHM5'];
  // 3. Recorremos los campos y los bloqueamos si es "NO"
  camposABloquear.forEach(id => {
    const elemento = document.getElementById(id);
    if (elemento) {
      if (seleccion === 'NO') {
        elemento.disabled = true;  // Bloquea el campo
        elemento.value = '';       // Opcional: Limpia el contenido al bloquear
      } else {
        elemento.disabled = false; // Desbloquea si elige SI o selecciona vacío
      }
    }
  });
});

document.getElementById('trazabilidadMollejas').addEventListener('change', function () {
  // 1. Guardamos la selección (SI o NO)
  const seleccion = this.value;

  // 2. Aquí pones los IDs de los campos que quieres bloquear
  const camposABloquear = ['VMM1', 'VMM2', 'VMM3', 'VMM4', 'VMM5'];
  // 3. Recorremos los campos y los bloqueamos si es "NO"
  camposABloquear.forEach(id => {
    const elemento = document.getElementById(id);
    if (elemento) {
      if (seleccion === 'NO') {
        elemento.disabled = true;  // Bloquea el campo
        elemento.value = '';       // Opcional: Limpia el contenido al bloquear
      } else {
        elemento.disabled = false; // Desbloquea si elige SI o selecciona vacío
      }
    }
  });
});
document.getElementById('trazabilidadPatas').addEventListener('change', function () {
  // 1. Guardamos la selección (SI o NO)
  const seleccion = this.value;

  // 2. Aquí pones los IDs de los campos que quieres bloquear
  const camposABloquear = ['VPM1', 'VPM2', 'VPM3', 'VPM4', 'VPM5'];
  // 3. Recorremos los campos y los bloqueamos si es "NO"
  camposABloquear.forEach(id => {
    const elemento = document.getElementById(id);
    if (elemento) {
      if (seleccion === 'NO') {
        elemento.disabled = true;  // Bloquea el campo
        elemento.value = '';       // Opcional: Limpia el contenido al bloquear
      } else {
        elemento.disabled = false; // Desbloquea si elige SI o selecciona vacío
      }
    }
  });
});
document.getElementById('trazabilidadCabezas').addEventListener('change', function () {
  // 1. Guardamos la selección (SI o NO)
  const seleccion = this.value;

  // 2. Aquí pones los IDs de los campos que quieres bloquear
  const camposABloquear = ['VCM1', 'VCM2', 'VCM3', 'VCM4', 'VCM5'];
  // 3. Recorremos los campos y los bloqueamos si es "NO"
  camposABloquear.forEach(id => {
    const elemento = document.getElementById(id);
    if (elemento) {
      if (seleccion === 'NO') {
        elemento.disabled = true;  // Bloquea el campo
        elemento.value = '';       // Opcional: Limpia el contenido al bloquear
      } else {
        elemento.disabled = false; // Desbloquea si elige SI o selecciona vacío
      }
    }
  });
});
/* --------------------SEGUNDOS.------------- */
document.addEventListener('DOMContentLoaded', function () {
  const selectGeneral = document.getElementById('generalmoni1');
  if (!selectGeneral) {
    console.error('No se encontró el elemento con id "generalmoni1"');
    return;
  }
  function aplicarBloqueo() {
    const seleccion = selectGeneral.value;
    console.log('Valor seleccionado:', seleccion);
    const camposABloquear = ['HM01', 'HM02', 'HM03', 'HM04', 'HM05'];

    camposABloquear.forEach(id => {
      const elemento = document.getElementById(id);
      if (elemento) {
        if (seleccion === 'NO') {
          elemento.disabled = true;
          elemento.value = ''; // opcional: limpia el campo
          console.log(`Campo ${id} bloqueado`);
        } else {
          elemento.disabled = false;
          console.log(`Campo ${id} desbloqueado`);
        }
      } else {
        console.warn(`No se encontró el campo con id "${id}"`);
      }
    });
  }
  selectGeneral.addEventListener('change', aplicarBloqueo);
  aplicarBloqueo();
});
document.addEventListener('DOMContentLoaded', function () {
  const selectGeneral = document.getElementById('generalmoni2');
  if (!selectGeneral) {
    console.error('No se encontró el elemento con id "generalmoni2"');
    return;
  }
  function aplicarBloqueo() {
    const seleccion = selectGeneral.value;
    console.log('Valor seleccionado:', seleccion);
    const camposABloquear = ['MM01', 'MM02', 'MM03', 'MM04', 'MM05'];

    camposABloquear.forEach(id => {
      const elemento = document.getElementById(id);
      if (elemento) {
        if (seleccion === 'NO') {
          elemento.disabled = true;
          elemento.value = ''; // opcional: limpia el campo
          console.log(`Campo ${id} bloqueado`);
        } else {
          elemento.disabled = false;
          console.log(`Campo ${id} desbloqueado`);
        }
      } else {
        console.warn(`No se encontró el campo con id "${id}"`);
      }
    });
  }
  selectGeneral.addEventListener('change', aplicarBloqueo);
  aplicarBloqueo();
});
document.addEventListener('DOMContentLoaded', function () {
  const selectGeneral = document.getElementById('generalmoni3');
  if (!selectGeneral) {
    console.error('No se encontró el elemento con id "generalmoni3"');
    return;
  }
  function aplicarBloqueo() {
    const seleccion = selectGeneral.value;
    console.log('Valor seleccionado:', seleccion);
    const camposABloquear = ['PM01', 'PM02', 'PM03', 'PM04', 'PM05'];

    camposABloquear.forEach(id => {
      const elemento = document.getElementById(id);
      if (elemento) {
        if (seleccion === 'NO') {
          elemento.disabled = true;
          elemento.value = ''; // opcional: limpia el campo
          console.log(`Campo ${id} bloqueado`);
        } else {
          elemento.disabled = false;
          console.log(`Campo ${id} desbloqueado`);
        }
      } else {
        console.warn(`No se encontró el campo con id "${id}"`);
      }
    });
  }
  selectGeneral.addEventListener('change', aplicarBloqueo);
  aplicarBloqueo();
});
document.addEventListener('DOMContentLoaded', function () {
  const selectGeneral = document.getElementById('generalmoni');
  if (!selectGeneral) {
    console.error('No se encontró el elemento con id "generalmoni"');
    return;
  }
  function aplicarBloqueo() {
    const seleccion = selectGeneral.value;
    console.log('Valor seleccionado:', seleccion);
    const camposABloquear = ['CM01', 'CM02', 'CM03', 'CM04', 'CM05'];

    camposABloquear.forEach(id => {
      const elemento = document.getElementById(id);
      if (elemento) {
        if (seleccion === 'NO') {
          elemento.disabled = true;
          elemento.value = ''; // opcional: limpia el campo
          console.log(`Campo ${id} bloqueado`);
        } else {
          elemento.disabled = false;
          console.log(`Campo ${id} desbloqueado`);
        }
      } else {
        console.warn(`No se encontró el campo con id "${id}"`);
      }
    });
  }
  selectGeneral.addEventListener('change', aplicarBloqueo);
  aplicarBloqueo();
});