Commit 959043f3 by Billy Larru

avance de html de filtros de creacion de rol

parent 9d1a776d
......@@ -13,66 +13,57 @@
<body>
<%@include file="templates/header-body.jsp" %>
<!-- 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-heading">
<h5 class="panel-title">Creación y Asignación de Roles</h5>
<h5 class="panel-title">Filtros de rol</h5>
</div>
<form id="frmAsistenciaDocentes" onsubmit="return false;" autocomplete="off">
<div class="panel-body">
<div class="row">
<div class="col-md-12 form-group">
<label>Policia</label>
<select class="select-search form-control" id="cboPolicias">
</select>
</div>
<div class="panel-body">
<div class="row">
<div class="col-md-6 form-group">
<label>Busqueda Por</label>
<select id="cboCriterio" class="form-control">
<option value="">[SELECCIONE]</option>
<option value="">DNI</option>
<option value="">APELLIDOS</option>
</select>
</div>
<div class="row">
<div class="col-md-6 form-group">
<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 class="col-md-6 form-group">
<label>Criterio</label>
<input type="text" class="form-control"></input>
</div>
</div>
<div class="row">
<div class="col-md-6 form-group">
<label>Frecuencia</label>
<select class="form-control" id="cboFrecuenciaRol">
</select>
<div class="row">
<div class="col-md-6 form-group">
<label>Fecha Inicio</label>
<div class="input-group">
<span class="input-group-addon"><i class="icon-calendar"></i></span>
<input type="text" class="form-control" name="dpFechaInicio" id="dpFechaInicio">
</div>
<div class="col-md-6 form-group">
<label>Sede</label>
<select class="select-search form-control" id="cboSedes">
</select>
</div>
<div class="col-md-6 form-group">
<label>Fecha Fin</label>
<div class="input-group">
<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 class="panel-footer">
<div class="text-center">
<button class="btn btn-primary" id="btnRegistrar"><i class="fa fa-search"></i> Registrar</button>&nbsp;
<button class="btn btn-warning" id="btnLimpiar"><i class="fa fa-eraser"></i> Limpiar</button>
</div>
</div>
<div class="panel-footer">
<div class="text-center">
<button class="btn btn-primary" id="btnVistaPrevia"><i class="icon-eye4"></i> Vista previa</button>&nbsp;
<!--<button class="btn btn-warning" id="btnLimpiar"><i class="fa fa-eraser"></i> Limpiar</button>-->
</div>
</form>
</div>
</div>
</div>
-->
<div class="col-md-10 col-md-offset-1">
<div class="panel panel-primary card-3" style="margin-top: 30px">
......@@ -194,680 +185,680 @@
<!-- YA NO SE USA -->
<!-- Basic modal -->
<!-- <div id="modal_default" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-primary">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<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 id="modal_default" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-primary">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 class="modal-title">Detalle de Rol</h5>
</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 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 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 class="row ">
<div class="">
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>-->
</div>-->
<!-- /basic modal -->
<!-- Basic modal -->
<!-- <div id="modal_tombo" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div id="modal-header" class="modal-header bg-primary">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 id="modal-title" class="modal-title">Detalle de Rol</h5>
</div>
<div id="modal_body_tombo2" 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">DEZA CORREA OSCAR MIGUEL</span>
<!-- <div id="modal_tombo" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div id="modal-header" class="modal-header bg-primary">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 id="modal-title" class="modal-title">Detalle de Rol</h5>
</div>
<div id="modal_body_tombo2" 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">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 class="row">
<div class="form-group">
<label>Sede</label>
<span class="label label-left border-left-primary label-striped form-control">LINCE</span>
<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>
</div>
</div>
</div>
</div>
</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 id="editar_rol" class="hidden">
<div class="row ">
<div class="col-md-6 form-group">
<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 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 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>
</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="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 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>
<div id="editar_rol" class="hidden">
<div class="row ">
<div class="col-md-6 form-group">
<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 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>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="btnCerrar">Cerrar</button>
</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>
<button type="button" class="btn btn-primary" data-dismiss="modal" id="btnCerrar">Cerrar</button>
</div>
</div>
</div>
</div>-->
</div>-->
<!-- /basic modal -->
<!-- Basic modal -->
<!-- <div id="modal_tombo2" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-primary">
<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 id="modal_tombo2" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-primary">
<h5 class="modal-title">Detalle de Rol</h5>
</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="start-date available" data-title="r0c5">1</td>
<td class="weekend in-range available" data-title="r0c6">2</td>
</tr>
<tr>
<td class="weekend in-range available" data-title="r1c0">3</td>
<td class="in-range available" data-title="r1c1">4</td>
<td class="in-range available" data-title="r1c2">5</td>
<td class="in-range available" data-title="r1c3">6</td>
<td class="in-range available" data-title="r1c4">7</td>
<td class="in-range available" data-title="r1c5">8</td>
<td class="weekend in-range available" data-title="r1c6">9</td>
</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 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 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="start-date available" data-title="r0c5">1</td>
<td class="weekend in-range available" data-title="r0c6">2</td>
</tr>
<tr>
<td class="weekend in-range available" data-title="r1c0">3</td>
<td class="in-range available" data-title="r1c1">4</td>
<td class="in-range available" data-title="r1c2">5</td>
<td class="in-range available" data-title="r1c3">6</td>
<td class="in-range available" data-title="r1c4">7</td>
<td class="in-range available" data-title="r1c5">8</td>
<td class="weekend in-range available" data-title="r1c6">9</td>
</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 class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>-->
</div>-->
<!-- /basic modal -->
<!-- Basic modal -->
<!-- <div id="modal_tombo3" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-primary">
<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 id="modal_tombo3" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-primary">
<h5 class="modal-title">Detalle de Rol</h5>
</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="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="in-range available" data-title="r1c2">5</td>
<td class="active in-range available" data-title="r1c3">6</td>
<td class="in-range available" data-title="r1c4">7</td>
<td class="active in-range available" data-title="r1c5">8</td>
<td class="weekend in-range available" data-title="r1c6">9</td>
</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 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 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="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="in-range available" data-title="r1c2">5</td>
<td class="active in-range available" data-title="r1c3">6</td>
<td class="in-range available" data-title="r1c4">7</td>
<td class="active in-range available" data-title="r1c5">8</td>
<td class="weekend in-range available" data-title="r1c6">9</td>
</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 class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
</div>-->
</div>-->
<!-- /basic modal -->
<!-- <div id="modal_tombo_cambio_servicio" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-warning">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 class="modal-title">Cambio de servicio</h5>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
<!-- <div id="modal_tombo_cambio_servicio" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header bg-warning">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 class="modal-title">Cambio de servicio</h5>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
</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