From 8b705f701c02f39b6e8795302c1c2e20e281991b Mon Sep 17 00:00:00 2001
From: koichirok <koichiro@rworks.jp>
Date: Thu, 8 Aug 2013 14:05:57 +0000
Subject: [PATCH] 2013-08-08 Koichiro Kikuchi <koichiro@rworks.jp>

	* index.php: Fixed footer layout probrems: Now we can see the
	 footer at the browser bottom when reducing the browser height.
	 Also fixes the footer overlay probrem in some pages (e.g.
	 "Modules in policy" page).



git-svn-id: https://svn.code.sf.net/p/pandora/code/trunk@8647 c3f86ba8-e40f-0410-aaad-9ba5e7f4b01f
---
 pandora_console/ChangeLog |  7 +++++++
 pandora_console/index.php | 32 ++++++++++++++++++++++++--------
 2 files changed, 31 insertions(+), 8 deletions(-)

diff --git a/pandora_console/ChangeLog b/pandora_console/ChangeLog
index d985035a37..35794b8d05 100644
--- a/pandora_console/ChangeLog
+++ b/pandora_console/ChangeLog
@@ -1,3 +1,10 @@
+2013-08-08 Koichiro Kikuchi <koichiro@rworks.jp>
+
+	* index.php: Fixed footer layout probrems: Now we can see the
+	 footer at the browser bottom when reducing the browser height.
+	 Also fixes the footer overlay probrem in some pages (e.g.
+	 "Modules in policy" page).
+
 2013-08-08 Miguel de Dios <miguel.dedios@artica.es>
 	
 	* images/zoom_default.svg: tiny fixes make for Carla.
diff --git a/pandora_console/index.php b/pandora_console/index.php
index 356c796aa6..d710e7b4b0 100644
--- a/pandora_console/index.php
+++ b/pandora_console/index.php
@@ -570,18 +570,34 @@ require('include/php_to_js_values.php');
 ?>
 
 <script type="text/javascript" language="javascript">
+
+//Dynamically assign footer position and width.
 	//Initial load of page
-	$(document).ready(sizeContent);
-	
+	$(document).ready(adjustFooter);
+
 	//Every resize of window
-	$(window).resize(sizeContent);
+	$(window).resize(adjustFooter);
 	
+	//Every resize (height change) of div#container
+	container_height = $('#container').height();
+	$('#container').bind((window.opera ? 'DOMAttrModified' : 'DOMSubtreeModified'), function() {
+		if (container_height != $('#container').height()) {
+			container_height = $('#container').height();
+			adjustFooter();
+	        }
+	});
+
 	//Dynamically assign height
-	function sizeContent() {
-		var footposition_bottom = $('#foot').position().top + $("#foot").height();
+	function adjustFooter() {
+		// highest Y pos for #foot
+		var ulim = $('#container').position().top + $('#container').outerHeight(true);
+		// $(window).height() returns wrong value on Opera and Google Chrome.
+		var wh = $(window).height(); //document.documentElement.clientHeight;
+		var h = $('#foot').height();
+		var t = (ulim + $('#foot').outerHeight() > wh) ? ulim : wh - $('#foot').outerHeight();
 		
-		if (footposition_bottom < $(window).height()) {
-			$('#container').css('height', $(window).height() - $("#foot").height() - 15 + 'px');
-		}
+		$('#foot').css({ position: "absolute", top: t, left: $('#foot').offset().left});
+		$('#foot').width($(window).width());
+		$('#foot').height(h);
 	}
 </script>