2-orden de aprension

<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Formulario</title>
    <!-- Agrega las referencias a Bootstrap y SweetAlert2 -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@10"></script>
</head>
<body>

<!--Solicitud Orden aprehensión  -->
<div class="container">
      <input type="hidden" name="inputCarpeta" id="inputCarpeta" value="<?php echo "C-01/2015";?>">
    <form id="s_orden">
        <div class="row align-items-center ">
            <!-- Campos ocultos para enviar el id al servidor -->
            <div class="col-2">
                <div class="form-group">
                    <button type="button" class="btn btn-success" id="s_ordenBtn1" >Guardar</button>
                </div>
            </div>
           
            <input type="hidden" name="carpeta" value="<?php echo "C-01/2015";?>">
            <input type="hidden" name="registro" value="Nelson">
            <div class="col-3">
                <div class="form-group">
                    <label for="carpeta">Solicitud:</label>
                    <input type="text" class="form-control inputstl" id="solicitud" name="solicitud" value="Orden aprehensión" name="solicitud" placeholder="Carpeta Judicial" >
                </div>
            </div>
            <input type="hidden" name="f_registro" id="f_registro">

            <div class="col-3">
                <div class="form-group">
                    <label>Resuelta:</label>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="comentario" id="Audiencia" value="Audiencia">
                        <label class="form-check-label" for="giro">Audiencia</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="comentario" id="Escrito" value="Escrito">
                        <label class="form-check-label" for="nego">Escrito</label>
                    </div>
                </div>
            </div>
            <input type="hidden" name="f_vence" value="0000-00-00">
           
            <input type="hidden" name="Estado" value="pendiente">
            <div class="col-2">
                <div class="form-group">
                    <label for="f_contesto">Ord. de aprehensión:</label>
                    <input type="date" class="form-control inputstl" name="f_contesto" id="f_contesto">
                </div>
            </div>
            <div class="col-2">
                <div class="form-group">
                    <label>Resolvio:</label>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="resolvio" id="giro" value="Giro">
                        <label class="form-check-label" for="giro">Giro</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="radio" name="resolvio" id="nego" value="Nego">
                        <label class="form-check-label" for="nego">Nego</label>
                    </div>
                </div>
            </div>
         
        </div>
    </form>
</div>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@7.26.10/dist/sweetalert2.all.min.js"></script>
</body>
<script>

    const valorCarpeta = document.getElementById("inputCarpeta").value;
    const valorSolicitud = document.getElementById("solicitud").value;
    let datosSol = [];

    function guardarDatos1() {

        // Obtener los valores del formulario
        const datos = new FormData(document.getElementById('s_orden'));
       console.log([...datos.entries()]);
       
        fetch('http://localhost/3-MVC-SITE-v5-SOLICITUDES/EJERCICIOS-COMPONENTES/componentes/1-carpeta.php', {
            method: 'POST',
            body: datos,
        })
        .then(res => res.json())
        .then(data => {
           
            //console.log(data.servidor);
            if (data.status === 'Correcto2') {
                Swal.fire({
                    title: 'Éxito',
                    text: 'Datos guardados exitosamente',
                    confirmButtonColor: '#3085d6',
                });
            }
           
       cargarDatos_s_orden(valorCarpeta,valorSolicitud);
        })
        .catch(error => {
            console.error('Error al procesar la solicitud:', error);
            // Aquí puedes manejar el error de manera adecuada, ya sea mostrando un mensaje al usuario o realizando otra acción.
        });
    }

    document.getElementById('s_ordenBtn1').addEventListener('click', function() {
        // Prevenir la acción por defecto (la actualización de la página)
 

        event.preventDefault();

        // Obtener la fecha actual
        var fechaActual = new Date();
       
        // Formatear la fecha como "YYYY-MM-DD"
        var fechaFormateada = fechaActual.toISOString().slice(0, 10);
       
        // Establecer el valor del campo oculto
        document.getElementById('f_registro').value = fechaFormateada;
       
        // Una vez que se establece la fecha actual, puedes continuar enviando el formulario
        guardarDatos1();
 
   });

   

    cargarDatos_s_orden(valorCarpeta,valorSolicitud);
    //http://localhost/3-MVC-SITE-v5-SOLICITUDES/EJERCICIOS-COMPONENTES/componentes/0-sol.php?carpeta=C-01/2015&solicitud=Orden%20aprehensión

    function cargarDatos_s_orden(carpeta,solicitud) {
             fetch(`http://localhost/3-MVC-SITE-v5-SOLICITUDES/EJERCICIOS-COMPONENTES/componentes/ordenApre.php?carpeta=${carpeta}&solicitud=${solicitud}`)
            .then(response => response.json())
            .then(data => {
                datosSol=data.result;
              desactivaSOrden(datosSol);

            })
            .catch(error => {
            // Capturar y manejar errores
            console.error('Error en la solicitud:', error);
            // Aquí puedes realizar alguna acción adicional, como mostrar un mensaje al usuario
        });
    }

    function desactivaSOrden(datosSol) {
       // console.log(datosSol);
        if (datosSol) {
        const solicitud = document.getElementById('solicitud');
        const comentarioRadio = document.querySelector(`input[name="comentario"][value="${datosSol.comentario}"]`);
        const f_contestoInput = document.getElementById('f_contesto');
        const resolvioRadio = document.querySelector(`input[name="resolvio"][value="${datosSol.resolvio}"]`);


        if (datosSol.solicitud !== null && datosSol.solicitud !== '') {
            solicitud.value = datosSol.solicitud;
            solicitud.disabled = true;
        }
 
          if (datosSol.f_contesto !== null && datosSol.f_contesto !== '') {
            f_contestoInput.value = datosSol.f_contesto;
            f_contestoInput.disabled = true;
        }
        if (comentarioRadio) {
            comentarioRadio.checked = true;
            comentarioRadio.disabled = true;
        }

        if (resolvioRadio) {
            resolvioRadio.checked = true;
            resolvioRadio.disabled = true;
        }
        if (datosSol.solicitud !== null && datosSol.solicitud !== '' && datosSol.comentario !== null && datosSol.comentario !== '' && datosSol.f_contesto !== null && datosSol.f_contesto !== '0000-00-00' && datosSol.f_contesto !== '') {
                s_ordenBtn1.disabled = true;
            }

        }
    }
</script>







Comentarios

Entradas populares de este blog

secundaria.

AGENDA-PROFESIONISTAS

4-investigacion