reflejando cambios en un servicio de policia, agregando animaciones

src/main/webapp/js/pages/crearRolPolicia.js

@@ -8,11 +8,7 @@ function modificarServicio() {
     $("#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}`);
-    });
+    animar();
 //    e.preventDefault();
 
 
@@ -27,6 +23,21 @@ function cancelar(){
     $("#modal-header").removeClass('bg-jade');
     $("#botones-editar").addClass('hidden');
     $("#btnCerrar").removeClass("hidden");
+    animar();
+}
+
+function animar(){
+        let animation = `fadeIn`;
+
+    $("#modal_body_tombo2").addClass(`animated ${animation}`).one("webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend", function () {
+        $(this).removeClass(`animated ${animation}`);
+    });
+}
+
+
+function guardarCambios(){
+    cancelar();
+    $("#servicio13").css("background-color", "lightpink");
 }
 
 
@@ -77,5 +88,6 @@ $().ready(function () {
     defaultConfigDateRangePicker();
     $('#servicio13').click(modificarServicio);
     $("#btnCancelar").click(cancelar);
+    $("#btnGuardarCambios").click(guardarCambios);
 
 });
\ No newline at end of file

src/main/webapp/vistas/crearRolPolicia.jsp

@@ -136,7 +136,7 @@
                                 <td>LINCE</td>
                                 <td>01/06/2018</td>
                                 <td>15/06/2018</td>
-                                <td class="text-center">AMANECIDA 12H</td>
+                                <td class="text-center">AMANECIDA 24H</td>
                                 <td>IMPAR</td>
                                 <td><span class="label label-success">ACTIVO</span></td>
                                 <td>
@@ -388,7 +388,7 @@
                         <h5 id="modal-title" class="modal-title">Detalle de Rol</h5>
                     </div>
 
-                    <div class="modal-body">
+                    <div id="modal_body_tombo2" class="modal-body">
 
                         <div id="detalle_rol">
                             <div class="col-md-5">
@@ -413,7 +413,7 @@
                                 <div class="row">
                                     <div class="form-group">
                                         <label>Horario</label>
-                                        <span class="label label-left border-left-primary label-striped form-control">AMANECIDA 12H IMPAR</span>
+                                        <span class="label label-left border-left-primary label-striped form-control">AMANECIDA 24H IMPAR</span>
                                     </div>
                                 </div>
 
@@ -541,7 +541,7 @@
                                     <select class="form-control" id="cboCriterio">
                                         <option>[SELECCIONE]</option>
                                         <option>REGULAR</option>
-                                        <option>AMANECIDA 24H</option>
+                                        <option>AMANECIDA 12H</option>
                                     </select>
                                 </div>