Skip to content

A
Asistencia
Commit 6d058916 by Billy Larru
Options

cambiar servicio de policia de un solo dia

parent fb438870
Showing with 131 additions and 51 deletions
src/main/webapp/css/general.css
......@@ -5,4 +5,14 @@ btn-green{
.label-left{
text-align: left;
font-size: 13px;
}
.bg-jade{
background-color: #26A69A;
border-color: #26A69A;
color: #fff;
}
.border-left-jade{
border-left-color: #26A69A;
}
\ No newline at end of file
src/main/webapp/js/pages/crearRolPolicia.js
function modificarServicio() {
// debugger
$("#detalle_rol").addClass("hidden");
$("#editar_rol").removeClass("hidden");
$("#modal-title").html('Cambiar servicio');
$("#modal-header").removeClass('bg-primary');
$("#modal-header").addClass('bg-jade');
$("#botones-editar").removeClass('hidden');
$("#btnCerrar").addClass("hidden");
let animation = ``;
$("#modal_tombo2").addClass(`animated ${animation}`).one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend", function () {
$(this).removeClass(`animated ${animation}`);
});
// e.preventDefault();
}
function cancelar(){
$("#detalle_rol").removeClass("hidden");
$("#editar_rol").addClass("hidden");
$("#modal-title").html('Ver detalle rol');
$("#modal-header").addClass('bg-primary');
$("#modal-header").removeClass('bg-jade');
$("#botones-editar").addClass('hidden');
$("#btnCerrar").removeClass("hidden");
}
$().ready(function () {
$('.selectpicker').selectpicker({
style: 'btn-info',
size: 4
});
$('.select-search').select2();
$(".btn.dropdown-toggle.bs-placeholder").removeClass("btn-info");
$(".btn.dropdown-toggle.bs-placeholder").css({
border: "1px solid #ddd",
......@@ -40,6 +73,9 @@ $().ready(function () {
});
$("#dpFechaFin").datepicker('setDate', 'now');
defaultConfigDatePicker();
defaultConfigDatePicker();
defaultConfigDateRangePicker();
$('#servicio13').click(modificarServicio);
$("#btnCancelar").click(cancelar);
});
\ No newline at end of file
src/main/webapp/vistas/crearRolPolicia.jsp
......@@ -6,7 +6,7 @@
<%@include file="templates/header.jsp" %>
<!--template-core-->
<!--css de la pagina-->
<link href="../plantilla/assets/css/extras/animate.min.css" rel="stylesheet" type="text/css">
<!--css-->
</head>
<body>
......@@ -181,7 +181,7 @@
<td>IMPAR</td>
<td><span class="label label-success">ACTIVO</span></td>
<td>
<span data-toggle="tooltip" data-placement="left" title="Ver detalle" style="cursor: pointer"> <i class='ver icon-calendar2 text-primary-700'></i>&nbsp;&nbsp; </span>
<span data-toggle="modal" data-target="#modal_tombo_cambio_servicio" data-placement="left" title="Ver detalle" style="cursor: pointer"> <i class='ver icon-calendar2 text-primary-700'></i>&nbsp;&nbsp; </span>
<span data-toggle="tooltip" data-placement="left" title="Desactivar Rol" style="cursor: pointer"> <i class='anular icon-cancel-circle2 text-danger-700'></i>&nbsp;&nbsp; </span>
</td>
</tr>
......@@ -229,7 +229,7 @@
</div>
</div>
<div class="row">
<div class="form-group">
......@@ -400,7 +400,7 @@
</div>
</div>
<div class="row">
<div class="form-group">
......@@ -555,14 +555,13 @@
<div id="modal_tombo2" 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 id="modal-header" class="modal-header bg-primary">
<h5 id="modal-title" class="modal-title">Detalle de Rol</h5>
</div>
<div class="modal-body">
<div>
<div id="detalle_rol">
<div class="col-md-5">
<div class="row">
......@@ -572,7 +571,7 @@
</div>
</div>
<div class="row">
<div class="form-group">
......@@ -646,7 +645,7 @@
<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="active in-range available" id="servicio13" data-title="r2c3" data-toggle="context" data-target=".context-menu">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>
......@@ -688,18 +687,44 @@
</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="">
<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 24H</option>
</select>
</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>
......@@ -707,15 +732,14 @@
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
<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 id="btnCerrar" type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
</div>
</div>
</div>
......@@ -728,7 +752,6 @@
<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>
......@@ -742,9 +765,9 @@
<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">
......@@ -753,7 +776,7 @@
</div>
</div>
<div class="row">
<div class="form-group">
<label>Horario</label>
......@@ -861,27 +884,26 @@
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal">Cerrar</button>
</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="row ">
<div class="">
</div>
</div>
<div class="modal-body">
</div>
......@@ -892,10 +914,20 @@
</div>
</div>
</div>
<!-- /basic modal -->
<div class="context-menu">
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li class="divider"></li>
<li><a href="#">Something else here</a></li>
</ul>
</div>
<!-- / content -->
<%@include file="templates/footer-body.jsp"%>
......@@ -912,9 +944,9 @@
<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 type="text/javascript" src="../plantilla/assets/js/plugins/extensions/contextmenu.js"></script>
<script src="../js/pages/crearRolPolicia.js" type="text/javascript"></script>
<!--js-->
</body>
......
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