Merge branch 'ent-10189-mejora-visual-para-el-boton-de-testeo-de-alertas-consola-sonora' into 'develop'

blink button test sound events pandora_enterprise#10189

See merge request artica/pandorafms!5470

pandora_console/include/javascript/pandora_events.js

@@ -1052,8 +1052,10 @@ function openSoundEventModal(settings) {
 
 function test_sound_button(test_sound, urlSound) {
   if (test_sound === true) {
+    $("#button-melody_sound").addClass("blink-image");
     add_audio(urlSound);
   } else {
+    $("#button-melody_sound").removeClass("blink-image");
     remove_audio();
   }
 }

pandora_console/include/styles/sound_events.css

@@ -301,3 +301,59 @@
     background: #e63c52;
   }
 }
+
+/* Firefox old*/
+@-moz-keyframes blink {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@-webkit-keyframes blink {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+/* IE */
+@-ms-keyframes blink {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+/* Opera and prob css3 final iteration */
+@keyframes blink {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.blink-image {
+  -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
+  -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
+  -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
+  animation: blink normal 2s infinite ease-in-out; /* Opera and prob css3 final iteration */
+  filter: hue-rotate(120deg);
+}