13286-Change controls in Events full screen

pandora_console/include/styles/events.css

@@ -584,3 +584,20 @@ div.container-filter-buttons {
 #button-start-search {
   width: 115px;
 }
+
+.events-refresh-pure {
+  position: fixed;
+  z-index: 1;
+  top: 10px;
+  right: 10px;
+  width: 450px;
+  height: 70px;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+  align-items: center;
+  background-color: #f2f6f7;
+  border-radius: 15px;
+  padding: 0px 10px;
+}

pandora_console/include/styles/pandora_black.css

@@ -1892,3 +1892,7 @@ a.link-bold {
   text-decoration: none;
   font-weight: bold;
 }
+
+div.events-refresh-pure {
+  background-color: #333;
+}

pandora_console/operation/events/events.php

@@ -1673,13 +1673,10 @@ $url .= '';
 if ($pure) {
     // Fullscreen.
     // Floating menu - Start.
-    echo '<div id="vc-controls" class="zindex999"">';
-
-    echo '<div id="menu_tab" class="menu_tab_pure">';
-    echo '<ul class="mn">';
+    echo '<div id="vc-controls" class="events-refresh-pure"">';
 
+    echo '<div>';
     // Quit fullscreen.
-    echo '<li class="nomn">';
     echo '<a target="_top" href="'.$url.'&amp;pure=0">';
     echo html_print_image(
         'images/exit_fullscreen@svg.svg',
@@ -1690,12 +1687,10 @@ if ($pure) {
         ]
     );
     echo '</a>';
-    echo '</li>';
+    echo '</div>';
+
 
     // Countdown.
-    echo '<li class="nomn">';
-    echo '<div class="events-refr">';
-    echo '<div class="events-countdown"><span id="refrcounter"></span></div>';
     echo '<div id="events-refr-form">';
     echo __('Refresh').':';
     echo html_print_select(
@@ -1710,16 +1705,8 @@ if ($pure) {
         false
     );
     echo '</div>';
-    echo '</div>';
-    echo '</li>';
 
-    // Console name.
-    echo '<li class="nomn">';
-    echo '<div class="vc-title">'.__('Event viewer').'</div>';
-    echo '</li>';
-
-    echo '</ul>';
-    echo '</div>';
+    echo '<div class="events-countdown"><span id="refrcounter"></span></div>';
 
     echo '</div>';
     // Floating menu - End.
@@ -3867,4 +3854,9 @@ function show_events_graph(){
         }
     });
 }
+
+$(document).ready(function () {
+    var controls = document.querySelector('.events-refresh-pure');
+    autoHideElement(controls, 1000);
+});
 </script>