Skip to content

A
Asistencia
Commit b893705d by Billy Larru
Options

usan lista desordenada para mostrar los dias de un rol

parent f11476a7
Showing with 90 additions and 85 deletions
src/main/webapp/js/pages/crearRolPolicia.js
......@@ -100,7 +100,7 @@ function listarRolesPolicias(objParams = {}) {
}).then((datatable) => {
$(datatable).on("click", ".ver-detalle", function () {
let data = $(datatable).DataTable().row($(this).parents("tr")).data();
console.log(data);
axios.get("modals/policias/mantenimientoRol/detalleRol.jspf").then((response) => {
debugger
......@@ -120,6 +120,9 @@ function listarRolesPolicias(objParams = {}) {
$("#spanSede").html(data.sede_descripcion);
$("#spanHorario").html(`${data.tiporol_descripcion} ${data.frecuencia_descripcion}`);
$("#spanRangoFechas").html(`${data.fecha_inicio} - ${data.fecha_fin}`);
let htmlList = ``;
data.detalles_rol.forEach(x => htmlList += `<li class="list-group-item" id="${x.id}">${x.fecha_entrada}</li>`);
$("#listaDias").html(htmlList);
}
});
......
src/main/webapp/vistas/modals/policias/mantenimientoRol/detalleRol.jspf
......@@ -37,91 +37,93 @@
</div>
<div class="col-md-7">
<div class="daterangepicker ltr show-calendar" style=" display: block; position: unset; font-size: 17px; margin-top: 0px">
<div class="calendars">
<div class="calendar left">
<div class="calendar-table">
<table class="table-condensed">
<thead>
<tr>
<th class="prev available">
<i class="icon-arrow-left32 hidden"></i>
</th>
<th colspan="5" class="month">Junio 2018</th>
<th></th>
</tr>
<tr>
<th>Do</th>
<th>Lu</th>
<th>Ma</th>
<th>Mi</th>
<th>Ju</th>
<th>Vi</th>
<th>Sa</th>
</tr>
</thead>
<tbody>
<tr>
<td class="weekend off available" data-title="r0c0">27</td>
<td class="off available" data-title="r0c1">28</td>
<td class="off available" data-title="r0c2">29</td>
<td class="off available" data-title="r0c3">30</td>
<td class="off available" data-title="r0c4">31</td>
<td class="active start-date available" data-title="r0c5">1</td>
<td class="weekend in-range available" data-title="r0c6">2</td>
</tr>
<tr>
<td class="active weekend in-range available" data-title="r1c0">3</td>
<td class="in-range available" data-title="r1c1">4</td>
<td class="active in-range available" data-title="r1c2">5</td>
<td class="in-range available" data-title="r1c3">6</td>
<td class="active in-range available" data-title="r1c4">7</td>
<td class="in-range available" data-title="r1c5">8</td>
<td class="active weekend in-range available" data-title="r1c6">9</td>
</tr>
<tr>
<td class="weekend in-range available" data-title="r2c0">10</td>
<td class="active in-range available" data-title="r2c1">11</td>
<td class="in-range available" data-title="r2c2">12</td>
<td class="active in-range available" id="servicio13" data-title="r2c3">13</td>
<td class="in-range available" data-title="r2c4">14</td>
<td class="active in-range available" data-title="r2c5">15</td>
<td class="weekend in-range available" data-title="r2c6">16</td>
</tr>
<tr>
<td class="weekend in-range available" data-title="r3c0">17</td>
<td class="in-range available" data-title="r3c1">18</td>
<td class="in-range available" data-title="r3c2">19</td>
<td class="in-range available" data-title="r3c3">20</td>
<td class="in-range available" data-title="r3c4">21</td>
<td class="in-range available" data-title="r3c5">22</td>
<td class="weekend in-range available" data-title="r3c6">23</td>
</tr>
<tr>
<td class="weekend in-range available" data-title="r4c0">24</td>
<td class="in-range available" data-title="r4c1">25</td>
<td class="in-range available" data-title="r4c2">26</td>
<td class="in-range available" data-title="r4c3">27</td>
<td class="in-range available" data-title="r4c4">28</td>
<td class="in-range available" data-title="r4c5">29</td>
<td class="weekend end-date in-range available" data-title="r4c6">30</td>
</tr>
<tr>
<td class="weekend off available" data-title="r5c0">1</td>
<td class="today off available" data-title="r5c1">2</td>
<td class="off available" data-title="r5c2">3</td>
<td class="off available" data-title="r5c3">4</td>
<td class="off available" data-title="r5c4">5</td>
<td class="off available" data-title="r5c5">6</td>
<td class="weekend off available" data-title="r5c6">7</td>
</tr>
</tbody>
</table>
<ul class="list-group" id="listaDias">
</ul>
<!-- <div class="daterangepicker ltr show-calendar" style=" display: block; position: unset; font-size: 17px; margin-top: 0px">
<div class="calendars">
<div class="calendar left">
<div class="calendar-table">
<table class="table-condensed">
<thead>
<tr>
<th class="prev available">
<i class="icon-arrow-left32 hidden"></i>
</th>
<th colspan="5" class="month">Junio 2018</th>
<th></th>
</tr>
<tr>
<th>Do</th>
<th>Lu</th>
<th>Ma</th>
<th>Mi</th>
<th>Ju</th>
<th>Vi</th>
<th>Sa</th>
</tr>
</thead>
<tbody>
<tr>
<td class="weekend off available" data-title="r0c0">27</td>
<td class="off available" data-title="r0c1">28</td>
<td class="off available" data-title="r0c2">29</td>
<td class="off available" data-title="r0c3">30</td>
<td class="off available" data-title="r0c4">31</td>
<td class="active start-date available" data-title="r0c5">1</td>
<td class="weekend in-range available" data-title="r0c6">2</td>
</tr>
<tr>
<td class="active weekend in-range available" data-title="r1c0">3</td>
<td class="in-range available" data-title="r1c1">4</td>
<td class="active in-range available" data-title="r1c2">5</td>
<td class="in-range available" data-title="r1c3">6</td>
<td class="active in-range available" data-title="r1c4">7</td>
<td class="in-range available" data-title="r1c5">8</td>
<td class="active weekend in-range available" data-title="r1c6">9</td>
</tr>
<tr>
<td class="weekend in-range available" data-title="r2c0">10</td>
<td class="active in-range available" data-title="r2c1">11</td>
<td class="in-range available" data-title="r2c2">12</td>
<td class="active in-range available" id="servicio13" data-title="r2c3">13</td>
<td class="in-range available" data-title="r2c4">14</td>
<td class="active in-range available" data-title="r2c5">15</td>
<td class="weekend in-range available" data-title="r2c6">16</td>
</tr>
<tr>
<td class="weekend in-range available" data-title="r3c0">17</td>
<td class="in-range available" data-title="r3c1">18</td>
<td class="in-range available" data-title="r3c2">19</td>
<td class="in-range available" data-title="r3c3">20</td>
<td class="in-range available" data-title="r3c4">21</td>
<td class="in-range available" data-title="r3c5">22</td>
<td class="weekend in-range available" data-title="r3c6">23</td>
</tr>
<tr>
<td class="weekend in-range available" data-title="r4c0">24</td>
<td class="in-range available" data-title="r4c1">25</td>
<td class="in-range available" data-title="r4c2">26</td>
<td class="in-range available" data-title="r4c3">27</td>
<td class="in-range available" data-title="r4c4">28</td>
<td class="in-range available" data-title="r4c5">29</td>
<td class="weekend end-date in-range available" data-title="r4c6">30</td>
</tr>
<tr>
<td class="weekend off available" data-title="r5c0">1</td>
<td class="today off available" data-title="r5c1">2</td>
<td class="off available" data-title="r5c2">3</td>
<td class="off available" data-title="r5c3">4</td>
<td class="off available" data-title="r5c4">5</td>
<td class="off available" data-title="r5c5">6</td>
<td class="weekend off available" data-title="r5c6">7</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>-->
</div>
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment