3-inicial

 <!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 Audiencia inicial  -->
<div class="container">
  <!--Solicitud Control_detención   -->
  <input type="hidden" name="inputCarpeta" id="inputCarpetainicial" value="C-01/2015">
  <form id="myForm_inicial">
    <div class="row align-items-center">
        <!-- Campos ocultos para enviar el id al servidor <input type="hidden" name="id" value="php echo $_GET['id'];  ?>">    -->
        <div class="col-2">
            <div class="form-group">
                <button type="button" class="btn btn-success" id="inicialBtn1" >Guardar</button>
            </div>
        </div>
        <input type="hidden" name="carpeta" value="C-01/2015">
        <input type="hidden" name="registro" value="Nelson">
        <div class="col-3">
            <div class="form-group">
                <label for="carpeta">Audiencia inicial:</label>
                <input type="text" class="form-control inputstl" name="solicitud"  value="Audiencia inicial" id="solicitudinicial" >
            </div>
        </div>

        <!-- Agregamos el campo oculto para la fecha de registro -->
        <input type="hidden" name="f_registro" id="f_registroinicial">

        <div class="col-3">
            <div class="form-group">
                <label for="carpeta">Comentario:</label>
                <input type="text" class="form-control inputstl"  name="comentario" id="comentarioinicial">
            </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="carpeta">Detención:</label>
                <input type="date" class="form-control inputstl" name="f_contesto" id="f_contestoinicial" placeholder="Carpeta Judicial" aria-invalid="true">
            </div>
        </div>
        <div class="col-2">
            <div class="form-group">
                <label>Aprehensión:</label>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="resolvio" id="vinculación" value="vinculación">
                    <label class="form-check-label" for="giro">Si vinculación</label>
                </div>
                <div class="form-check">
                    <input class="form-check-input" type="radio" name="resolvio" id="No vinculación" value="No vinculación">
                    <label class="form-check-label" for="nego">No vinculación</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 valorCarpetainicial = document.getElementById("inputCarpetainicial").value;
    const valorSolicitudinicial = document.getElementById("solicitudinicial").value;
           // 3-inicial

    //Al dar click en el boton
    document.getElementById('inicialBtn1').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_registroinicial').value = fechaFormateada;
       
        // Una vez que se establece la fecha actual, puedes continuar enviando el formulario
       guardarDatos1inicial();
    });
   // cargarDatos1(id);

    function guardarDatos1inicial() {
        // Obtener los valores del formulario
        const datos = new FormData(document.getElementById('myForm_inicial'));
        console.log("myForm_inicial",[...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.status);console.log(data.servidor);
            if (data.status === 'Correcto2') {
                Swal.fire({
                    title: 'Éxito',
                    text: 'Datos guardados exitosamente',
                    confirmButtonColor: '#3085d6',
                });
            }
            cargarDatos1inicial(valorCarpetainicial, valorSolicitudinicial);
        })
        .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.
        });
    }

 

   
    // CARGAMOS Y ACTULIZAMOS OS DATOSconsole.log(valorCarpetaC_detencion);console.log(valorSolicitudC_detencion);
   cargarDatos1inicial(valorCarpetainicial, valorSolicitudinicial);

    function cargarDatos1inicial(carpeta, solicitud) {
        //console.log(solicitud);
        //console.log(carpeta);
       
         fetch(`http://localhost/3-MVC-SITE-v5-SOLICITUDES/EJERCICIOS-COMPONENTES/componentes/ordenApre.php?carpeta=${carpeta}&solicitud=${solicitud}`)
        .then(response => response.json())
        .then(data => {
         //   console.log(data.status);
         //   console.log(data.result);
            // Procesar los datos recibidos si es necesario
            datosSolinicial=data.result;
            desactivainicial( datosSolinicial);
        })
        .catch(error => {
            console.error('Error al cargar datos:', error);
        });
    }
    function desactivainicial(datosSol) {
       // console.log("incial",datosSol);

        if (datosSol) {
        const solicitud = document.getElementById('solicitudinicial');
        const comentario =  document.getElementById('comentarioinicial');
        const f_contestoInput = document.getElementById('f_contestoinicial');
        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.comentario !== null && datosSol.comentario !== '') {
            comentario.value = datosSol.comentario;
            comentario.disabled = true;
        }
 
          if (datosSol.f_contesto !== null && datosSol.f_contesto !== '') {
            f_contestoInput.value = datosSol.f_contesto;
            f_contestoInput.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 !== '') {
                inicialBtn1.disabled = true;
            }

        }

    }
</script>

Comentarios

Entradas populares de este blog

secundaria.

AGENDA-PROFESIONISTAS

4-investigacion