Fixed dialog of system warning alerts. Gitlab: #506

pandora_console/general/header.php

@@ -242,8 +242,6 @@ config_check();
 					set_pandora_error_for_header('There are one or more minor releases waiting for update, there are required administrator permissions', 'minor release/s available');
 				}
 
-				echo '<div id="alert_messages" style="display: none"></div>';
-		
 				if ($config["alert_cnt"] > 0) {
 					$maintenance_link = 'javascript:';
 					$maintenance_title = __("System alerts detected - Please fix as soon as possible");

pandora_console/include/javascript/jquery.pandora.js

@@ -59,14 +59,24 @@ $(document).ready (function () {
 	});
 
 	$("a.show_systemalert_dialog").click (function () {
-		$('body').append( "<div id='opacidad' style='position:fixed;background:black;opacity:0.6;z-index:1'></div>" );
-			jQuery.get ("ajax.php",
+		jQuery.get ("ajax.php",
 			{"page": "operation/system_alert"},
 				function (data, status) {
-					$("#alert_messages").hide ()
-						.empty ()
-						.append (data)
-						.show ();
+					$("#alert_messages").html(data);
+					$("#alert_messages").dialog({
+						resizable: false,
+						draggable: true,
+						width: 450,
+						modal: true,
+						overlay: {
+							opacity: 0.5,
+							background: "black"
+						},
+						open: function (event, ui) {
+							dialog_open = this;
+						}
+					});
+					$("#alert_messages").css('padding','0px');
 				},
 				"html"
 			);

pandora_console/index.php

@@ -933,6 +933,7 @@ if ($config["pure"] == 0) {
 	echo '</div>';
 }
 
+echo '<div id="alert_messages" style="display: none"></div>';
 /// Clippy function
 require_once('include/functions_clippy.php');
 clippy_start($sec2);

pandora_console/operation/system_alert.php

@@ -7,10 +7,10 @@ echo "
 <div class='modalheader'>
 <span class='modalheadertext'>";
 
-if(!enterprise_installed()){
+if (!enterprise_installed()) {
 	echo "Community version";
 }
-else{
+else {
 	echo "Enterprise version";
 }
 
@@ -18,10 +18,11 @@ echo "</span>
 <img class='modalclosex cerrar' src='".$config['homeurl']."/images/icono_cerrar.png'>
 </div>";
 
+echo "<div style='overflow-y:scroll;height:550px;'>";
+echo get_pandora_error_for_header();
+echo "</div>";
 
-echo get_pandora_error_for_header()."
-
-<div class='modalokbutton cerrar'>
+echo "<div class='modalokbutton cerrar'>
 <span class='modalokbuttontext close'>OK</span>
 </div>";
 
@@ -31,8 +32,7 @@ echo get_pandora_error_for_header()."
 <script>
 
 $(".cerrar").click(function(){
-  $("#alert_messages").hide();
-  $( "#opacidad" ).remove();
+  $("#alert_messages").dialog('close');
 });
 
 </script>