[Mapbender-commits] r6550 - in trunk/mapbender/http: css frames php

svn_mapbender at osgeo.org svn_mapbender at osgeo.org
Sun Jul 4 05:19:09 EDT 2010


Author: verenadiewald
Date: 2010-07-04 09:19:09 +0000 (Sun, 04 Jul 2010)
New Revision: 6550

Modified:
   trunk/mapbender/http/css/login.css
   trunk/mapbender/http/frames/login.php
   trunk/mapbender/http/php/mb_listGUIs.php
Log:
http://trac.osgeo.org/mapbender/ticket/658

Modified: trunk/mapbender/http/css/login.css
===================================================================
--- trunk/mapbender/http/css/login.css	2010-07-04 08:17:52 UTC (rev 6549)
+++ trunk/mapbender/http/css/login.css	2010-07-04 09:19:09 UTC (rev 6550)
@@ -23,28 +23,23 @@
 	height: 20px;
 }
 
-.list_guis{
-	font-family: Arial, Helvetica, sans-serif;
-	font-size : 12px;
-	color: #808080;
-}
 a:link{
-	font-family: Arial, Helvetica, sans-serif;
-	font-size : 12px;
 	text-decoration : none;
 	color: #808080;
 }
+
 a:visited {
-	font-family: Arial, Helvetica, sans-serif;
 	text-decoration : none;
-	color: #808080;
-	font-size : 12px;
 }
+
+a:hover {
+	/*color: #808080;*/
+	text-decoration : none;
+	
+}
+
 a:active {
-	font-family: Arial, Helvetica, sans-serif;
 	text-decoration : none;
-	color: #808080;
-	font-size : 12px;
 }
 
 .login_text{
@@ -53,27 +48,9 @@
 
 /* BEGIN gui listing */
 ul.gui_list {
-	width: 100%;
 	padding: 2px;
-	border: 0px solid #666;
 }
 
-h2.gui_category,
-p.gui_category_description{
-	width: 50%;
-	padding: 0px;
-	border: 0px solid #666;
-}
-
-h2.gui_category,
-ul.gui_list {
-	/*background-color: #eee;*/
-}
-
-h2.gui_category {
-	font-size: 1.3em;
-}
-
 img {
 	border: 0;
 }
@@ -88,41 +65,23 @@
 	padding: .25em .5em;
 	background-color: #fff;
 	border: 0px solid #666;
-	cursor: pointer;
 }
 
-ul.gui_list li.alternate {
-	background-color: #fff;
+div.categoryDescription {
+	font-size: 15px;
+	color: #808080;
 }
 
-ul.gui_list li.alternate {
-	background-color: #fff;
+div.guiDescription {
+	font-size: 12px;
+	color: #808080;
 }
 
-ul.gui_list li:hover {
-	background-color: #eee;
+div.guiListTabs {
+	margin-top:15px;
 }
 
-ul.gui_list li strong {
-	float: left;
-	width: 25%;
-	font-weight: bold;
+a.guiLink {
+	color:#000000;
 }
-
-ul.gui_list li em {
-	float: right;
-	width: 75%;
-	margin-top: -1.2em;
-	color: #666;
-}
-
-.gui_list a:link, 
-.gui_list a:visited, 
-.gui_list a:active {
-	font-size: inherit;
-	font-weight: inherit;
-	text-decoration: none;
-	text-transform: none;
-	color: inherit;
-}
 /* END gui listing */
\ No newline at end of file

Modified: trunk/mapbender/http/frames/login.php
===================================================================
--- trunk/mapbender/http/frames/login.php	2010-07-04 08:17:52 UTC (rev 6549)
+++ trunk/mapbender/http/frames/login.php	2010-07-04 09:19:09 UTC (rev 6550)
@@ -81,6 +81,11 @@
 echo '<meta http-equiv="Content-Type" content="text/html; charset='.CHARSET.'">';	
 ?>
 <title>Login</title>
+<script type="text/javascript" src="../extensions/jquery-ui-1.8.1.custom/js/jquery-1.4.2.min.js"></script>
+<script type="text/javascript" src="../extensions/jquery-ui-1.8.1.custom/js/jquery-ui-1.8.1.custom.min.js"></script>
+<script type="text/javascript" src="../extensions/jquery-ui-1.8.1.custom/development-bundle/ui/jquery.ui.tabs.js"></script>
+<link rel="stylesheet" type="text/css" href="../extensions/jquery-ui-1.8.1.custom/development-bundle/themes/base/jquery.ui.all.css" />
+<link rel="stylesheet" type="text/css" href="../extensions/jquery-ui-1.8.1.custom/development-bundle/themes/base/jquery.ui.tabs.css" />
 <?php
 $css_folder = "";
 echo "<link rel=\"stylesheet\" type=\"text/css\" href=\"../css/" . $css_folder . "login.css\">";
@@ -111,6 +116,23 @@
   echo "</script>";
 }
 
+?>
+
+<script type='text/javascript'>
+$(document).ready(function () {
+	$(function() {
+		$("#guiListTabs").tabs({
+			event: 'mouseover'
+		});
+		//$("a", ".gui_list").button();
+		//$("a", ".gui_list").click(function() { return false; });
+		
+	});
+});
+</script>
+
+<?php 
+
 echo "</head>";
 echo "<body onload='setFocus()'>";
 

Modified: trunk/mapbender/http/php/mb_listGUIs.php
===================================================================
--- trunk/mapbender/http/php/mb_listGUIs.php	2010-07-04 08:17:52 UTC (rev 6549)
+++ trunk/mapbender/http/php/mb_listGUIs.php	2010-07-04 09:19:09 UTC (rev 6550)
@@ -51,35 +51,65 @@
 	$result = db_prep_query($sql,$v,$t);
 	
 	$category = NULL;
-echo "<h1><font align='left' color='#000000'>Ma</font><font color='#0000CE'>p</font><font color='#C00000'>b</font><font color='#000000'>ender </font> - "._mb('available Applications')."</h1>";
-	printf("<p><a href=\"../php/mod_logout.php?%s\"><img src=\"../img/button_gray/logout_off.png\" onmouseover=\"this.src='../img/button_gray/logout_over.png'\" onmouseout=\"this.src='../img/button_gray/logout_off.png'\" title=\"Logout\"></a></p>",SID);
 	
+	echo "<span style='color:#000000;font-size:24px;font-weight:bold;'>Ma</span>".
+		 "<span style='color:#0000CE;font-size:24px;font-weight:bold;'>p</span>".
+		 "<span style='color:#C00000;font-size:24px;font-weight:bold;'>b</span>".
+		 "<span style='color:#000000;font-size:24px;font-weight:bold;'>ender</span>".
+		 "<span style='font-size:24px;font-weight:bold;'> - "._mb('available Applications')." </span>";
+		
+	printf("<span><a href=\"../php/mod_logout.php?%s\"><img src=\"../img/button_gray/logout_off.png\" onmouseover=\"this.src='../img/button_gray/logout_over.png'\" onmouseout=\"this.src='../img/button_gray/logout_off.png'\" title=\"Logout\"></a></span>",SID);
+	
+	echo "<div id='guiListTabs' class='guiListTabs'>";
+	
+	echo "<ul>";
+	
 	$total_guis = 0;
+	$totalCategories = 0;
+	$divHtml = "";
 	while($row = db_fetch_array($result)){
+		
 		if($category !== $row["category_name"]) {
+			if($divHtml != "") {
+				$divHtml .= '</ul></div>';
+			}
 			$category = $row["category_name"];
 			
-			echo "</ul>";
-			
 			if(strlen($row["category_name"]) > 0) {
-				printf("<h2 class=\"gui_category\">%s</h2>",$row["category_name"]);
-			}else{
-				printf("<h2 class=\"gui_category\">%s</h2>","");
+				echo '<li><a href="#guiListTab-'.$totalCategories.'">' . $row["category_name"] . '</a></li>';
 			}
-			if(strlen($row["category_description"]) > 0) {
-				printf("<p class=\"gui_category_description\"><em>%s</em></p>",$row["category_description"]);
-			}else{
-				printf("<p class=\"gui_category_description\"><em>%s</em></p>","");
+			else {
+				echo '<li><a href="#guiListTab-'.$totalCategories.'">'._mb('Others').'</a></li>';
 			}
 			
-			echo "<ul class=\"gui_list\">";
+			if($row["category_description"] == '') {
+				$row["category_description"] = '&nbsp;&nbsp;&nbsp;&nbsp;';
+			}
+			$divHtml .= '<div id="guiListTab-' . $totalCategories . '">';
+			$divHtml .= '<div class="categoryDescription">';
+			$divHtml .= "<p><em>".$row["category_description"]."</em></p>";
+			$divHtml .= '</div>';
+			$divHtml .=	'<ul class="gui_list">';
+			
+			$totalCategories++;
 		}
 		
-		$class = ($total_guis %2 === 0) ? " class=\"alternate\"" : NULL;
-		$url   = sprintf("index.php?%s&gui_id=%s",strip_tags(SID),$row["gui_id"]);
-		printf("<li%s><a href=\"%s\"><strong>%s</strong><br /><em>%s</em></a></li>",$class,$url,$row["gui_name"],$row["gui_description"]);
+		$url   = "index.php?".strip_tags(SID)."&gui_id=".$row["gui_id"];
+		$divHtml .= "<li><div>".
+					"<a class='guiLink' href='".$url."'>".$row['gui_name']."</a></div>".
+					"<div class='guiDescription'><em>".$row["gui_description"]."</em></div></li>";
 		
 		$total_guis++;
 	}
+	
+	echo "</ul>";
+	
+	if($divHtml != "") {
+		$divHtml .= '</ul></div>';
+	}
+	
+	echo $divHtml;
+	
+	echo "</div>";	
 }
 ?>
\ No newline at end of file



More information about the Mapbender_commits mailing list