From 644308db4f42f2c9098478e25e1399894d25afe4 Mon Sep 17 00:00:00 2001
From: Jonathan <jonathan.leon@pandorafms.com>
Date: Tue, 6 Feb 2024 14:34:34 +0100
Subject: [PATCH] #12845 fix style hover

---
 pandora_console/include/ajax/events.php           | 15 ++++++---------
 .../include/javascript/pandora_events.js          |  8 ++++++++
 pandora_console/include/styles/pandora.css        |  4 ++--
 pandora_console/include/styles/sound_events.css   | 12 ++----------
 4 files changed, 18 insertions(+), 21 deletions(-)

diff --git a/pandora_console/include/ajax/events.php b/pandora_console/include/ajax/events.php
index 851a22040b..72e77e73dc 100644
--- a/pandora_console/include/ajax/events.php
+++ b/pandora_console/include/ajax/events.php
@@ -2542,15 +2542,12 @@ if ($drawConsoleSound === true) {
         $output .= '<div id="progressbar_time"></div>';
         $output .= '<div class="buttons-sound-modal">';
             $output .= '<div class="container-button-play">';
-            $output .= html_print_input(
-                [
-                    'label'      => __('Start'),
-                    'type'       => 'button',
-                    'name'       => 'start-search',
-                    'attributes' => [ 'class' => 'play secondary' ],
-                    'return'     => true,
-                ],
-                'div',
+            $output .= html_print_button(
+                __('Start'),
+                'start-search',
+                false,
+                '',
+                ['icon' => 'play'],
                 true
             );
             $output .= '</div>';
diff --git a/pandora_console/include/javascript/pandora_events.js b/pandora_console/include/javascript/pandora_events.js
index fc6485a4fe..369ecff1f3 100644
--- a/pandora_console/include/javascript/pandora_events.js
+++ b/pandora_console/include/javascript/pandora_events.js
@@ -1261,6 +1261,10 @@ function action_events_sound(mode, settings) {
     $("#button-start-search")
       .removeClass("play")
       .addClass("stop");
+    $("#button-start-search")
+      .find("div")
+      .removeClass("play")
+      .addClass("stop");
     // Change value button.
     $("#button-start-search").val(settings.stop);
     $("#button-start-search > span").text(settings.stop);
@@ -1277,6 +1281,10 @@ function action_events_sound(mode, settings) {
     $("#button-start-search")
       .removeClass("stop")
       .addClass("play");
+    $("#button-start-search")
+      .find("div")
+      .removeClass("stop")
+      .addClass("play");
     // Change value button.
     $("#button-start-search").val(settings.start);
     $("#button-start-search > span").text(settings.start);
diff --git a/pandora_console/include/styles/pandora.css b/pandora_console/include/styles/pandora.css
index 1453289d08..a1f76eef71 100644
--- a/pandora_console/include/styles/pandora.css
+++ b/pandora_console/include/styles/pandora.css
@@ -12819,9 +12819,9 @@ div.agents_custom_fields #datatables_wrapper div.bottom {
 
 .actions-sound-modal .buttons-sound-modal button.play,
 .actions-sound-modal .buttons-sound-modal input[type="button"].play {
-  background: url(../../images/play-white.png), transparent !important;
+  /*background: url(../../images/play-white.png), transparent !important;
   background-repeat: no-repeat !important;
-  background-position: 82px 14px !important;
+  background-position: 82px 14px !important;*/
   color: #ffffff;
   padding-left: 20px;
   border: 0;
diff --git a/pandora_console/include/styles/sound_events.css b/pandora_console/include/styles/sound_events.css
index a572c219f3..a8068a8308 100644
--- a/pandora_console/include/styles/sound_events.css
+++ b/pandora_console/include/styles/sound_events.css
@@ -1,9 +1,6 @@
 /*
  * Css Modal Sound events.
  */
-div.container-button-play > button#button-start-search {
-  transition: none !important;
-}
 .wizard {
   text-align: left;
 }
@@ -217,9 +214,9 @@ div.container-button-play > button#button-start-search {
 
 .actions-sound-modal .buttons-sound-modal button.play,
 .actions-sound-modal .buttons-sound-modal input[type="button"].play {
-  background: url(../../images/play-white.png), transparent !important;
+  /*background: url(../../images/play-white.png), transparent !important;
   background-repeat: no-repeat !important;
-  background-position: 82px 14px !important;
+  background-position: 82px 14px !important;*/
   color: #ffffff !important;
   padding-left: 20px;
   border: 0;
@@ -263,11 +260,6 @@ button#button-no-alerts.silence-alerts:hover {
   background-position: 138px 4px !important;
 }
 
-.actions-sound-modal .container-button-play {
-  background-color: var(--primary-color);
-  border-radius: 8px;
-}
-
 .actions-sound-modal .container-button-alert.fired {
   background: #ee2132;
   border-radius: 8px;