Skip to main content
se añadieron 214 caracteres en el cuerpo
Origen Enlace
InfiniteRoads
  • 750
  • 10
  • 26

Necesito que cuando anule una invitación, además de que el empleado desaparezca de la lista, el coste total cambie dando como resultado la resta del empleado que hayamos quitado. Es decir, si eliminamos al último empleado, el coste total reunion que tendría que mostrar es de 71.08 (127.97 - 56.89). Quiero que lo haga de forma asíncrona.

Aquí muestro el código que he utilizado para eliminar al empleado de la tabla. Eso me funcionaHe conseguido que al empleado lo elimine de forma asíncrona, pero necesito que se actualice el costesin embargo, el coste total no se actualiza si no refrescas la página. El problema esAsí, ya tengo las funciones necesarias para calcular el coste de la reunión, pero únicamente necesito que no sé como recogerlo y cambiarloese importe se actualice a la par cuando anule la invitación.

Necesito que cuando anule una invitación, además de que el empleado desaparezca de la lista, el coste total cambie dando como resultado la resta del empleado que hayamos quitado.

Aquí muestro el código que he utilizado para eliminar al empleado de la tabla. Eso me funciona, pero necesito que se actualice el coste. El problema es que no sé como recogerlo y cambiarlo.

Necesito que cuando anule una invitación, además de que el empleado desaparezca de la lista, el coste total cambie dando como resultado la resta del empleado que hayamos quitado. Es decir, si eliminamos al último empleado, el coste total reunion que tendría que mostrar es de 71.08 (127.97 - 56.89). Quiero que lo haga de forma asíncrona.

Aquí muestro el código que he utilizado para eliminar al empleado de la tabla. He conseguido que al empleado lo elimine de forma asíncrona, sin embargo, el coste total no se actualiza si no refrescas la página. Así, ya tengo las funciones necesarias para calcular el coste de la reunión, pero únicamente necesito que ese importe se actualice a la par cuando anule la invitación.

se añadieron 214 caracteres en el cuerpo
Origen Enlace
InfiniteRoads
  • 750
  • 10
  • 26
    <tr class="fila-lista-asistentes">
      <td><?php echo $nexo->getIdEmpleadoModelo() ?></td> 
      <td><?php echo $nexo->getNombreModelo() ?></td> 
      <td><?php echo $nexo->getApellidosModelo() ?></td> 
      <td><?php echo $nexo->getConfirmacion() ?></td>
      <td><?php echo $nexo->getCosteHora() ?></td> 

//en la <tdsiguiente class="btn-anula-invitacion"línea data-recojo el id-empleado-invitado="<?php echode $nexo->getIdEmpleado_fk()cada ?>"registro o fila con el data-id-nexo.
      <td class="btn-anula-invitacion">" data-id-nexo="<?php echo $nexo->getId() ?>"><a href="#">Anular invitación</a></td>
      </tr> 
      <?php $gasto_total += $nexo->getCosteHora();
        endforeach;
        $nexo->setCosteEstimadoModelo($gasto_total);

//en la siguiente línea muestro el coste total de la reunión.
        echo "<tr><td>Coste Total reunión</td><td>".$nexo->getCosteEstimadoModelo()."</td></tr></table>";
const anula_invitacion = document.querySelector('.tabla-lista-asistentes');

anula_invitacion.addEventListener('click', anulaInvitacion);

function anulaInvitacion(e) {

    if (e.target.parentElement.classList.contains('btn-anula-invitacion')) {
 
const idNexo = e.target.parentElement.getAttribute('data-id-nexo'); 
        const idEmpleadoidNexo = e.target.parentElement.getAttribute('data-id-empleado-invitado');
const idReunion = QueryString.id;

console.log(idNexo);
console.log(idReunion);
console.log(idEmpleadonexo');
 
Swal.fire({
  title: 'Está seguro/a?',
  text: "Se enviará un aviso por mail al empleado",
  type: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Eliminar'
}).then((result) => {
  if (result.value) {
    const xhr = new XMLHttpRequest();
   
    //Abrir la conexión
      xhr.open('GET', `../controller/empleado_reunion_controlador.php?idNexo=${idNexo}&idReunion_fk=${idReunion}&idEmpleado_fk=${idEmpleado}&accion=anular_invitacion`, true);
    
    //Pasar los datos
      xhr.onload = function () {
              if (this.status === 200) {
                console.log(xhr.responseText);
//Aquí realiza la acción de eliminar la fila correspondiente al invitado. Todo ok.
                e.target.parentElement.parentElement.remove();

  
//Entiendo que aquí debería de poner //Aquíel iríacódigo lapara accióncambiar deel modificarvalor eldel coste total, pero no estoy seguro ni sé como hacerlo.
 ..
              }
            }
            xhr.send();
    Swal.fire(
  }
    '¡ANULADA!',}

Y por último aquí mi controlador que recibe el parámetro enviado por el get y mediante un método que tengo en mi clase DAO, elimina el invitado de la base de datos:

    if ($_GET['accion'] 'SI== SE'anular_invitacion')
{
 RETRACTA, REENVÍE LA INVITACIÓN',
    $idNexo = 'success'$_GET['idNexo'];

    )
$empleado_reunionDao = }


new }Empleado_reunion_DAO();
    
    }$empleado_reunionDao->borrarNexo($idNexo);
     
}
<tr class="fila-lista-asistentes">
  <td><?php echo $nexo->getIdEmpleadoModelo() ?></td> 
  <td><?php echo $nexo->getNombreModelo() ?></td> 
  <td><?php echo $nexo->getApellidosModelo() ?></td> 
  <td><?php echo $nexo->getConfirmacion() ?></td>
  <td><?php echo $nexo->getCosteHora() ?></td>
  <td class="btn-anula-invitacion" data-id-empleado-invitado="<?php echo $nexo->getIdEmpleado_fk() ?>" 
        data-id-nexo="<?php echo $nexo->getId() ?>"><a href="#">Anular invitación</a></td>
  </tr> 
  <?php $gasto_total += $nexo->getCosteHora();
    endforeach;
    $nexo->setCosteEstimadoModelo($gasto_total);
    echo "<tr><td>Coste Total reunión</td><td>".$nexo->getCosteEstimadoModelo()."</td></tr></table>";
if (e.target.parentElement.classList.contains('btn-anula-invitacion')) {
 
const idNexo = e.target.parentElement.getAttribute('data-id-nexo');
const idEmpleado = e.target.parentElement.getAttribute('data-id-empleado-invitado');
const idReunion = QueryString.id;

console.log(idNexo);
console.log(idReunion);
console.log(idEmpleado);
 
Swal.fire({
  title: 'Está seguro/a?',
  text: "Se enviará un aviso por mail al empleado",
  type: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Eliminar'
}).then((result) => {
  if (result.value) {
    const xhr = new XMLHttpRequest();

    //Abrir la conexión
    xhr.open('GET', `../controller/empleado_reunion_controlador.php?idNexo=${idNexo}&idReunion_fk=${idReunion}&idEmpleado_fk=${idEmpleado}&accion=anular_invitacion`, true);

    //Pasar los datos
    xhr.onload = function () {
      if (this.status === 200) {
        console.log(xhr.responseText);
        e.target.parentElement.parentElement.remove();

        //Aquí iría la acción de modificar el coste total.
 
      }
    }
    xhr.send();
    Swal.fire(
      '¡ANULADA!',
      'SI SE RETRACTA, REENVÍE LA INVITACIÓN',
      'success'
    )
  }


 })

    }
    }
    <tr class="fila-lista-asistentes">
      <td><?php echo $nexo->getIdEmpleadoModelo() ?></td> 
      <td><?php echo $nexo->getNombreModelo() ?></td> 
      <td><?php echo $nexo->getApellidosModelo() ?></td> 
      <td><?php echo $nexo->getConfirmacion() ?></td>
      <td><?php echo $nexo->getCosteHora() ?></td> 

//en la siguiente línea recojo el id de cada registro o fila con el data-id-nexo.
      <td class="btn-anula-invitacion">" data-id-nexo="<?php echo $nexo->getId() ?>"><a href="#">Anular invitación</a></td>
      </tr> 
      <?php $gasto_total += $nexo->getCosteHora();
        endforeach;
        $nexo->setCosteEstimadoModelo($gasto_total);

//en la siguiente línea muestro el coste total de la reunión.
        echo "<tr><td>Coste Total reunión</td><td>".$nexo->getCosteEstimadoModelo()."</td></tr></table>";
const anula_invitacion = document.querySelector('.tabla-lista-asistentes');

anula_invitacion.addEventListener('click', anulaInvitacion);

function anulaInvitacion(e) {

    if (e.target.parentElement.classList.contains('btn-anula-invitacion')) {
    
        const idNexo = e.target.parentElement.getAttribute('data-id-nexo');
    
    
            const xhr = new XMLHttpRequest();
   
            xhr.open('GET', `../controller/empleado_reunion_controlador.php?idNexo=${idNexo}&accion=anular_invitacion`, true);
    
            xhr.onload = function () {
              if (this.status === 200) {
                console.log(xhr.responseText);
//Aquí realiza la acción de eliminar la fila correspondiente al invitado. Todo ok.
                e.target.parentElement.parentElement.remove(); 
//Entiendo que aquí debería de poner el código para cambiar el valor del coste total, pero no estoy seguro ni sé como hacerlo...
              }
            }
            xhr.send();
      }
    }

Y por último aquí mi controlador que recibe el parámetro enviado por el get y mediante un método que tengo en mi clase DAO, elimina el invitado de la base de datos:

    if ($_GET['accion'] == 'anular_invitacion')
{
    
    $idNexo = $_GET['idNexo'];

    $empleado_reunionDao = new Empleado_reunion_DAO();
    
    $empleado_reunionDao->borrarNexo($idNexo);
     
}
Se eliminan mayúsculas sostenidas. Evita el uso de ellas, en su lugar puedes usar negrita para resaltar palabras o frases importantes.
Origen Enlace
InfiniteRoads
  • 750
  • 10
  • 26
if (e.target.parentElement.classList.contains('btn-anula-invitacion')) {

const idNexo = e.target.parentElement.getAttribute('data-id-nexo');
const idEmpleado = e.target.parentElement.getAttribute('data-id-empleado-invitado');
const idReunion = QueryString.id;

console.log(idNexo);
console.log(idReunion);
console.log(idEmpleado);

Swal.fire({
  title: 'Está seguro/a?',
  text: "Se enviará un aviso por mail al empleado",
  type: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Eliminar'
}).then((result) => {
  if (result.value) {
    const xhr = new XMLHttpRequest();

    //Abrir la conexión
    xhr.open('GET', `../controller/empleado_reunion_controlador.php?idNexo=${idNexo}&idReunion_fk=${idReunion}&idEmpleado_fk=${idEmpleado}&accion=anular_invitacion`, true);

    //Pasar los datos
    xhr.onload = function () {
      if (this.status === 200) {
        console.log(xhr.responseText);
        e.target.parentElement.parentElement.remove();

        //Aquí iría la acción de modificar el coste total.

      }
    }
    xhr.send();
    Swal.fire(
      '¡ANULADA!',
      'SI SE RETRACTA, REENVÍE LA INVITACIÓN',
      'success'
    )
  } 


 })

    }
    }
if (e.target.parentElement.classList.contains('btn-anula-invitacion')) {

const idNexo = e.target.parentElement.getAttribute('data-id-nexo');
const idEmpleado = e.target.parentElement.getAttribute('data-id-empleado-invitado');
const idReunion = QueryString.id;

console.log(idNexo);
console.log(idReunion);
console.log(idEmpleado);

Swal.fire({
  title: 'Está seguro/a?',
  text: "Se enviará un aviso por mail al empleado",
  type: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Eliminar'
}).then((result) => {
  if (result.value) {
    const xhr = new XMLHttpRequest();

    //Abrir la conexión
    xhr.open('GET', `../controller/empleado_reunion_controlador.php?idNexo=${idNexo}&idReunion_fk=${idReunion}&idEmpleado_fk=${idEmpleado}&accion=anular_invitacion`, true);

    //Pasar los datos
    xhr.onload = function () {
      if (this.status === 200) {
        console.log(xhr.responseText);
        e.target.parentElement.parentElement.remove();

        //Aquí iría la acción de modificar el coste total.

      }
    }
    xhr.send();
    Swal.fire(
      '¡ANULADA!',
      'SI SE RETRACTA, REENVÍE LA INVITACIÓN',
      'success'
    )
  }
})

}
}
if (e.target.parentElement.classList.contains('btn-anula-invitacion')) {

const idNexo = e.target.parentElement.getAttribute('data-id-nexo');
const idEmpleado = e.target.parentElement.getAttribute('data-id-empleado-invitado');
const idReunion = QueryString.id;

console.log(idNexo);
console.log(idReunion);
console.log(idEmpleado);

Swal.fire({
  title: 'Está seguro/a?',
  text: "Se enviará un aviso por mail al empleado",
  type: 'warning',
  showCancelButton: true,
  confirmButtonColor: '#3085d6',
  cancelButtonColor: '#d33',
  confirmButtonText: 'Eliminar'
}).then((result) => {
  if (result.value) {
    const xhr = new XMLHttpRequest();

    //Abrir la conexión
    xhr.open('GET', `../controller/empleado_reunion_controlador.php?idNexo=${idNexo}&idReunion_fk=${idReunion}&idEmpleado_fk=${idEmpleado}&accion=anular_invitacion`, true);

    //Pasar los datos
    xhr.onload = function () {
      if (this.status === 200) {
        console.log(xhr.responseText);
        e.target.parentElement.parentElement.remove();

        //Aquí iría la acción de modificar el coste total.

      }
    }
    xhr.send();
    Swal.fire(
      '¡ANULADA!',
      'SI SE RETRACTA, REENVÍE LA INVITACIÓN',
      'success'
    )
  } 


 })

    }
    }
Se eliminan mayúsculas sostenidas. Evita el uso de ellas, en su lugar puedes usar negrita para resaltar palabras o frases importantes.
Origen Enlace
Loading
Origen Enlace
InfiniteRoads
  • 750
  • 10
  • 26
Loading