Commit 959043f3 by Billy Larru

avance de html de filtros de creacion de rol

parent 9d1a776d
...@@ -13,66 +13,57 @@ ...@@ -13,66 +13,57 @@
<body> <body>
<%@include file="templates/header-body.jsp" %> <%@include file="templates/header-body.jsp" %>
<!-- content --> <!-- content -->
<!-- <div class="col-md-5 col-md-offset-3">
<div class="col-md-6 col-md-offset-3">
<div class="panel panel-primary"> <div class="panel panel-primary">
<div class="panel-heading"> <div class="panel-heading">
<h5 class="panel-title">Creación y Asignación de Roles</h5> <h5 class="panel-title">Filtros de rol</h5>
</div> </div>
<form id="frmAsistenciaDocentes" onsubmit="return false;" autocomplete="off"> <div class="panel-body">
<div class="panel-body"> <div class="row">
<div class="row"> <div class="col-md-6 form-group">
<div class="col-md-12 form-group"> <label>Busqueda Por</label>
<label>Policia</label> <select id="cboCriterio" class="form-control">
<select class="select-search form-control" id="cboPolicias"> <option value="">[SELECCIONE]</option>
</select> <option value="">DNI</option>
</div> <option value="">APELLIDOS</option>
</select>
</div> </div>
<div class="col-md-6 form-group">
<div class="row"> <label>Criterio</label>
<div class="col-md-6 form-group"> <input type="text" class="form-control"></input>
<label>Tipo de rol</label>
<select class="form-control" id="cboTipoRol">
</select>
</div>
<div class="col-md-6 form-group">
<label>Rango de fechas: </label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-calendar22"></i></span>
<input type="text" class="form-control daterange-basic" value="01/06/2018 - 30/06/2018" id="dpRangoFechas">
</div>
</div>
</div> </div>
</div>
<div class="row">
<div class="row"> <div class="col-md-6 form-group">
<div class="col-md-6 form-group"> <label>Fecha Inicio</label>
<label>Frecuencia</label> <div class="input-group">
<select class="form-control" id="cboFrecuenciaRol"> <span class="input-group-addon"><i class="icon-calendar"></i></span>
</select> <input type="text" class="form-control" name="dpFechaInicio" id="dpFechaInicio">
</div> </div>
</div>
<div class="col-md-6 form-group"> <div class="col-md-6 form-group">
<label>Sede</label> <label>Fecha Fin</label>
<select class="select-search form-control" id="cboSedes"> <div class="input-group">
</select> <span class="input-group-addon"><i class="icon-calendar"></i></span>
<input type="text" class="form-control" name="dpFechaFin" id="dpFechaFin">
</div> </div>
</div> </div>
</div> </div>
<div class="panel-footer"> </div>
<div class="text-center"> <div class="panel-footer">
<button class="btn btn-primary" id="btnRegistrar"><i class="fa fa-search"></i> Registrar</button>&nbsp; <div class="text-center">
<button class="btn btn-warning" id="btnLimpiar"><i class="fa fa-eraser"></i> Limpiar</button> <button class="btn btn-primary" id="btnVistaPrevia"><i class="icon-eye4"></i> Vista previa</button>&nbsp;
</div> <!--<button class="btn btn-warning" id="btnLimpiar"><i class="fa fa-eraser"></i> Limpiar</button>-->
</div> </div>
</div>
</form>
</div> </div>
</div> </div>
-->
<div class="col-md-10 col-md-offset-1"> <div class="col-md-10 col-md-offset-1">
<div class="panel panel-primary card-3" style="margin-top: 30px"> <div class="panel panel-primary card-3" style="margin-top: 30px">
...@@ -194,680 +185,680 @@ ...@@ -194,680 +185,680 @@
<!-- YA NO SE USA --> <!-- YA NO SE USA -->
<!-- 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">
<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">Detalle de Rol</h5> <h5 class="modal-title">Detalle de Rol</h5>
</div>
<div class="modal-body">
<div>
<div class="col-md-5">
<div class="row">
<div class="form-group">
<label>Apellidos y Nombres</label>
<span class="label label-left border-left-primary label-striped form-control">RAMIREZ MORALES ROLANDO</span>
</div>
</div>
<div class="row">
<div class="form-group">
<label>Sede</label>
<span class="label label-left border-left-primary label-striped form-control">MONTESORI</span>
</div>
</div>
<div class="row">
<div class="form-group">
<label>Horario</label>
<span class="label label-left border-left-primary label-striped form-control">REGULAR DIARIO</span>
</div>
</div>
<div class="row">
<div class="form-group">
<label>Rango de fechas</label>
<span class="label label-left border-left-primary label-striped form-control">01/06/2018 - 30/06/2018</span>
</div>
</div>
</div> </div>
<div class="col-md-7"> <div class="modal-body">
<div class="daterangepicker ltr show-calendar" style=" display: block; position: unset; font-size: 17px; margin-top: 0px"> <div>
<div class="calendars"> <div class="col-md-5">
<div class="calendar left"> <div class="row">
<div class="calendar-table">
<table class="table-condensed"> <div class="form-group">
<thead> <label>Apellidos y Nombres</label>
<tr> <span class="label label-left border-left-primary label-striped form-control">RAMIREZ MORALES ROLANDO</span>
<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="active weekend in-range available" data-title="r0c6">2</td>
</tr>
<tr>
<td class="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="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="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="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 class="row">
<div class="form-group">
<label>Sede</label>
<span class="label label-left border-left-primary label-striped form-control">MONTESORI</span>
</div>
</div>
<div class="row">
<div class="form-group">
<label>Horario</label>
<span class="label label-left border-left-primary label-striped form-control">REGULAR DIARIO</span>
</div>
</div>
<div class="row">
<div class="form-group">
<label>Rango de fechas</label>
<span class="label label-left border-left-primary label-striped form-control">01/06/2018 - 30/06/2018</span>
</div>
</div>
</div> </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="active weekend in-range available" data-title="r0c6">2</td>
</tr>
<tr>
<td class="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="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="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="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 class="row ">
<div class="">
</div>
</div> </div>
</div> </div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
<div class="row ">
<div class="">
</div> </div>
</div> </div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
</div> </div>
</div> </div>-->
</div>
</div>-->
<!-- /basic modal --> <!-- /basic modal -->
<!-- Basic modal --> <!-- Basic modal -->
<!-- <div id="modal_tombo" class="modal fade"> <!-- <div id="modal_tombo" class="modal fade">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div id="modal-header" class="modal-header bg-primary"> <div id="modal-header" 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 id="modal-title" class="modal-title">Detalle de Rol</h5> <h5 id="modal-title" class="modal-title">Detalle de Rol</h5>
</div> </div>
<div id="modal_body_tombo2" class="modal-body"> <div id="modal_body_tombo2" class="modal-body">
<div id="detalle_rol"> <div id="detalle_rol">
<div class="col-md-5"> <div class="col-md-5">
<div class="row"> <div class="row">
<div class="form-group"> <div class="form-group">
<label>Apellidos y Nombres</label> <label>Apellidos y Nombres</label>
<span class="label label-left border-left-primary label-striped form-control">DEZA CORREA OSCAR MIGUEL</span> <span class="label label-left border-left-primary label-striped form-control">DEZA CORREA OSCAR MIGUEL</span>
</div>
</div>
<div class="row">
<div class="form-group">
<label>Sede</label>
<span class="label label-left border-left-primary label-striped form-control">LINCE</span>
</div>
</div>
<div class="row">
<div class="form-group">
<label>Horario</label>
<span class="label label-left border-left-primary label-striped form-control">AMANECIDA 24H IMPAR</span>
</div>
</div>
<div class="row">
<div class="form-group">
<label>Rango de fechas</label>
<span class="label label-left border-left-primary label-striped form-control">01/06/2018 - 15/06/2018</span>
</div>
</div>
</div> </div>
</div> <div class="col-md-7">
<div class="row"> <div class="daterangepicker ltr show-calendar" style=" display: block; position: unset; font-size: 17px; margin-top: 0px">
<div class="calendars">
<div class="form-group"> <div class="calendar left">
<label>Sede</label> <div class="calendar-table">
<span class="label label-left border-left-primary label-striped form-control">LINCE</span> <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 class="row"> <div id="editar_rol" class="hidden">
<div class="form-group"> <div class="row ">
<label>Horario</label> <div class="col-md-6 form-group">
<span class="label label-left border-left-primary label-striped form-control">AMANECIDA 24H IMPAR</span> <label>Día</label>
<span class="label label-left border-left-jade label-striped form-control">13/06/2018</span>
</div>
<div class="col-md-6 form-group">
<label>Sede</label>
<select class="select-search form-control">
<option>LINCE</option>
<option>AREQUIPA</option>
<option>ARENALES</option>
<option>MONTESORI</option>
<option>QUILCA</option>
</optgroup>
</select>
</div>
</div> </div>
</div>
<div class="row">
<div class="row"> <div class="col-md-6 form-group">
<div class="form-group"> <label>Tipo de rol</label>
<label>Rango de fechas</label> <select class="form-control" id="cboCriterio">
<span class="label label-left border-left-primary label-striped form-control">01/06/2018 - 15/06/2018</span> <option>[SELECCIONE]</option>
<option>REGULAR</option>
<option>AMANECIDA 12H</option>
</select>
</div>
</div> </div>
</div>
<div class="row">
</div> <div class="col-md-12 form-group">
<label>Observacion</label>
<div class="col-md-7"> <textarea name="" id="" cols="5" rows="5" placeholder="Ingrese el motivo..." class="form-control"></textarea>
<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>
</div>
<div class="modal-footer">
<div id="editar_rol" class="hidden"> <div id="botones-editar" class="text-center hidden">
<div class="row "> <button class="btn btn-success" id="btnGuardarCambios"><i class="fa fa-search"></i> Guardar Cambios</button>&nbsp;
<div class="col-md-6 form-group"> <button class="btn btn-warning" id="btnCancelar"><i class="fa fa-eraser"></i> Cancelar</button>
<label>Día</label>
<span class="label label-left border-left-jade label-striped form-control">13/06/2018</span>
</div>
<div class="col-md-6 form-group">
<label>Sede</label>
<select class="select-search form-control">
<option>LINCE</option>
<option>AREQUIPA</option>
<option>ARENALES</option>
<option>MONTESORI</option>
<option>QUILCA</option>
</optgroup>
</select>
</div>
</div>
<div class="row">
<div class="col-md-6 form-group">
<label>Tipo de rol</label>
<select class="form-control" id="cboCriterio">
<option>[SELECCIONE]</option>
<option>REGULAR</option>
<option>AMANECIDA 12H</option>
</select>
</div> </div>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="btnCerrar">Cerrar</button>
</div> </div>
<div class="row">
<div class="col-md-12 form-group">
<label>Observacion</label>
<textarea name="" id="" cols="5" rows="5" placeholder="Ingrese el motivo..." class="form-control"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<div id="botones-editar" class="text-center hidden">
<button class="btn btn-success" id="btnGuardarCambios"><i class="fa fa-search"></i> Guardar Cambios</button>&nbsp;
<button class="btn btn-warning" id="btnCancelar"><i class="fa fa-eraser"></i> Cancelar</button>
</div> </div>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="btnCerrar">Cerrar</button>
</div> </div>
</div> </div>-->
</div>
</div>-->
<!-- /basic modal --> <!-- /basic modal -->
<!-- Basic modal --> <!-- Basic modal -->
<!-- <div id="modal_tombo2" class="modal fade"> <!-- <div id="modal_tombo2" class="modal fade">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-primary"> <div class="modal-header bg-primary">
<h5 class="modal-title">Detalle de Rol</h5> <h5 class="modal-title">Detalle de Rol</h5>
</div>
<div class="modal-body">
<div id="detalle_rol">
<div class="col-md-5">
<div class="row">
<div class="form-group">
<label>Apellidos y Nombres</label>
<span class="label label-left border-left-primary label-striped form-control">SALOME LAZO REGULO RIGOBERTO</span>
</div>
</div>
<div class="row">
<div class="form-group">
<label>Sede</label>
<span class="label label-left border-left-primary label-striped form-control">SALAMANCA</span>
</div>
</div>
<div class="row">
<div class="form-group">
<label>Horario</label>
<span class="label label-left border-left-primary label-striped form-control">AMANECIDA 12H DIARIO</span>
</div>
</div>
<div class="row">
<div class="form-group">
<label>Rango de fechas</label>
<span class="label label-left border-left-primary label-striped form-control">13/06/2018 - 13/06/2018</span>
</div>
</div>
</div> </div>
<div class="col-md-7"> <div class="modal-body">
<div class="daterangepicker ltr show-calendar" style=" display: block; position: unset; font-size: 17px; margin-top: 0px"> <div id="detalle_rol">
<div class="calendars"> <div class="col-md-5">
<div class="calendar left"> <div class="row">
<div class="calendar-table">
<table class="table-condensed"> <div class="form-group">
<thead> <label>Apellidos y Nombres</label>
<tr> <span class="label label-left border-left-primary label-striped form-control">SALOME LAZO REGULO RIGOBERTO</span>
<th class="prev available"> </div>
<i class="icon-arrow-left32 hidden"></i>
</th> </div>
<th colspan="5" class="month">Junio 2018</th>
<th></th> <div class="row">
</tr>
<tr> <div class="form-group">
<th>Do</th> <label>Sede</label>
<th>Lu</th> <span class="label label-left border-left-primary label-striped form-control">SALAMANCA</span>
<th>Ma</th> </div>
<th>Mi</th>
<th>Ju</th> </div>
<th>Vi</th>
<th>Sa</th> <div class="row">
</tr> <div class="form-group">
</thead> <label>Horario</label>
<tbody> <span class="label label-left border-left-primary label-striped form-control">AMANECIDA 12H DIARIO</span>
<tr> </div>
<td class="weekend off available" data-title="r0c0">27</td> </div>
<td class="off available" data-title="r0c1">28</td>
<td class="off available" data-title="r0c2">29</td> <div class="row">
<td class="off available" data-title="r0c3">30</td> <div class="form-group">
<td class="off available" data-title="r0c4">31</td> <label>Rango de fechas</label>
<td class="start-date available" data-title="r0c5">1</td> <span class="label label-left border-left-primary label-striped form-control">13/06/2018 - 13/06/2018</span>
<td class="weekend in-range available" data-title="r0c6">2</td> </div>
</tr> </div>
<tr>
<td class="weekend in-range available" data-title="r1c0">3</td> </div>
<td class="in-range available" data-title="r1c1">4</td>
<td class="in-range available" data-title="r1c2">5</td> <div class="col-md-7">
<td class="in-range available" data-title="r1c3">6</td>
<td class="in-range available" data-title="r1c4">7</td> <div class="daterangepicker ltr show-calendar" style=" display: block; position: unset; font-size: 17px; margin-top: 0px">
<td class="in-range available" data-title="r1c5">8</td> <div class="calendars">
<td class="weekend in-range available" data-title="r1c6">9</td> <div class="calendar left">
</tr> <div class="calendar-table">
<tr> <table class="table-condensed">
<td class="weekend in-range available" data-title="r2c0">10</td> <thead>
<td class="in-range available" data-title="r2c1">11</td> <tr>
<td class="in-range available" data-title="r2c2">12</td> <th class="prev available">
<td class="active in-range available" data-title="r2c3">13</td> <i class="icon-arrow-left32 hidden"></i>
<td class="in-range available" data-title="r2c4">14</td> </th>
<td class="in-range available" data-title="r2c5">15</td> <th colspan="5" class="month">Junio 2018</th>
<td class="weekend in-range available" data-title="r2c6">16</td> <th></th>
</tr> </tr>
<tr> <tr>
<td class="weekend in-range available" data-title="r3c0">17</td> <th>Do</th>
<td class="in-range available" data-title="r3c1">18</td> <th>Lu</th>
<td class="in-range available" data-title="r3c2">19</td> <th>Ma</th>
<td class="in-range available" data-title="r3c3">20</td> <th>Mi</th>
<td class="in-range available" data-title="r3c4">21</td> <th>Ju</th>
<td class="in-range available" data-title="r3c5">22</td> <th>Vi</th>
<td class="weekend in-range available" data-title="r3c6">23</td> <th>Sa</th>
</tr> </tr>
<tr> </thead>
<td class="weekend in-range available" data-title="r4c0">24</td> <tbody>
<td class="in-range available" data-title="r4c1">25</td> <tr>
<td class="in-range available" data-title="r4c2">26</td> <td class="weekend off available" data-title="r0c0">27</td>
<td class="in-range available" data-title="r4c3">27</td> <td class="off available" data-title="r0c1">28</td>
<td class="in-range available" data-title="r4c4">28</td> <td class="off available" data-title="r0c2">29</td>
<td class="in-range available" data-title="r4c5">29</td> <td class="off available" data-title="r0c3">30</td>
<td class="weekend end-date in-range available" data-title="r4c6">30</td> <td class="off available" data-title="r0c4">31</td>
</tr> <td class="start-date available" data-title="r0c5">1</td>
<tr> <td class="weekend in-range available" data-title="r0c6">2</td>
<td class="weekend off available" data-title="r5c0">1</td> </tr>
<td class="today off available" data-title="r5c1">2</td> <tr>
<td class="off available" data-title="r5c2">3</td> <td class="weekend in-range available" data-title="r1c0">3</td>
<td class="off available" data-title="r5c3">4</td> <td class="in-range available" data-title="r1c1">4</td>
<td class="off available" data-title="r5c4">5</td> <td class="in-range available" data-title="r1c2">5</td>
<td class="off available" data-title="r5c5">6</td> <td class="in-range available" data-title="r1c3">6</td>
<td class="weekend off available" data-title="r5c6">7</td> <td class="in-range available" data-title="r1c4">7</td>
</tr> <td class="in-range available" data-title="r1c5">8</td>
</tbody> <td class="weekend in-range available" data-title="r1c6">9</td>
</table> </tr>
<tr>
<td class="weekend in-range available" data-title="r2c0">10</td>
<td class="in-range available" data-title="r2c1">11</td>
<td class="in-range available" data-title="r2c2">12</td>
<td class="active in-range available" data-title="r2c3">13</td>
<td class="in-range available" data-title="r2c4">14</td>
<td class="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> </div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
</div> </div>
</div> </div>
</div> </div>
</div>-->
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>-->
<!-- /basic modal --> <!-- /basic modal -->
<!-- Basic modal --> <!-- Basic modal -->
<!-- <div id="modal_tombo3" class="modal fade"> <!-- <div id="modal_tombo3" class="modal fade">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-primary"> <div class="modal-header bg-primary">
<h5 class="modal-title">Detalle de Rol</h5> <h5 class="modal-title">Detalle de Rol</h5>
</div>
<div class="modal-body">
<div>
<div class="col-md-5">
<div class="row">
<div class="form-group">
<label>Apellidos y Nombres</label>
<span class="label label-left border-left-primary label-striped form-control">ALVITES MARIN VICTOR MANUEL</span>
</div>
</div>
<div class="row">
<div class="form-group">
<label>Sede</label>
<span class="label label-left border-left-primary label-striped form-control">COCALENOS</span>
</div>
</div>
<div class="row">
<div class="form-group">
<label>Horario</label>
<span class="label label-left border-left-primary label-striped form-control">REGULAR PAR</span>
</div>
</div>
<div class="row">
<div class="form-group">
<label>Rango de fechas</label>
<span class="label label-left border-left-primary label-striped form-control">01/06/2018 - 30/06/2018</span>
</div>
</div>
</div> </div>
<div class="col-md-7"> <div class="modal-body">
<div class="daterangepicker ltr show-calendar" style=" display: block; position: unset; font-size: 17px; margin-top: 0px"> <div>
<div class="calendars"> <div class="col-md-5">
<div class="calendar left"> <div class="row">
<div class="calendar-table">
<table class="table-condensed"> <div class="form-group">
<thead> <label>Apellidos y Nombres</label>
<tr> <span class="label label-left border-left-primary label-striped form-control">ALVITES MARIN VICTOR MANUEL</span>
<th class="prev available"> </div>
<i class="icon-arrow-left32 hidden"></i>
</th> </div>
<th colspan="5" class="month">Junio 2018</th>
<th></th> <div class="row">
</tr>
<tr> <div class="form-group">
<th>Do</th> <label>Sede</label>
<th>Lu</th> <span class="label label-left border-left-primary label-striped form-control">COCALENOS</span>
<th>Ma</th> </div>
<th>Mi</th>
<th>Ju</th> </div>
<th>Vi</th>
<th>Sa</th> <div class="row">
</tr> <div class="form-group">
</thead> <label>Horario</label>
<tbody> <span class="label label-left border-left-primary label-striped form-control">REGULAR PAR</span>
<tr> </div>
<td class="weekend off available" data-title="r0c0">27</td> </div>
<td class="off available" data-title="r0c1">28</td>
<td class="off available" data-title="r0c2">29</td> <div class="row">
<td class="off available" data-title="r0c3">30</td> <div class="form-group">
<td class="off available" data-title="r0c4">31</td> <label>Rango de fechas</label>
<td class="start-date available" data-title="r0c5">1</td> <span class="label label-left border-left-primary label-striped form-control">01/06/2018 - 30/06/2018</span>
<td class="active weekend in-range available" data-title="r0c6">2</td> </div>
</tr> </div>
<tr>
<td class="weekend in-range available" data-title="r1c0">3</td> </div>
<td class="active in-range available" data-title="r1c1">4</td>
<td class="in-range available" data-title="r1c2">5</td> <div class="col-md-7">
<td class="active in-range available" data-title="r1c3">6</td>
<td class="in-range available" data-title="r1c4">7</td> <div class="daterangepicker ltr show-calendar" style=" display: block; position: unset; font-size: 17px; margin-top: 0px">
<td class="active in-range available" data-title="r1c5">8</td> <div class="calendars">
<td class="weekend in-range available" data-title="r1c6">9</td> <div class="calendar left">
</tr> <div class="calendar-table">
<tr> <table class="table-condensed">
<td class="weekend in-range available" data-title="r2c0">10</td> <thead>
<td class="in-range available" data-title="r2c1">11</td> <tr>
<td class="active in-range available" data-title="r2c2">12</td> <th class="prev available">
<td class="in-range available" data-title="r2c3">13</td> <i class="icon-arrow-left32 hidden"></i>
<td class="active in-range available" data-title="r2c4">14</td> </th>
<td class="in-range available" data-title="r2c5">15</td> <th colspan="5" class="month">Junio 2018</th>
<td class="active weekend in-range available" data-title="r2c6">16</td> <th></th>
</tr> </tr>
<tr> <tr>
<td class="weekend in-range available" data-title="r3c0">17</td> <th>Do</th>
<td class="active in-range available" data-title="r3c1">18</td> <th>Lu</th>
<td class="in-range available" data-title="r3c2">19</td> <th>Ma</th>
<td class="active in-range available" data-title="r3c3">20</td> <th>Mi</th>
<td class="in-range available" data-title="r3c4">21</td> <th>Ju</th>
<td class="active in-range available" data-title="r3c5">22</td> <th>Vi</th>
<td class="weekend in-range available" data-title="r3c6">23</td> <th>Sa</th>
</tr> </tr>
<tr> </thead>
<td class="weekend in-range available" data-title="r4c0">24</td> <tbody>
<td class="in-range available" data-title="r4c1">25</td> <tr>
<td class="active in-range available" data-title="r4c2">26</td> <td class="weekend off available" data-title="r0c0">27</td>
<td class="in-range available" data-title="r4c3">27</td> <td class="off available" data-title="r0c1">28</td>
<td class="active in-range available" data-title="r4c4">28</td> <td class="off available" data-title="r0c2">29</td>
<td class="in-range available" data-title="r4c5">29</td> <td class="off available" data-title="r0c3">30</td>
<td class="active weekend end-date in-range available" data-title="r4c6">30</td> <td class="off available" data-title="r0c4">31</td>
</tr> <td class="start-date available" data-title="r0c5">1</td>
<tr> <td class="active weekend in-range available" data-title="r0c6">2</td>
<td class="weekend off available" data-title="r5c0">1</td> </tr>
<td class="today off available" data-title="r5c1">2</td> <tr>
<td class="off available" data-title="r5c2">3</td> <td class="weekend in-range available" data-title="r1c0">3</td>
<td class="off available" data-title="r5c3">4</td> <td class="active in-range available" data-title="r1c1">4</td>
<td class="off available" data-title="r5c4">5</td> <td class="in-range available" data-title="r1c2">5</td>
<td class="off available" data-title="r5c5">6</td> <td class="active in-range available" data-title="r1c3">6</td>
<td class="weekend off available" data-title="r5c6">7</td> <td class="in-range available" data-title="r1c4">7</td>
</tr> <td class="active in-range available" data-title="r1c5">8</td>
</tbody> <td class="weekend in-range available" data-title="r1c6">9</td>
</table> </tr>
<tr>
<td class="weekend in-range available" data-title="r2c0">10</td>
<td class="in-range available" data-title="r2c1">11</td>
<td class="active in-range available" data-title="r2c2">12</td>
<td class="in-range available" data-title="r2c3">13</td>
<td class="active in-range available" data-title="r2c4">14</td>
<td class="in-range available" data-title="r2c5">15</td>
<td class="active weekend in-range available" data-title="r2c6">16</td>
</tr>
<tr>
<td class="weekend in-range available" data-title="r3c0">17</td>
<td class="active in-range available" data-title="r3c1">18</td>
<td class="in-range available" data-title="r3c2">19</td>
<td class="active in-range available" data-title="r3c3">20</td>
<td class="in-range available" data-title="r3c4">21</td>
<td class="active 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="active in-range available" data-title="r4c2">26</td>
<td class="in-range available" data-title="r4c3">27</td>
<td class="active in-range available" data-title="r4c4">28</td>
<td class="in-range available" data-title="r4c5">29</td>
<td class="active 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> </div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
</div> </div>
</div> </div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
</div> </div>
</div> </div>-->
</div>
</div>-->
<!-- /basic modal --> <!-- /basic modal -->
<!-- <div id="modal_tombo_cambio_servicio" class="modal fade"> <!-- <div id="modal_tombo_cambio_servicio" class="modal fade">
<div class="modal-dialog"> <div class="modal-dialog">
<div class="modal-content"> <div class="modal-content">
<div class="modal-header bg-warning"> <div class="modal-header bg-warning">
<button type="button" class="close" data-dismiss="modal">&times;</button> <button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 class="modal-title">Cambio de servicio</h5> <h5 class="modal-title">Cambio de servicio</h5>
</div> </div>
<div class="modal-body"> <div class="modal-body">
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button> <button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
</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