Skip to content

A
Asistencia
Commit 6363ff9a by Billy Larru
Options

avance de modal de detalle de rol

parent 24e84ae4
Showing with 129 additions and 4 deletions
src/main/webapp/vistas/controlAsistenciaPolicias.jsp → src/main/webapp/vistas/crearRolPolicia.jsp
...@@ -179,15 +179,15 @@ ...@@ -179,15 +179,15 @@
<!-- Basic modal --> <!-- Basic modal -->
<div id="modal_default" class="modal fade"> <div id="modal_default" class="modal fade">
<div class="modal-dialog"> <div class="modal-dialog modal-lg">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-primary"> <div class="modal-header bg-primary">
<button type="button" class="close" data-dismiss="modal">&times;</button> <button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 class="modal-title">Ver rol</h5> <h5 class="modal-title">Detalle de Rol</h5>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<h6 class="text-semibold">Text in a modal</h6> <!-- <h6 class="text-semibold">Text in a modal</h6>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
<hr> <hr>
...@@ -195,6 +195,131 @@ ...@@ -195,6 +195,131 @@
<h6 class="text-semibold">Another paragraph</h6> <h6 class="text-semibold">Another paragraph</h6>
<p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p> <p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p> <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
-->
<div class="row">
<div class="col-md-4 form-group">
<label>Apellidos y Nombres</label>
<span class="label border-left-primary label-striped form-control">RAMIREZ MORALES ROLANDO</span>
</div>
<div class="col-md-4 form-group">
<label>Horario</label>
<span class="label border-left-primary label-striped form-control">REGULAR DIARIO</span>
</div>
<div class="col-md-4 form-group">
<label>Rango de fechas</label>
<span class="label border-left-primary label-striped form-control">01/06/2018 - 30/06/2018</span>
</div>
<div class="row ">
<div class="col-md-offset-3">
<div class="daterangepicker ltr show-calendar" style=" display: block; position: unset; font-size: 30px;">
<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"></i>
</th>
<th colspan="5" class="month">Jun 2018</th>
<th></th>
</tr>
<tr>
<th>Su</th>
<th>Mo</th>
<th>Tu</th>
<th>We</th>
<th>Th</th>
<th>Fr</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="active 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="active in-range available" data-title="r1c1">4</td>
<td class="active in-range available" data-title="r1c2">5</td>
<td class="active in-range available" data-title="r1c3">6</td>
<td class="active in-range available" data-title="r1c4">7</td>
<td class="active in-range available" data-title="r1c5">8</td>
<td class="active weekend in-range available" data-title="r1c6">9</td>
</tr>
<tr>
<td class="active weekend in-range available" data-title="r2c0">10</td>
<td class="active in-range available" data-title="r2c1">11</td>
<td class="active in-range available" data-title="r2c2">12</td>
<td class="active in-range available" data-title="r2c3">13</td>
<td class="active in-range available" data-title="r2c4">14</td>
<td class="active in-range available" data-title="r2c5">15</td>
<td class="active weekend in-range available" data-title="r2c6">16</td>
</tr>
<tr>
<td class="active weekend in-range available" data-title="r3c0">17</td>
<td class="active in-range available" data-title="r3c1">18</td>
<td class="active in-range available" data-title="r3c2">19</td>
<td class="active in-range available" data-title="r3c3">20</td>
<td class="active in-range available" data-title="r3c4">21</td>
<td class="active in-range available" data-title="r3c5">22</td>
<td class="active weekend in-range available" data-title="r3c6">23</td>
</tr>
<tr>
<td class="active weekend in-range available" data-title="r4c0">24</td>
<td class="active in-range available" data-title="r4c1">25</td>
<td class="active in-range available" data-title="r4c2">26</td>
<td class="active in-range available" data-title="r4c3">27</td>
<td class="active in-range available" data-title="r4c4">28</td>
<td class="active in-range available" data-title="r4c5">29</td>
<td class="active weekend active 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>
<div class="modal-footer"> <div class="modal-footer">
...@@ -224,7 +349,7 @@ ...@@ -224,7 +349,7 @@
<script type="text/javascript" src="../plantilla/assets/js/plugins/pickers/daterangepicker.js"></script> <script type="text/javascript" src="../plantilla/assets/js/plugins/pickers/daterangepicker.js"></script>
<script src="../js/lib/jquery-ui.multidatespicker.js" type="text/javascript"></script> <script src="../js/lib/jquery-ui.multidatespicker.js" type="text/javascript"></script>
<script src="../js/pages/controlAsistenciaPolicias.js" type="text/javascript"></script> <script src="../js/pages/crearRolPolicia.js" type="text/javascript"></script>
<!--js--> <!--js-->
......
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