From 1b6a01cfd5ac0f97266abd35471788ef32cca8fb Mon Sep 17 00:00:00 2001
From: Luis Calvo <luis.calvo@artica.es>
Date: Thu, 4 Apr 2019 14:11:44 +0200
Subject: [PATCH] Changed modal size to fit err. msg

Former-commit-id: 2676ac1d217cc5245ce09277b8b76d1d562cdf5f
---
 .../include/javascript/jquery.pandora.js      | 697 +++++++++---------
 1 file changed, 358 insertions(+), 339 deletions(-)

diff --git a/pandora_console/include/javascript/jquery.pandora.js b/pandora_console/include/javascript/jquery.pandora.js
index 9e0b3447af..ed75400386 100644
--- a/pandora_console/include/javascript/jquery.pandora.js
+++ b/pandora_console/include/javascript/jquery.pandora.js
@@ -1,386 +1,405 @@
 (function($) {
-	$.fn.check = function () {
-		return this.each (function () {
-			this.checked = true;
-		});};
+  $.fn.check = function() {
+    return this.each(function() {
+      this.checked = true;
+    });
+  };
 
-	$.fn.uncheck = function () {
-		return this.each (function () {
-			this.checked = false;
-		});};
+  $.fn.uncheck = function() {
+    return this.each(function() {
+      this.checked = false;
+    });
+  };
 
-	$.fn.enable = function () {
-		return $(this).removeAttr ("disabled");
-		};
+  $.fn.enable = function() {
+    return $(this).removeAttr("disabled");
+  };
 
-	$.fn.disable = function () {
-		return $(this).attr ("disabled", "disabled");
-		};
+  $.fn.disable = function() {
+    return $(this).attr("disabled", "disabled");
+  };
 
-	$.fn.pulsate = function () {
-		var i = 0;
-		for (i = 0; i <= 2; i++) {
-			$(this).fadeOut ("slow").fadeIn ("slow");
-		}
-	};
+  $.fn.pulsate = function() {
+    var i = 0;
+    for (i = 0; i <= 2; i++) {
+      $(this)
+        .fadeOut("slow")
+        .fadeIn("slow");
+    }
+  };
 
-	$.fn.showMessage = function (msg) {
-		return $(this).hide ().empty ()
-		// here, previously .text (msg)
-				.html (msg)
-				.slideDown ();
-		};
-}) (jQuery);
+  $.fn.showMessage = function(msg) {
+    return (
+      $(this)
+        .hide()
+        .empty()
+        // here, previously .text (msg)
+        .html(msg)
+        .slideDown()
+    );
+  };
+})(jQuery);
 
-$(document).ready (function () {
-	$("a#show_messages_dialog").click (function () {
-		jQuery.post ("ajax.php",
-			{
-				"page": "operation/messages/message_list"
-			},
-			function (data, status) {
-				$("#dialog_messages").hide ()
-					.empty ()
-					.append (data)
-					.dialog ({
-						title: $("a#show_messages_dialog").attr ("title"),
-						resizable: false,
-						modal: true,
-						overlay: {
-							opacity: 0.5,
-							background: "black"
-						},
-						width: 700,
-						height: 300
-					}).show ();
-				},
-			"html"
-		);
+$(document).ready(function() {
+  $("a#show_messages_dialog").click(function() {
+    jQuery.post(
+      "ajax.php",
+      {
+        page: "operation/messages/message_list"
+      },
+      function(data, status) {
+        $("#dialog_messages")
+          .hide()
+          .empty()
+          .append(data)
+          .dialog({
+            title: $("a#show_messages_dialog").attr("title"),
+            resizable: false,
+            modal: true,
+            overlay: {
+              opacity: 0.5,
+              background: "black"
+            },
+            width: 700,
+            height: 300
+          })
+          .show();
+      },
+      "html"
+    );
 
-		return false;
-	});
+    return false;
+  });
 
-	$("a.show_systemalert_dialog").click (function () {
-		$('body').append( "<div id='opacidad' style='position:fixed;background:black;z-index:1'></div>" );
-		$("#opacidad").css('opacity', 0.5);
+  $("a.show_systemalert_dialog").click(function() {
+    $("body").append(
+      "<div id='opacidad' style='position:fixed;background:black;z-index:1'></div>"
+    );
+    $("#opacidad").css("opacity", 0.5);
 
-		jQuery.post ("ajax.php",
-			{
-				"page": "operation/system_alert"},
-				function (data, status) {
-					$("#alert_messages").show();
-					$("#alert_messages").empty ().append (data);
-					$("#alert_messages").css('opacity', 1);
+    jQuery.post(
+      "ajax.php",
+      {
+        page: "operation/system_alert"
+      },
+      function(data, status) {
+        $("#alert_messages").show();
+        $("#alert_messages")
+          .empty()
+          .append(data);
+        $("#alert_messages").css("opacity", 1);
+      },
+      "html"
+    );
+  });
 
-			},
-			"html"
-		);
-	});
-	
-	$("a.modalpopup").click (function () {
-		var elem = $(this).attr("id");
-		$('body').append( "<div id='opacidad' style='position:fixed;background:black;z-index:1'></div>" );
-		$("#opacidad").css('opacity', 0.5);
+  $("a.modalpopup").click(function() {
+    var elem = $(this).attr("id");
+    $("body").append(
+      "<div id='opacidad' style='position:fixed;background:black;z-index:1'></div>"
+    );
+    $("#opacidad").css("opacity", 0.5);
 
-		jQuery.post ("ajax.php",
-			{
-				"page": "general/alert_enterprise",
-				"message": elem
-			},
-			function (data, status) {
-				$("#alert_messages").show();
-				$("#alert_messages").empty ().append (data);
-				$("#alert_messages").css('opacity', 1);
-			},
-			"html"
-		);
-		return false;
-	});
+    jQuery.post(
+      "ajax.php",
+      {
+        page: "general/alert_enterprise",
+        message: elem
+      },
+      function(data, status) {
+        $("#alert_messages").show();
+        $("#alert_messages")
+          .empty()
+          .append(data);
+        $("#alert_messages").css("opacity", 1);
+      },
+      "html"
+    );
+    return false;
+  });
 
-	// Creacion de ventana modal y botones
-	$(".publienterprise").click (function () {
-		var elem = $(this).attr("id");
-		$('body').append( "<div id='opacidad' style='position:fixed;background:black;z-index:1'></div>" );
-		$("#opacidad").css('opacity', 0.5);
+  // Creacion de ventana modal y botones
+  $(".publienterprise").click(function() {
+    var elem = $(this).attr("id");
+    $("body").append(
+      "<div id='opacidad' style='position:fixed;background:black;z-index:1'></div>"
+    );
+    $("#opacidad").css("opacity", 0.5);
 
-		jQuery.post ("ajax.php",
-			{
-				"page": "general/alert_enterprise",
-				"message": elem
-			},
-			function (data, status) {
-				$("#alert_messages").show();
-				$("#alert_messages").empty ().append (data);
-				$("#alert_messages").css('opacity', 1);
-			},
-			"html"
-		);
-		return false;
-	});
-	
-	
-	$(".publienterprisehide").click (function () {
-		var elem = $(this).attr("id");
-		$('body').append( "<div id='opacidad' style='position:fixed;background:black;z-index:1'></div>" );
-		$("#opacidad").css('opacity', 0.5);
+    jQuery.post(
+      "ajax.php",
+      {
+        page: "general/alert_enterprise",
+        message: elem
+      },
+      function(data, status) {
+        $("#alert_messages").show();
+        $("#alert_messages")
+          .empty()
+          .append(data);
+        $("#alert_messages").css("opacity", 1);
+      },
+      "html"
+    );
+    return false;
+  });
 
-		jQuery.post ("ajax.php",
-			{
-				"page": "general/alert_enterprise",
-				"message": elem
-			},
-			function (data, status) {
-				$("#alert_messages").show();
-				$("#alert_messages").empty ().append (data);
-				$("#alert_messages").css('opacity', 1);
-			},
-			"html"
-		);
-		return false;
-	});
+  $(".publienterprisehide").click(function() {
+    var elem = $(this).attr("id");
+    $("body").append(
+      "<div id='opacidad' style='position:fixed;background:black;z-index:1'></div>"
+    );
+    $("#opacidad").css("opacity", 0.5);
 
+    jQuery.post(
+      "ajax.php",
+      {
+        page: "general/alert_enterprise",
+        message: elem
+      },
+      function(data, status) {
+        $("#alert_messages").show();
+        $("#alert_messages")
+          .empty()
+          .append(data);
+        $("#alert_messages").css("opacity", 1);
+      },
+      "html"
+    );
+    return false;
+  });
 
+  if ($("#license_error_msg_dialog").length) {
+    if (typeof process_login_ok == "undefined") process_login_ok = 0;
 
-	if ($('#license_error_msg_dialog').length) {
-		if (typeof(process_login_ok) == "undefined")
-			process_login_ok = 0;
+    if (typeof show_error_license == "undefined") show_error_license = 0;
 
-		if (typeof(show_error_license) == "undefined")
-			show_error_license = 0;
+    if (process_login_ok || show_error_license) {
+      $("#license_error_msg_dialog").dialog({
+        dialogClass: "no-close",
+        closeOnEscape: false,
+        resizable: false,
+        draggable: true,
+        modal: true,
+        height: 470,
+        width: 850,
+        overlay: {
+          opacity: 0.5,
+          background: "black"
+        },
+        open: function() {
+          var remaining = 30;
 
-		if (process_login_ok || show_error_license) {
+          // Timeout counter.
+          var count = function() {
+            if (remaining > 0) {
+              $("#license_error_remaining").text(remaining);
+              remaining -= 1;
+            } else {
+              $("#license_error_remaining").hide();
+              $("#ok_buttom").show();
+              clearInterval(count);
+            }
+          };
 
-			$( "#license_error_msg_dialog" ).dialog({
-				dialogClass: "no-close",
-				closeOnEscape: false,
-				resizable: false,
-				draggable: true,
-				modal: true,
-				height: 450,
-				width: 850,
-				overlay: {
-					opacity: 0.5,
-					background: "black"
-				},
-				open: function() {
-					var remaining = 30;
+          setInterval(count, 1000);
+        }
+      });
 
-					// Timeout counter.
-					var count = function() {
-						if (remaining > 0) {
-							$("#license_error_remaining").text(remaining);
-							remaining -= 1;
-						} else {
-							$("#license_error_remaining").hide();
-							$("#ok_buttom").show();
-							clearInterval(count);
-						}
-					}
+      $("#submit-hide-license-error-msg").click(function() {
+        $("#license_error_msg_dialog").dialog("close");
+      });
+    }
+  }
 
-					setInterval(count, 1000);
-				}
-			});
+  if ($("#msg_change_password").length) {
+    $("#msg_change_password").dialog({
+      resizable: false,
+      draggable: true,
+      modal: true,
+      height: 450,
+      width: 620,
+      overlay: {
+        opacity: 0.5,
+        background: "black"
+      }
+    });
+  }
 
-			$("#submit-hide-license-error-msg").click (function () {
-				$("#license_error_msg_dialog" ).dialog('close')
-			});
+  if ($("#login_blocked").length) {
+    $("#login_blocked").dialog({
+      resizable: true,
+      draggable: true,
+      modal: true,
+      height: 200,
+      width: 520,
+      overlay: {
+        opacity: 0.5,
+        background: "black"
+      }
+    });
+  }
 
-		}
-	}
+  if ($("#login_correct_pass").length) {
+    $("#login_correct_pass").dialog({
+      resizable: true,
+      draggable: true,
+      modal: true,
+      height: 200,
+      width: 520,
+      overlay: {
+        opacity: 0.5,
+        background: "black"
+      }
+    });
+  }
 
+  forced_title_callback();
 
-	if ($('#msg_change_password').length) {
+  $(document).on("scroll", function() {
+    if (
+      document.documentElement.scrollTop != 0 ||
+      document.body.scrollTop != 0
+    ) {
+      if ($("#head").css("position") == "fixed") {
+        if ($("#menu").css("position") == "fixed") {
+          $("#menu").css("top", "80px");
+        } else {
+          $("#menu").css("top", "60px");
+        }
+      } else {
+        if ($("#menu").css("position") == "fixed") {
+          $("#menu").css("top", "20px");
+        } else {
+          $("#menu").css("top", "80px");
+        }
+      }
+    } else {
+      if ($("#head").css("position") == "fixed") {
+        if ($("#menu").css("position") == "fixed") {
+          $("#menu").css("top", "80px");
+        } else {
+          $("#menu").css("top", "60px");
+        }
+      } else {
+        if ($("#menu").css("position") == "fixed") {
+          $("#menu").css("top", "80px");
+        } else {
+          $("#menu").css("top", "80px");
+        }
+      }
+    }
 
-		$( "#msg_change_password" ).dialog({
-			resizable: false,
-			draggable: true,
-			modal: true,
-			height: 350,
-			width: 620,
-			overlay: {
-				opacity: 0.5,
-				background: "black"
-			}
-		});
+    // if((document.documentElement.scrollTop != 0 || document.body.scrollTop != 0) && $('#menu').css('position') =='fixed'){
+    // 	if($('#head').css('position') =='fixed'){
+    // 		$('#menu').css('top','80px');
+    // 	}
+    // 	else{
+    // 		$('#menu').css('top','20px');
+    // 	}
+    // }
+    // else{
+    // 	if($('#head').css('position') =='fixed'){
+    // 		if(document.documentElement.scrollTop != 0 || document.body.scrollTop != 0){
+    // 			$('#menu').css('top','60px');
+    // 		}else{
+    // 			$('#menu').css('top','80px');
+    // 		}
+    //
+    // 	}
+    // 	else{
+    // 		$('#menu').css('top','60px');
+    // 	}
+    // }
+  });
 
-	}
-
-	if ($('#login_blocked').length) {
-
-		$( "#login_blocked" ).dialog({
-			resizable: true,
-			draggable: true,
-			modal: true,
-			height: 200,
-			width: 520,
-			overlay: {
-				opacity: 0.5,
-				background: "black"
-			}
-		});
-
-	}
-
-	if ($('#login_correct_pass').length) {
-
-		$( "#login_correct_pass" ).dialog({
-			resizable: true,
-			draggable: true,
-			modal: true,
-			height: 200,
-			width: 520,
-			overlay: {
-				opacity: 0.5,
-				background: "black"
-			}
-		});
-
-	}
-
-	forced_title_callback();
-	
-	
-	$(document).on("scroll", function(){
-		
-		if(document.documentElement.scrollTop != 0 || document.body.scrollTop != 0){
-			if($('#head').css('position') =='fixed'){
-				if($('#menu').css('position') =='fixed'){
-					$('#menu').css('top','80px');
-				} else {
-					$('#menu').css('top','60px');
-				}	
-			} else {
-				if($('#menu').css('position') =='fixed'){
-					$('#menu').css('top','20px');
-				} else {
-					$('#menu').css('top','80px');
-				}	
-			}
-		} else {
-			if($('#head').css('position') =='fixed'){
-				if($('#menu').css('position') =='fixed'){
-					$('#menu').css('top','80px');
-				} else {
-					$('#menu').css('top','60px');
-				}
-			} else {
-				if($('#menu').css('position') =='fixed'){
-					$('#menu').css('top','80px');
-				} else {
-					$('#menu').css('top','80px');
-				}	
-			}
-		}
-		
-		// if((document.documentElement.scrollTop != 0 || document.body.scrollTop != 0) && $('#menu').css('position') =='fixed'){
-		// 	if($('#head').css('position') =='fixed'){
-		// 		$('#menu').css('top','80px');
-		// 	}
-		// 	else{
-		// 		$('#menu').css('top','20px');
-		// 	}	
-		// }
-		// else{
-		// 	if($('#head').css('position') =='fixed'){
-		// 		if(document.documentElement.scrollTop != 0 || document.body.scrollTop != 0){
-		// 			$('#menu').css('top','60px');
-		// 		}else{
-		// 			$('#menu').css('top','80px');
-		// 		}
-		// 		
-		// 	}
-		// 	else{
-		// 		$('#menu').css('top','60px');
-		// 	}	
-		// }
-	});
-
-	$("#alert_messages").draggable();
-	$("#alert_messages").css({'left':+parseInt(screen.width/2)-parseInt($("#alert_messages").css('width'))/2+'px'});
-	
+  $("#alert_messages").draggable();
+  $("#alert_messages").css({
+    left:
+      +parseInt(screen.width / 2) -
+      parseInt($("#alert_messages").css("width")) / 2 +
+      "px"
+  });
 });
 
-
-
-
 function forced_title_callback() {
-	// Forced title code
-	$('body').on('mouseenter', '.forced_title', function() {
-		///////////////////////////////////////////
-		// Put the layer in the left-top corner to fill it
-		///////////////////////////////////////////
-		$('#forced_title_layer').css('left', 0);
-		$('#forced_title_layer').css('top', 0);
+  // Forced title code
+  $("body").on("mouseenter", ".forced_title", function() {
+    ///////////////////////////////////////////
+    // Put the layer in the left-top corner to fill it
+    ///////////////////////////////////////////
+    $("#forced_title_layer").css("left", 0);
+    $("#forced_title_layer").css("top", 0);
 
-		///////////////////////////////////////////
-		// Get info of the image
-		///////////////////////////////////////////
+    ///////////////////////////////////////////
+    // Get info of the image
+    ///////////////////////////////////////////
 
-		var img_top = $(this).offset().top;
-		var img_width = $(this).width();
-		var img_height = $(this).height();
-		var img_id = $(this).attr('id');
-		var img_left_mid = $(this).offset().left + (img_width / 2);
+    var img_top = $(this).offset().top;
+    var img_width = $(this).width();
+    var img_height = $(this).height();
+    var img_id = $(this).attr("id");
+    var img_left_mid = $(this).offset().left + img_width / 2;
 
-		///////////////////////////////////////////
-		// Put title in the layer
-		///////////////////////////////////////////
+    ///////////////////////////////////////////
+    // Put title in the layer
+    ///////////////////////////////////////////
 
-		// If the '.forced_title' element has 'use_title_for_force_title' = 1
-		// into their 'data' prop, the element title will be used for the
-		// content.
-		if ($(this).data("use_title_for_force_title")) {
-			var title = $(this).data("title");
-		}
-		else {
-			var title = $('#forced_title_'+img_id).html();
-		}
+    // If the '.forced_title' element has 'use_title_for_force_title' = 1
+    // into their 'data' prop, the element title will be used for the
+    // content.
+    if ($(this).data("use_title_for_force_title")) {
+      var title = $(this).data("title");
+    } else {
+      var title = $("#forced_title_" + img_id).html();
+    }
 
-		$('#forced_title_layer').html(title);
+    $("#forced_title_layer").html(title);
 
-		///////////////////////////////////////////
-		// Get info of the layer
-		///////////////////////////////////////////
+    ///////////////////////////////////////////
+    // Get info of the layer
+    ///////////////////////////////////////////
 
-		var layer_width = $('#forced_title_layer').width();
-		var layer_height = $('#forced_title_layer').height();
+    var layer_width = $("#forced_title_layer").width();
+    var layer_height = $("#forced_title_layer").height();
 
-		///////////////////////////////////////////
-		// Obtain the new position of the layer
-		///////////////////////////////////////////
+    ///////////////////////////////////////////
+    // Obtain the new position of the layer
+    ///////////////////////////////////////////
 
-		// Jquery doesnt know the padding of the layer
-		var layer_padding = 4;
+    // Jquery doesnt know the padding of the layer
+    var layer_padding = 4;
 
-		// Deduct padding of both sides
-		var layer_top = img_top - layer_height - (layer_padding * 2) - 5;
-		if (layer_top < 0) {
-			layer_top = img_top + img_height + (layer_padding * 2);
-		}
+    // Deduct padding of both sides
+    var layer_top = img_top - layer_height - layer_padding * 2 - 5;
+    if (layer_top < 0) {
+      layer_top = img_top + img_height + layer_padding * 2;
+    }
 
-		// Deduct padding of one side
-		var layer_left = img_left_mid - (layer_width / 2) - layer_padding;
-		if (layer_left < 0) {
-			layer_left = 0;
-		}
+    // Deduct padding of one side
+    var layer_left = img_left_mid - layer_width / 2 - layer_padding;
+    if (layer_left < 0) {
+      layer_left = 0;
+    }
 
-		var real_layer_width = layer_width + (layer_padding * 2) + 5;
-		var layer_right = layer_left + real_layer_width;
-		var screen_width = $(window).width();
-		if (screen_width < layer_right) {
-			layer_left = screen_width - real_layer_width;
-		}
+    var real_layer_width = layer_width + layer_padding * 2 + 5;
+    var layer_right = layer_left + real_layer_width;
+    var screen_width = $(window).width();
+    if (screen_width < layer_right) {
+      layer_left = screen_width - real_layer_width;
+    }
 
-		///////////////////////////////////////////
-		// Set the layer position and show
-		///////////////////////////////////////////
+    ///////////////////////////////////////////
+    // Set the layer position and show
+    ///////////////////////////////////////////
 
-		$('#forced_title_layer').css('left', layer_left);
-		$('#forced_title_layer').css('top', layer_top);
-		$('#forced_title_layer').show();
-	});
-	$('body').on('mouseout', '.forced_title', function () {
-		$('#forced_title_layer').hide().empty();
-	});
+    $("#forced_title_layer").css("left", layer_left);
+    $("#forced_title_layer").css("top", layer_top);
+    $("#forced_title_layer").show();
+  });
+  $("body").on("mouseout", ".forced_title", function() {
+    $("#forced_title_layer")
+      .hide()
+      .empty();
+  });
 }
-