carpeta/carpeta-base/fechaHechor
<div class="container">
<div class="row mb-3">
<!-- Grupo de botones estilo btn-group -->
<div class="btn-group" role="group">
<button type="button" class="btn btn-success active" aria-current="page" data-bs-toggle="modal" data-bs-target="#modalRecurso">Recurso</button>
<button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#modalControl">Control de detención</button>
<button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#modalImputacion">Imputación</button>
<button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#modalSalida">Salidas alternas</button>
<button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#modalInvestigacion">Plazo investigación</button>
<button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#modalMedida">Medida cautelar</button>
<button type="button" class="btn btn-success" data-bs-toggle="modal" data-bs-target="#modalHecho">Hecho</button>
</div>
</div>
<!-- Tabla -->
<table class="table mt-3">
<thead>
<tr>
<th>ID</th>
<th>Hecho</th>
<th>Fecha</th>
<th>Comentario/Resolvio</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Control de detención</td>
<td>12-12-2024</td>
<td>Comentario</td>
</tr>
</tbody>
</table>
<!-- Modal Recurso -->
<div class="modal fade" id="modalRecurso" tabindex="-1" aria-labelledby="modalRecursoLabel" aria-hidden="true">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalRecursoLabel">Recurso</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<div class="form-group">
<label>Recurso/Acto:</label>
<div class="form-check">
<input class="form-check-input" type="radio" name="solicitud" id="SI" value="SI">
<label class="form-check-label" for="SI">APELACIÓN</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="solicitud" id="NO" value="NO">
<label class="form-check-label" for="NO">AMPARO</label>
</div>
</div>
</div>
<div class="mb-3">
<label for="fecha" class="form-label">Fecha</label>
<input type="date" class="form-control" id="fecha">
</div>
<hr>
<div class="mb-3">
<div class="form-group">
<label for="resolucion">Seleccione:</label>
<select class="form-select" aria-label="Default select example" name="resolvio" id="resolucion">
<option selected>Resolvio</option>
<option value="Confirmo">CONFIRMO</option>
<option value="Modificado">MODIFICADO</option>
<option value="Revocada">REVOCADA</option>
<option value="Amparada">AMPARADA</option>
<option value="Negada">NEGADA</option>
</select>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary">Guardar cambios</button>
</div>
</div>
</div>
</div>
<!-- Modal Control de detención -->
<div class="modal fade" id="modalControl" tabindex="-1" aria-labelledby="modalControlLabel" aria-hidden="true">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalControlLabel">Formulario - Control de detención</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<label for="hechoControl" class="form-label">Hecho</label>
<input type="text" class="form-control" id="hechoControl" placeholder="Descripción del hecho">
</div>
<div class="mb-3">
<label for="fechaControl" class="form-label">Fecha</label>
<input type="date" class="form-control" id="fechaControl">
</div>
<hr>
<div class="mb-3">
<div class="form-group">
<label>Aprehensión:</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">Legal</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">Ilegal</label>
</div>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary">Guardar cambios</button>
</div>
</div>
</div>
</div>
<!-- Modal Imputación -->
<div class="modal fade" id="modalImputacion" tabindex="-1" aria-labelledby="modalImputacionLabel" aria-hidden="true">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalAudienciaLabel">Formulario -Imputación</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<label for="hechoAudiencia" class="form-label">Hecho</label>
<input type="text" class="form-control" id="hechoAudiencia" placeholder="Imputación">
</div>
<div class="mb-3">
<label for="fechaAudiencia" class="form-label">Fecha</label>
<input type="date" class="form-control" id="fechaAudiencia">
</div>
<hr>
<div class="mb-3">
<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>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary">Guardar cambios</button>
</div>
</div>
</div>
</div>
<!-- Modal Salidas alternas -->
<div class="modal fade" id="modalSalida" tabindex="-1" aria-labelledby="modalSalidaLabel" aria-hidden="true">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalAudienciaLabel">Formulario -Salidas alternas</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<label for="hechoAudiencia" class="form-label">Hecho</label>
<input type="text" class="form-control" id="hechoAudiencia" placeholder="Descripción del hecho">
</div>
<div class="mb-3">
<label for="fechaAudiencia" class="form-label">Fecha</label>
<input type="date" class="form-control" id="fechaAudiencia">
</div>
<hr>
<div class="mb-3">
<label for="resolvioAudiencia" class="form-label">Resolvio</label>
<input type="text" class="form-control" id="resolvioAudiencia" placeholder="Resolución">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary">Guardar cambios</button>
</div>
</div>
</div>
</div>
<!-- Modal Plazo investigación-->
<div class="modal fade" id="modalInvestigacion" tabindex="-1" aria-labelledby="modalInvestigacionLabel" aria-hidden="true">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalSalidaLabel">Formulario -Plazo investigación</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<label for="hechoSalida" class="form-label">Hecho</label>
<input type="text" class="form-control" id="hechoSalida" placeholder="Descripción del hecho">
</div>
<div class="mb-3">
<label for="plazoSalida" class="form-label">Plazo</label>
<input type="text" class="form-control" id="plazoSalida" placeholder="Plazo del hecho">
</div>
<div class="mb-3">
<label for="fechaSalida" class="form-label">Fecha</label>
<input type="date" class="form-control" id="fechaSalida">
</div>
<hr>
<div class="mb-3">
<label for="resolvioSalida" class="form-label">Resolvio</label>
<input type="text" class="form-control" id="resolvioSalida" placeholder="Resolución">
</div>
<div class="mb-3">
<label for="fechaResolvioSalida" class="form-label">Fecha Resolución</label>
<input type="date" class="form-control" id="fechaResolvioSalida">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary">Guardar cambios</button>
</div>
</div>
</div>
</div>
<!-- Modal Medida cautelar-->
<div class="modal fade" id="modalMedida" tabindex="-1" aria-labelledby="modalInvestigacionLabel" aria-hidden="true">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalMedidaLabel">Formulario -Medida cautelar</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<label for="hechoSalida" class="form-label">Hecho</label>
<input type="text" class="form-control" id="hechoSalida" placeholder="Descripción del hecho">
</div>
<div class="mb-3">
<label for="plazoSalida" class="form-label">Plazo</label>
<input type="text" class="form-control" id="plazoSalida" placeholder="Plazo del hecho">
</div>
<div class="mb-3">
<label for="fechaSalida" class="form-label">Fecha</label>
<input type="date" class="form-control" id="fechaSalida">
</div>
<hr>
<div class="mb-3">
<label for="resolvioSalida" class="form-label">Resolvio</label>
<input type="text" class="form-control" id="resolvioSalida" placeholder="Resolución">
</div>
<div class="mb-3">
<label for="fechaResolvioSalida" class="form-label">Fecha Resolución</label>
<input type="date" class="form-control" id="fechaResolvioSalida">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary">Guardar cambios</button>
</div>
</div>
</div>
</div>
<!-- Modal Hecho -->
<div class="modal fade" id="modalHecho" tabindex="-1" aria-labelledby="modalHechoLabel" aria-hidden="true">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="modalHechoLabel"> Hecho</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form>
<div class="mb-3">
<label for="hecho" class="form-label">Hecho</label>
<input type="text" class="form-control" id="hecho" placeholder="Descripción del hecho">
</div>
<div class="mb-3">
<label for="fecha" class="form-label">Fecha</label>
<input type="date" class="form-control" id="fecha">
</div>
<hr>
<div class="mb-3">
<label for="resolvio" class="form-label">Resolvio\Comentario</label>
<input type="text" class="form-control" id="resolvio" placeholder="Resolución">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
<button type="button" class="btn btn-primary">Guardar cambios</button>
</div>
</div>
</div>
</div>
</div>
Comentarios
Publicar un comentario