Commit aa07238b by Billy Larru

vista creacion y asignacion de rol

parent 95fe9619
...@@ -233,13 +233,18 @@ function defaultConfigDatePicker() { ...@@ -233,13 +233,18 @@ function defaultConfigDatePicker() {
function defaultConfigDateRangePicker() { function defaultConfigDateRangePicker() {
$('.daterange-basic').daterangepicker({ $('.daterange-basic').daterangepicker({
applyClass: 'bg-slate-600', applyClass: 'bg-slate-600',
// "singleDatePicker": true,
cancelClass: 'btn-default', cancelClass: 'btn-default',
// showDropdowns: false, // showDropdowns: false,
// timePicker: true, // timePicker: true,
// opens: 'center', // opens: 'center',
// singleDatePicker: true, // singleDatePicker: true,
autoApply: true autoApply: true,
locale: {
format: 'DD/MM/YYYY'
}
}); });
$('.calendar.right').hide();
} }
......
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<body> <body>
<%@include file="templates/header-body.jsp" %> <%@include file="templates/header-body.jsp" %>
<!-- content --> <!-- content -->
<div class="col-md-12"> <div class="col-md-5 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">Creación y Asignación de Roles</h5>
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
<form id="frmAsistenciaDocentes" onsubmit="return false;" autocomplete="off"> <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-4 form-group"> <div class="col-md-6 form-group">
<label>Policia</label> <label>Policia</label>
<select class="select-search form-control"> <select class="select-search form-control">
<option>RAMIREZ MORALES ROLANDO</option> <option>RAMIREZ MORALES ROLANDO</option>
...@@ -37,7 +37,7 @@ ...@@ -37,7 +37,7 @@
<div class="col-md-4 form-group"> <div class="col-md-6 form-group">
<label>Horario</label> <label>Horario</label>
<select class="form-control" id="cboCriterio"> <select class="form-control" id="cboCriterio">
<option>[SELECCIONE]</option> <option>[SELECCIONE]</option>
...@@ -51,35 +51,32 @@ ...@@ -51,35 +51,32 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-2 form-group"> <div class="col-md-6 form-group">
<label>Rango de fechas: </label> <label>Rango de fechas: </label>
<div class="input-group"> <div class="input-group">
<span class="input-group-addon"><i class="icon-calendar22"></i></span> <span class="input-group-addon"><i class="icon-calendar22"></i></span>
<input type="text" class="form-control daterange-basic" value="06/01/2018 - 06/30/2018"> <input type="text" class="form-control daterange-basic" value="01/06/2018 - 30/06/2018">
</div> </div>
</div> </div>
<div class="col-md-2 form-group"> <div class="col-md-6 form-group">
<label>Tipo</label> <label>Tipo</label>
<select class="form-control" id="cboCriterio"> <select class="form-control" id="cboCriterio">
<option>[SELECCIONE]</option> <option>[SELECCIONE]</option>
<option>IMPAR</option> <option>IMPAR</option>
<option>PAR</option> <option>PAR</option>
<option>DIARIO</option> <option>DIARIO</option>
<option>PERSONALIZADO</option> <!--<option>PERSONALIZADO</option>-->
</select> </select>
</div> </div>
</div> </div>
</div> </div>
<div class="panel-footer"> <div class="panel-footer">
<div class="text-center"> <div class="text-center">
<button class="btn btn-primary" id="btnBuscar"><i class="fa fa-search"></i> Buscar</button>&nbsp; <button class="btn btn-primary" id="btnBuscar"><i class="fa fa-search"></i> Registrar</button>&nbsp;
<button class="btn btn-warning" id="btnLimpiar"><i class="fa fa-eraser"></i> Limpiar</button> <button class="btn btn-warning" id="btnLimpiar"><i class="fa fa-eraser"></i> Limpiar</button>
<button type="button" class="btn btn-default btn-sm" data-toggle="modal" data-target="#modal_default">Launch <i class="icon-play3 position-right"></i></button>
</div> </div>
</div> </div>
...@@ -88,6 +85,98 @@ ...@@ -88,6 +85,98 @@
</div> </div>
</div> </div>
<div class="col-md-10 col-md-offset-1">
<div class="panel panel-primary card-3" style="margin-top: 30px">
<div class="panel-heading" style="padding: 8px 15px">
<h6 class="panel-title" style="font-size: 15px; font-family: inherit">LISTADO DE ROLES</h6>
</div>
<div>
<table class="table dataTable table-striped table-hover table-sm table-bordered" id="tblAsistenciaDocentes">
<thead>
<tr>
<th></th>
<th>APELLIDOS Y NOMBRES</th>
<th>FECHA INICIO</th>
<th>FECHA FIN</th>
<th>HORARIO</th>
<th>TIPO</th>
<th>ESTADO</th>
<th>ACCIONES</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>RAMIREZ MORALES ROLANDO</td>
<td>01/06/2018</td>
<td>30/06/2018</td>
<td class="text-center">REGULAR</td>
<td>DIARIO</td>
<td><span class="label label-success">ACTIVO</span></td>
<td>
<span data-toggle="tooltip" data-placement="left" title="Ver rol" style="cursor: pointer"> <i class='ver icon-calendar2 text-primary-700'></i>&nbsp;&nbsp; </span>
<span data-toggle="tooltip" data-placement="left" title="Anular" style="cursor: pointer"> <i class='anular icon-cancel-circle2 text-danger-700'></i>&nbsp;&nbsp; </span>
</td>
</tr>
<tr>
<td>2</td>
<td>GUTIERREZ MEDINA JOSE ROSA</td>
<td>01/06/2018</td>
<td>15/06/2018</td>
<td class="text-center">REGULAR</td>
<td>IMPAR</td>
<td><span class="label label-danger">INACTIVO</span></td>
<td></td>
</tr>
<tr>
<td>3</td>
<td>SALOME LAZO REGULO RIGOBERTO</td>
<td>01/06/2018</td>
<td>30/06/2018</td>
<td class="text-center">AMANECIDA 24H</td>
<td>PAR</td>
<td><span class="label label-success">ACTIVO</span></td>
<td>
<span data-toggle="tooltip" data-placement="left" title="Ver rol" style="cursor: pointer"> <i class='ver icon-calendar2 text-primary-700'></i>&nbsp;&nbsp; </span>
<span data-toggle="tooltip" data-placement="left" title="Anular" style="cursor: pointer"> <i class='anular icon-cancel-circle2 text-danger-700'></i>&nbsp;&nbsp; </span>
</td>
</tr>
<tr>
<td>4</td>
<td>DEZA CORREA OSCAR MIGUEL</td>
<td>01/06/2018</td>
<td>30/06/2018</td>
<td class="text-center">AMANECIDA 12H</td>
<td>IMPAR</td>
<td><span class="label label-success">ACTIVO</span></td>
<td>
<span data-toggle="tooltip" data-placement="left" title="Ver rol" style="cursor: pointer"> <i class='ver icon-calendar2 text-primary-700'></i>&nbsp;&nbsp; </span>
<span data-toggle="tooltip" data-placement="left" title="Anular" style="cursor: pointer"> <i class='anular icon-cancel-circle2 text-danger-700'></i>&nbsp;&nbsp; </span>
</td>
</tr>
<tr>
<td>5</td>
<td>CHAVEZ LEON CLARA MARIA</td>
<td>01/06/2018</td>
<td>15/06/2018</td>
<td class="text-center">AMANECIDA 12H</td>
<td>IMPAR</td>
<td><span class="label label-success">ACTIVO</span></td>
<td>
<span data-toggle="tooltip" data-placement="left" title="Ver rol" style="cursor: pointer"> <i class='ver icon-calendar2 text-primary-700'></i>&nbsp;&nbsp; </span>
<span data-toggle="tooltip" data-placement="left" title="Anular" style="cursor: pointer"> <i class='anular icon-cancel-circle2 text-danger-700'></i>&nbsp;&nbsp; </span>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<!-- / content --> <!-- / content -->
<%@include file="templates/footer-body.jsp"%> <%@include file="templates/footer-body.jsp"%>
...@@ -98,11 +187,11 @@ ...@@ -98,11 +187,11 @@
<script src="../js/lib/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script> <script src="../js/lib/bootstrap-select/bootstrap-select.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../plantilla/assets/js/plugins/forms/selects/select2.min.js"></script> <script type="text/javascript" src="../plantilla/assets/js/plugins/forms/selects/select2.min.js"></script>
<!--<script src="../js/lib/jquery-ui.multidatespicker.js" type="text/javascript"></script>-->
<script type="text/javascript" src="../plantilla/assets/js/plugins/ui/moment/moment.min.js"></script> <script type="text/javascript" src="../plantilla/assets/js/plugins/ui/moment/moment.min.js"></script>
<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/pages/controlAsistenciaPolicias.js" type="text/javascript"></script> <script src="../js/pages/controlAsistenciaPolicias.js" type="text/javascript"></script>
......
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