christian.julian
/
LANIA_Proyecto
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: arreglar estructura de filtros y fechas

This commit is contained in:
christian.julian 2025-06-15 18:52:08 -06:00
parent bb27edaf23
commit de0d0f1477
1 changed files with 16 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
views/inicio.html
View File

@ -39,33 +39,7 @@
<!-- SIDEBAR -->
<section id="content">
<nav>
<i class='bx bx-menu toggle-sidebar'></i>
<form action="#">
<div class="form-group">
<input type="text" placeholder="Buscar...">
<i class='bx bx-search icon'></i>
</div>
</form>
<a href="#" class="nav-link">
<i class='bx bxs-bell icon'></i>
<span class="badge">5</span>
</a>
<a href="#" class="nav-link">
<i class='bx bxs-message-square-dots icon'></i>
<span class="badge">8</span>
</a>
<span class="divider"></span>
<div class="profile">
<img src="https://images.unsplash.com/photo-1517841905240-472988babdf9?ixid=MnwxMjA3fDB8MHxzZWFyY2h8NHx8cGVvcGxlfGVufDB8fDB8fA%3D%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=500&q=60" alt="">
<ul class="profile-link">
<li><a href="#"><i class='bx bxs-user-circle icon'></i> Profile</a></li>
<li><a href="#"><i class='bx bxs-cog'></i> Settings</a></li>
<li><a href="#"><i class='bx bxs-log-out-circle'></i> Logout</a></li>
</ul>
</div>
</nav>
<main>
<h1 class="title">Dashboard</h1>
<ul class="breadcrumbs">
@ -73,16 +47,13 @@
<li class="divider">/</li>
<li><a href="#" class="active">Dashboard</a></li>
</ul>
<div class="select-data">
<div class="card">
<div class="head">
<i class='bx bx-trending-up icon'></i>
</div>
<h2 class="subtitle">Filtros</h2>
<div style="display: flex; gap: 20px; margin: 10px 0;">
<!-- Campo: Edad -->
<div style="flex: 1;">
<label class="form-label" for="id_rango_edad">Edad</label>
<label class="form-label" for="id_rango_edad">Edad:</label>
<select class="border rounded-pill shadow-sm form-select" id="id_rango_edad" required>
<option value="NULL">Seleccione una opción</option>
<option value="1">18-24</option>
@ -96,7 +67,7 @@
</div>
<!-- Campo: Género -->
<div style="flex: 1;">
<label class="form-label" for="id_genero" style="margin: 10px 0px 5px;">Género</label>
<label class="form-label" for="id_genero" style="margin: 10px 0px 5px;">Género:</label>
<select class="border rounded-pill shadow-sm form-select" id="id_genero" required>
<option value="NULL">Seleccione una opción</option>
<option value="1">Masculino</option>
@ -106,7 +77,7 @@
</div>
<!-- Campo: Examen -->
<div style="flex: 1;">
<label class="form-label" for="id_examen" style="margin: 10px 0px 5px;">Examen</label>
<label class="form-label" for="id_examen" style="margin: 10px 0px 5px;">Examen:</label>
<select class="border rounded-pill shadow-sm form-select" id="id_examen" required="">
<option value="NULL">Seleccione una opción</option>
<option value="1">Amazon Web Services</option>
@ -128,21 +99,21 @@
</div>
</div>
<button type="button" id="limpiar2" class="btn btn-primary">Limpiar</button>
<h2>Fecha</h2>
<h3>Ingresa una fecha de inicio:</h3>
<br>
<input type="date" id="date1" name="date1">
<h3>Ingresa una fecha de final:</h3>
<input type="date" id="date2" name="date2">
<br>
<h2 class="subtitle">Fecha</h2>
<div class="fechas-wrapper">
<div class="fecha-item">
<label for="date1">Inicio:</label>
<input type="date" id="date1" name="date1">
</div>
<div class="fecha-item">
<label for="date2">Cierre:</label>
<input type="date" id="date2" name="date2">
</div>
</div>
<button type="button" id="buscar">Buscar</button>
<button type="button" id="limpiar">Limpiar</button>
<br>
<div class="content-data">
<div class="head">
<h3>Resultado de registros en el rango de fecha ingresado</h3>
<div class="menu"></div>
</div>
<div class="chart">
<div id="chart5"></div>
</div>