diff --git a/pandora_console/general/login_page.php b/pandora_console/general/login_page.php
index 08d52b5a96..3307f86367 100755
--- a/pandora_console/general/login_page.php
+++ b/pandora_console/general/login_page.php
@@ -275,11 +275,26 @@ switch ($login_screen) {
echo '';
echo '
';
- echo '';
+ html_print_submit_button(
+ __('Login as admin'),
+ 'input_saml',
+ false,
+ [
+ 'fixed_id' => 'submit-login_button',
+ 'class' => 'next_login',
+ 'onclick' => 'show_normal_menu()',
+ 'id' => 'input_saml',
+ ]
+ );
echo '
';
echo '';
- html_print_submit_button(__('Login with SAML'), 'login_button_saml', false, '');
+ html_print_submit_button(
+ __('Login with SAML'),
+ 'login_button_saml',
+ false,
+ ['class' => 'next_login secondary']
+ );
echo '
';
} else {
echo '';
diff --git a/pandora_console/include/ajax/events.php b/pandora_console/include/ajax/events.php
index dd7bc934cb..ccdb086f9a 100644
--- a/pandora_console/include/ajax/events.php
+++ b/pandora_console/include/ajax/events.php
@@ -2488,7 +2488,7 @@ if ($drawConsoleSound === true) {
'label' => __('Start'),
'type' => 'button',
'name' => 'start-search',
- 'attributes' => [ 'icon' => 'wand' ],
+ 'attributes' => [ 'class' => 'play' ],
'return' => true,
],
'div',
@@ -2501,7 +2501,7 @@ if ($drawConsoleSound === true) {
'type' => 'button',
'name' => 'no-alerts',
'label' => __('No alerts'),
- 'attributes' => [ 'icon' => 'fail' ],
+ 'attributes' => ['class' => 'secondary alerts'],
'return' => true,
],
'div',
diff --git a/pandora_console/include/javascript/pandora_events.js b/pandora_console/include/javascript/pandora_events.js
index 04cf23856e..7f7700f6f1 100644
--- a/pandora_console/include/javascript/pandora_events.js
+++ b/pandora_console/include/javascript/pandora_events.js
@@ -1028,6 +1028,7 @@ function openSoundEventModal(settings) {
.addClass("alerts");
// Change value button.
$("#button-no-alerts").val(settings.noAlert);
+ $("#button-no-alerts > span").text(settings.noAlert);
// Background button.
$(".container-button-alert").removeClass("fired");
@@ -1074,6 +1075,7 @@ function action_events_sound(mode, settings) {
.addClass("stop");
// Change value button.
$("#button-start-search").val(settings.stop);
+ $("#button-start-search > span").text(settings.stop);
// Add Progress bar.
listen_event_sound(settings);
} else {
@@ -1089,6 +1091,7 @@ function action_events_sound(mode, settings) {
.addClass("play");
// Change value button.
$("#button-start-search").val(settings.start);
+ $("#button-start-search > span").text(settings.start);
// Remove progress bar.
$("#progressbar_time").empty();
// Remove audio.
@@ -1104,6 +1107,7 @@ function action_events_sound(mode, settings) {
.addClass("alerts");
// Change value button.
$("#button-no-alerts").val(settings.noAlert);
+ $("#button-no-alerts > span").text(settings.noAlert);
// Background button.
$(".container-button-alert").removeClass("fired");
@@ -1158,6 +1162,7 @@ function check_event_sound(settings) {
.addClass("silence-alerts");
// Change value button.
$("#button-no-alerts").val(settings.silenceAlarm);
+ $("#button-no-alerts > span").text(settings.silenceAlarm);
// Background button.
$(".container-button-alert").addClass("fired");
diff --git a/pandora_console/include/styles/sound_events.css b/pandora_console/include/styles/sound_events.css
index 9990550fda..121b606d7e 100644
--- a/pandora_console/include/styles/sound_events.css
+++ b/pandora_console/include/styles/sound_events.css
@@ -1,6 +1,9 @@
/*
* Css Modal Sound events.
*/
+div.container-button-play > button#button-start-search {
+ transition: none !important;
+}
#modal-sound {
display: flex;
flex-direction: column;
@@ -8,10 +11,6 @@
padding: 0px 20px !important;
}
-#tabs-sound-modal {
- margin-top: 20px;
-}
-
.actions-sound-modal {
margin-bottom: 20px;
}
@@ -46,7 +45,6 @@
}
#tabs-sound-modal ul.wizard li label {
- color: #95a3bf;
font-size: 13px;
line-height: 16px;
text-align: left;
@@ -88,7 +86,7 @@
#tabs-sound-modal ul.wizard li.test-sounds input[type="button"] {
border: 1px solid #dddddd;
- border-radius: 4px;
+ border-radius: 8px;
width: 131px;
height: 38px;
color: #95a3bf;
@@ -97,12 +95,6 @@
padding-right: 40px;
}
-#tabs-sound-modal button.upd,
-#button-melody_sound {
- background-image: url(../../images/sound_wave.png);
- background-position: 90px 8px;
-}
-
#tabs-sound-modal ul.wizard .select2 {
max-width: 100% !important;
}
@@ -211,7 +203,7 @@
.actions-sound-modal .buttons-sound-modal input[type="button"] {
border: 1px solid #dddddd;
- border-radius: 4px;
+ border-radius: 8px;
width: 107px;
height: 50px;
font-size: 18px;
@@ -223,7 +215,7 @@
.actions-sound-modal .buttons-sound-modal input[type="button"].play {
background: url(../../images/play-white.png), transparent;
background-repeat: no-repeat;
- background-position: 70px 17px;
+ background-position: 82px 14px;
color: #ffffff;
padding-left: 20px;
border: 0;
@@ -231,42 +223,62 @@
.actions-sound-modal .buttons-sound-modal button.stop,
.actions-sound-modal .buttons-sound-modal input[type="button"].stop {
- background: url(../../images/stop.png), transparent;
+ background: url(../../images/stop.png), var(--primary-color);
background-repeat: no-repeat;
- background-position: 70px 17px;
+ background-position: 82px 14px;
color: #ffffff;
padding-left: 20px;
border: 0;
}
+button#button-start-search:hover {
+ background-position: 82px 14px !important;
+}
+
.actions-sound-modal .buttons-sound-modal button.alerts,
.actions-sound-modal .buttons-sound-modal input[type="button"].alerts {
width: 154px;
- color: #95a3bf;
+ color: var(--primary-color);
background: url(../../images/alarm-off.png), transparent;
background-repeat: no-repeat;
- background-position: 108px 9px;
+ background-position: 108px 4px;
padding-left: 20px;
}
+button#button-no-alerts.alerts:hover {
+ background-position: 108px 4px !important;
+}
+
.actions-sound-modal .buttons-sound-modal button.silence-alerts,
.actions-sound-modal .buttons-sound-modal input[type="button"].silence-alerts {
width: 184px;
color: #ffffff;
background: url(../../images/silence-alerts.png), transparent;
background-repeat: no-repeat;
- background-position: 138px 9px;
+ background-position: 138px 4px;
padding-left: 20px;
}
+button#button-no-alerts.silence-alerts:hover {
+ background-position: 138px 4px !important;
+}
+
.actions-sound-modal .container-button-play {
- background: radial-gradient(118.26% 33.15%, #82b92e 0%, #1d4e4a 100%);
- border-radius: 4px;
+ background-color: var(--primary-color);
+ border-radius: 8px;
}
.actions-sound-modal .container-button-alert.fired {
background: #ee2132;
- border-radius: 4px;
+ border-radius: 8px;
+}
+
+.actions-sound-modal .container-button-alert.fired > button {
+ font-weight: bold;
+}
+
+.actions-sound-modal .container-button-alert.fired > button:hover {
+ color: #ffffff !important;
}
.actions-sound-modal .progressbar {
@@ -350,10 +362,15 @@
opacity: 1;
}
}
-.blink-image {
+
+.blink-image#button-melody_sound {
+ background: var(--primary-color);
+}
+.blink-image > div.sound,
+div.fired > button.silence-alerts {
-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);
+ /* filter: hue-rotate(120deg); */
}