From d6c6dd8b4a7caf4a82c927bed887dbe42a6149f2 Mon Sep 17 00:00:00 2001
From: Cristian Fasanando <cristian.fasanando@beeznest.com>
Date: Wed, 6 May 2009 21:21:14 +0200
Subject: [PATCH] [svn r20371] Style changes - Fixed wrong space management in
 top left of learning path display - FS#4140

---
 main/img/lp_author_background.gif | Bin 900 -> 651 bytes
 main/newscorm/lp_view.php         | 114 +++++++++++++++++-------------
 2 files changed, 64 insertions(+), 50 deletions(-)

diff --git a/main/img/lp_author_background.gif b/main/img/lp_author_background.gif
index 36f6a0aac71b3d02023cafd8db22fd3c47bfeb15..2ed64a84ab25246e12b47f3ad60cbe99036ba8b9 100644
GIT binary patch
delta 562
zcmV-20?qw|2a5%eWPf{}xqF_ud!D%=`2+z903QG>000004gq)o00sWwCyr!ko@lDB
zZ0o*oEYEap-$}0TeDD9jpm0bm8jr}Na>;D+RJxmVO08P2*la6m%4xsguy{;<c}eH8
zdd+UTSLsjUO|RSU*K-`t@B9C9B6EO*g@$EbgNKWZjW~ghk$;ktD07OGn3;=~nw_41
zoS&kjZlR>7s9>h4tgTY3uCcN%u(P(eXpp$OxV5~$tiHg*qr$|;n#Rb>lFH1_o4U}`
zj?UEAeAd|8blTkCYu@1FV&dfIS?1{LRO;;SHSX~9F!J>GaMJkuHun7gg7g6#xJ4kr
zgOv;-TsXoXLw|S<AF_)m5go;f<St?ar*R{<jvldr3`uPyNoXeiPcloX5*f>u#9qP#
zCUYjQnl^hW%sFu<Pm4Z(W(+EnBhjKCk0KSRbZN<^PEkUQx^gO2msYRF%&L_p*RD6e
zg4KCxEYq@PpQ24GbuHVfZr@^!D|aj1x?b<%4XbxAS%1IJZ~|^5cyP47hGP{@Txc<4
zK#m{#i7Yvr*vgqGW45DtbGOT$n}H5pZ8T{{oll1|t=drP)?{A8F2{N{sM@ys$j+^0
zH*YMye_IJIydCc1pAjQJy!;dK=JAe0U#)yPWa-vpW6w^zI(N(7zu$Q-zF_$B$<Y(G
zbYA`HfGh4BE7}tu&mQ{qyRF5apACOG|MeFJ7f?81;DHDx3aH?M3^q8#2_XOgJFy2N
A4gdfE

delta 813
zcmV+|1JeA91%wBXWPktv|NsC0|Ns9X`2+y~03QG>000004gq)o00sWwCyr!ko@lDB
zZ0o*oEYEap-$K?*&EE6AU=TPV{*J?5QfOQfn?NVB>4Z*^(rdP;-FBhYtT+t*YNHv-
z1x4X-BnLu7PM_Q9^?d%$ulMbLdwPL_fq;dEg#?O<hK`MbjDLxLkCTIumJtU41Pco#
z8xar?8#kt>sHv)}tgS5u2#cR1p`)d)xVgH!yuB*0vLgZ-x4y>5$jQno8ygA~9~Tx8
z%hlG`*sBZ{(Gv*S;NjxqBp3k~7XcXL?CtKo2ovb)@AdZgHu2~a>-hfv085yg*Ds*K
zgYNWQ;D@lGLw|4s(-nM3v7#@9-Yja|h$|vJjvzzcz&KH)$&)MoJeEYsvgHSoE@QUz
z2tlSzlL`aWyvcJT#&11?QdB9lXhWDrlL92FwCO#hPNTMCDz&P(pH{O%JSS1BS8Gte
ziZw=ctl3>TSDszFDlFT#sc6ETn+hx4yEY;+#LHKPUVpWH1EVM_xbO+Lh7*e*tT?gV
z#*G<67Myl+W5kyGO3sWo=T6R)<t+pXI<Q{SrTK17{T4Ipx2s>DbuIgB?Al^0<DUC?
zH`~9y;oc5zl{WFLz>nMJs#E!F(HWhO9WGs|@#;;fV=t<Ed)DsWtM(2bRXh2c*U$G%
zuHLEn_J1zZ!<Q*{zIEuR?F)UcA18Fc{n5u9fC0w$UxE7#{)k{u<1HA|X%6zlUxXFO
zN8v^jUg(g88dg+ahb%P+Vn`W|7!ZdhB2;3E{-DTWK<vH9(TXzGBVvsY(THO^;O$6J
zk3MdAV2~a%_Zg8w?vo#q2kFRUHZDF%PK;8*sDEIU2SthHR!VMZkds~}17w&s4oN0H
zV4iuAnQGQ!PBb62X(Lw_a3H5W9B?Czop-*IrwGH$(&spyNFZn^6;x2npw=uPM+A$0
z;3xrbL}2Nqm}aW!rkr-_>8GHED(a}DmTKy$sHUo_CK3?PObR(DA?vKP)@tjmxaO+s
rt|q+p>g%t-1}p5a#LAigG%Lhf?6S-@>+G}8Mk_6@#{@EZPzV4!`G}FF

diff --git a/main/newscorm/lp_view.php b/main/newscorm/lp_view.php
index 36e99f85cd..f05160ef9f 100644
--- a/main/newscorm/lp_view.php
+++ b/main/newscorm/lp_view.php
@@ -219,9 +219,9 @@ if($_SESSION['oLP']->mode == 'fullscreen')
 <input type="hidden" id="old_item" name ="old_item" value="0"/>
 <input type="hidden" id="current_item_id" name ="current_item_id" value="0" />
 	
-<div id="learningPathMain"  style="width:100%;height:100%;border : 0pt solid black" >
+<div id="learningPathMain"  style="width:100%;height:100%;" >
 
-	<div id="learningPathLeftZone" style="float:left;width:280px;border : 0pt solid blue;height:100%">
+	<div id="learningPathLeftZone" style="float:left;width:280px;height:100%">
 
 		<!-- header -->
 		<div id="header">
@@ -241,13 +241,13 @@ if($_SESSION['oLP']->mode == 'fullscreen')
 		<!-- end header --> 
 
 <!-- Image preview Layout -->
-	<div id="author_image" name="author_image" class="lp_author_image" style="border : 0pt solid blue;height:23%; width:100%;margin-left:5px">	
+	<div id="author_image" name="author_image" class="lp_author_image" style="height:23%; width:100%;margin-left:5px">	
 		<?php $image = '../img/lp_author_background.gif'; ?>
 
 			<div id="preview_image" style="padding:5px;background-image: url('../img/lp_author_background.gif');background-repeat:no-repeat;height:110px">
 						       	   		       	
-		       	<div style="width:100; float:left;border : 0pt solid blue; height:100">
-		       		<span style="padding:2px;">
+		       	<div style="width:100; float:left;height:105;margin:5px">
+		       		<span>
 			        <?php if ($_SESSION['oLP']->get_preview_image()!=''): ?>
 			        <img width="115" height="100" src="<?php echo api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image(); ?>">
 			        <?php 
@@ -258,7 +258,7 @@ if($_SESSION['oLP']->mode == 'fullscreen')
 					</span>
 		       	</div>
 		       		       		       
-				<div id="nav_id" name="nav_name" class="lp_nav" style="margin-left:105;border : 0pt solid brown;height:90">
+				<div id="nav_id" name="nav_name" class="lp_nav" style="margin-left:105;height:90">
 			        <?php										
 						$display_mode = $_SESSION['oLP']->mode;
 						$scorm_css_header = true;
@@ -289,40 +289,42 @@ if($_SESSION['oLP']->mode == 'fullscreen')
 						}
 					?>
 					
-					<div id="lp_navigation_elem" class="lp_navigation_elem" style="padding-left:125px">
-						<div style="padding-top:20px;padding-bottom:50px;border : 0pt solid red" ><?php echo $navigation_bar; ?></div> 
-						<div style="border : 0pt solid red"><?php echo $progress_bar; ?></div>
+					<div id="lp_navigation_elem" class="lp_navigation_elem" style="padding-left:130px;margin-top:9px;">
+						<div style="padding-top:20px;padding-bottom:50px;" ><?php echo $navigation_bar; ?></div> 
+						<div style="height:20px"><?php echo $progress_bar; ?></div>
 					</div>									
-				</div>		  
-	 
-					<div id="author_name" style="position:relative;top:15px;left:2px;margin:0;padding:0;text-align:center;border:0pt solid brown;height:50px;width:100%">
-				<?php echo $_SESSION['oLP']->get_author() ?>
-				</div> 				
+				</div>		  	 				
 		</div>	
 			   					
 	</div>   				   			
 	<!-- end image preview Layout -->
-
+				<div id="author_name" style="position:relative;top:2px;left:0px;margin:0;padding:0;text-align:center;width:100%">
+					<?php echo $_SESSION['oLP']->get_author() ?>
+				</div>
 	
 	<!-- media player layaout -->		
-	<?php $style_media = (($show_audioplayer)?' style= "position:relative;top:22px;left:10px;margin:8px;font-size:32pt;height:25px;border:0pt solid brown"':'style="height:20px"'); ?>
+	<?php $style_media = (($show_audioplayer)?' style= "position:relative;top:10px;left:10px;margin:8px;font-size:32pt;height:20px;"':'style="height:15px"'); ?>
 	<div id="media"  <?php echo $style_media ?>>
 		<?php echo (!empty($mediaplayer))?$mediaplayer:'&nbsp;' ?>
 	</div>
 	<!-- end media player layaout -->
 	
 	<!-- toc layout -->     
-	<div id="toc_id" name="toc_name"  style="padding:0;margin-top:20px;border: 0pt solid black;height:60%;width:100%">
-		<div id="learningPathToc" style="font-size:9pt;margin:0;border: 0pt solid red"><?php echo $_SESSION['oLP']->get_html_toc(); ?></div>
+	<div id="toc_id" name="toc_name"  style="padding:0;margin-top:20px;height:60%;width:100%">
+		<div id="learningPathToc" style="font-size:9pt;margin:0;"><?php echo $_SESSION['oLP']->get_html_toc(); ?>
+		<!-- log message layout -->
+		
+		<div id="lp_log_name" name="lp_log_name" class="lp_log" style="height:50px;overflow:auto;margin:15px">
+			<div id="log_content"></div>
+			<div style="color: white;" onClick="cleanlog();">.</div>
+		</div>
+	<!-- end log message layout -->
+		</div>
+		
 	</div>
 	<!-- end toc layout -->
 
-	<!-- log message layout -->
-	<div id="lp_log_name" name="lp_log_name" class="lp_log" style="overflow:auto;border:0pt solid red;border: 0pt solid blue">
-		<div id="log_content"></div>
-		<div style="color: white;" onClick="cleanlog();">.</div>
-	</div>
-	<!-- end log message layout -->
+	
 	</div>
 <!-- end left Zone --> 			
 
@@ -359,7 +361,7 @@ if($_SESSION['oLP']->mode == 'fullscreen')
 		}
 		document.getElementById('learningPathToc').style.height = newLeftZoneHeight + 'px';
 		document.getElementById('learningPathRightZone').style.height = newRightZoneHeight + 'px';
-		document.getElementById('content_id').style.height = newRightZoneHeight + 'px';
+		document.getElementById('content_id_blank').style.height = newRightZoneHeight + 'px';
 		if (document.body.clientHeight > winHeight) {
 			document.body.style.overflow = 'auto';
 		} else {
@@ -377,6 +379,11 @@ if($_SESSION['oLP']->mode == 'fullscreen')
 		document.getElementById('learningPathToc').style.width = "100%";
 		document.getElementById('learningPathRightZone').style.height = "100%" 
 		document.getElementById('content_id').style.height = "100%" ; 
+		
+		if (screen_height <= 600) {
+			document.getElementById('inner_lp_toc').style.height = "100px" ;
+			document.getElementById('learningPathLeftZone').style.height = "415px";	
+		}	
 			
 		initialLeftZoneHeight = document.getElementById('learningPathToc').offsetHeight;
 		initialRightZoneHeight = document.getElementById('learningPathRightZone').offsetHeight;
@@ -414,9 +421,9 @@ else
 	<input type="hidden" id="old_item" name ="old_item" value="0"/>
 	<input type="hidden" id="current_item_id" name ="current_item_id" value="0" />
 
-<div id="learningPathMain"  style="width:100%;height:100%;border : 0pt solid black" >
+<div id="learningPathMain"  style="width:100%;height:100%;" >
 
-	<div id="learningPathLeftZone" style="float:left;width:280px;border : 0pt solid blue;height:100%">
+	<div id="learningPathLeftZone" style="float:left;width:280px;height:100%">
 
 		<!-- header -->
 		<div id="header">
@@ -436,13 +443,13 @@ else
 		<!-- end header --> 
 
 <!-- Image preview Layout -->
-	<div id="author_image" name="author_image" class="lp_author_image" style="border : 0pt solid blue;height:23%; width:100%;margin-left:5px">	
+	<div id="author_image" name="author_image" class="lp_author_image" style="height:23%; width:100%;margin-left:5px">	
 		<?php $image = '../img/lp_author_background.gif'; ?>
 
 			<div id="preview_image" style="padding:5px;background-image: url('../img/lp_author_background.gif');background-repeat:no-repeat;height:110px">
 						       	   		       	
-		       	<div style="width:100; float:left;border : 0pt solid blue; height:105">
-		       		<span style="padding:2px;">
+		       	<div style="width:100; float:left;height:105;margin:5px">
+		       		<span>
 			        <?php if ($_SESSION['oLP']->get_preview_image()!=''): ?>
 			        <img width="115" height="100" src="<?php echo api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image(); ?>">
 			        <?php 
@@ -453,7 +460,7 @@ else
 					</span>
 		       	</div>
 		       		       		       
-				<div id="nav_id" name="nav_name" class="lp_nav" style="margin-left:105;border : 0pt solid brown;height:90">
+				<div id="nav_id" name="nav_name" class="lp_nav" style="margin-left:105;height:90">
 			        <?php										
 						$display_mode = $_SESSION['oLP']->mode;
 						$scorm_css_header = true;
@@ -484,45 +491,47 @@ else
 						}
 					?>
 					
-					<div id="lp_navigation_elem" class="lp_navigation_elem" style="padding-left:125px">
-						<div style="padding-top:20px;padding-bottom:50px;border : 0pt solid red" ><?php echo $navigation_bar; ?></div> 
-						<div style="border : 0pt solid red"><?php echo $progress_bar; ?></div>
+					<div id="lp_navigation_elem" class="lp_navigation_elem" style="padding-left:130px;margin-top:9px;">
+						<div style="padding-top:20px;padding-bottom:50px;" ><?php echo $navigation_bar; ?></div> 
+						<div style="height:20px"><?php echo $progress_bar; ?></div>
 					</div>									
-				</div>		  
-	 
-					<div id="author_name" style="position:relative;top:15px;left:2px;margin:0;padding:0;text-align:center;border:0pt solid brown;height:50px;width:100%">
-				<?php echo $_SESSION['oLP']->get_author() ?>
-				</div> 				
+				</div>		  	 				
 		</div>	
 			   					
 	</div>   				   			
 	<!-- end image preview Layout -->
-
+				<div id="author_name" style="position:relative;top:2px;left:0px;margin:0;padding:0;text-align:center;width:100%">
+					<?php echo $_SESSION['oLP']->get_author() ?>
+				</div>
 	
 	<!-- media player layaout -->		
-	<?php $style_media = (($show_audioplayer)?' style= "position:relative;top:22px;left:10px;margin:8px;font-size:32pt;height:25px;border:0pt solid brown"':'style="height:20px"'); ?>
+	<?php $style_media = (($show_audioplayer)?' style= "position:relative;top:10px;left:10px;margin:8px;font-size:32pt;height:20px;"':'style="height:15px"'); ?>
 	<div id="media"  <?php echo $style_media ?>>
 		<?php echo (!empty($mediaplayer))?$mediaplayer:'&nbsp;' ?>
 	</div>
 	<!-- end media player layaout -->
 	
 	<!-- toc layout -->     
-	<div id="toc_id" name="toc_name"  style="padding:0;margin-top:20px;border: 0pt solid black;height:60%;width:100%">
-		<div id="learningPathToc" style="font-size:9pt;margin:0;border: 0pt solid red"><?php echo $_SESSION['oLP']->get_html_toc(); ?></div>
+	<div id="toc_id" name="toc_name"  style="padding:0;margin-top:20px;height:60%;width:100%">
+		<div id="learningPathToc" style="font-size:9pt;margin:0;"><?php echo $_SESSION['oLP']->get_html_toc(); ?>
+		<!-- log message layout -->
+		
+		<div id="lp_log_name" name="lp_log_name" class="lp_log" style="height:50px;overflow:auto;margin:15px">
+			<div id="log_content"></div>
+			<div style="color: white;" onClick="cleanlog();">.</div>
+		</div>
+	<!-- end log message layout -->
+		</div>
+		
 	</div>
 	<!-- end toc layout -->
 
-	<!-- log message layout -->
-	<div id="lp_log_name" name="lp_log_name" class="lp_log" style="overflow:auto;border:0pt solid red;border: 0pt solid blue">
-		<div id="log_content"></div>
-		<div style="color: white;" onClick="cleanlog();">.</div>
-	</div>
-	<!-- end log message layout -->
+	
 	</div>
 <!-- end left Zone --> 					
 
 <!-- right Zone -->    				
-	<div id="learningPathRightZone" style="margin-left:282px;border : 0pt solid blue;height:100%">
+	<div id="learningPathRightZone" style="margin-left:282px;height:100%">
 		<iframe id="content_id" name="content_name" src="<?php echo $src; ?>" border="0" frameborder="0"  style="width:100%;height:600px" ></iframe>
 	</div>
 <!-- end right Zone -->
@@ -572,6 +581,11 @@ else
 		document.getElementById('learningPathToc').style.width = "100%";
 		document.getElementById('learningPathRightZone').style.height = "100%" 
 		document.getElementById('content_id').style.height = "100%" ; 
+		
+		if (screen_height <= 600) {
+			document.getElementById('inner_lp_toc').style.height = "100px" ;
+			document.getElementById('learningPathLeftZone').style.height = "415px";	
+		}	
 			
 		initialLeftZoneHeight = document.getElementById('learningPathToc').offsetHeight;
 		initialRightZoneHeight = document.getElementById('learningPathRightZone').offsetHeight;