From: cajus <cajus@594d385d-05f5-0310-b6e9-bd551577e9d8>
Date: Sun, 7 Mar 2010 17:04:08 +0000 (+0000)
Subject: Updated filter menu work
X-Git-Url: https://git.tokkee.org/?a=commitdiff_plain;h=7fe8e1a3bb44c41e9c4fbca49b81aa11f43ce5c7;p=gosa.git

Updated filter menu work


git-svn-id: https://oss.gonicus.de/repositories/gosa/trunk@16318 594d385d-05f5-0310-b6e9-bd551577e9d8
---

diff --git a/gosa-core/html/themes/modern/style.css b/gosa-core/html/themes/modern/style.css
index 5adbf65ca..d15b9868e 100644
--- a/gosa-core/html/themes/modern/style.css
+++ b/gosa-core/html/themes/modern/style.css
@@ -211,11 +211,11 @@ div.plugin-area {
   position:relative;
   border:1px solid #CCC;
   border-radius:5px;
-  box-shadow: 0 1px 0 rgba(0,0,0,0.2);
+  box-shadow: 0 1px 0 rgba(0,0,0,0.1);
   -webkit-border-radius:5px;
-  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
+  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
   -moz-border-radius:5px;
-  -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
+  -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.1);
 }
 
 .plugin-actions {
@@ -296,12 +296,12 @@ div.menu div {
   border-bottom:1px solid #C2C2C2;
   border-bottom-left-radius:5px;
   border-bottom-right-radius:5px;
-  box-shadow: 0 1px 0 rgba(0,0,0,0.2);
+  box-shadow: 0 1px 0 rgba(0,0,0,0.1);
   -webkit-border-bottom-left-radius:5px;
   -webkit-border-bottom-right-radius:5px;
-  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
+  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
   -moz-border-radius:5px;
-  -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.2);
+  -moz-box-shadow: 0 1px 0px rgba(0,0,0,0.1);
 }
 
 div.menu ul {
@@ -395,15 +395,15 @@ button:focus, .button:active {
   border-top-right-radius:5px;
   border-bottom-right-radius:5px;
   border-bottom-left-radius:5px;
-  box-shadow: 0 1px 0 rgba(0,0,0,0.2);
+  box-shadow: 0 1px 0 rgba(0,0,0,0.1);
   -webkit-border-top-right-radius:5px;
   -webkit-border-bottom-right-radius:5px;
   -webkit-border-bottom-left-radius:5px;
-  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
+  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
   -moz-border-radius-topright:5px;
   -moz-border-radius-bottomright:5px;
   -moz-border-radius-bottomleft:5px;
-  -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
+  -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
 }
 
 .tabs ul {
@@ -524,9 +524,9 @@ div.datepicker {
   background:#FFF;
   font-size:10px;
   padding:0;
-  box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
-  -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
-  -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
+  box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
+  -webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
+  -moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.1);
 }
 
 div.datepicker-calendar table {
@@ -1152,9 +1152,9 @@ left:0;
 visibility:hidden;                       
 border:1px #CCC solid;            
 background:#FFF;                         
-box-shadow: 2px 2px 0 rgba(0,0,0,0.2);
--webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.2);
--moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.2);
+box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
+-webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
+-moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.1);
 }                                        
 
 #pulldown ul.level2 li,#pulldown ul.level3 li {
@@ -1180,6 +1180,7 @@ background-image:none;
 
 div.search-filter {
   border:1px solid #CCC;
+  border-left:0;
   background-color:white;
   text-align:middle;
   padding:0;
@@ -1200,3 +1201,101 @@ button.search-filter {
 }
 
 
+/* Filter menu */
+
+table.filter-wrapper {
+  border-collapse:collapse;
+  padding:0;
+  margin:0;
+}
+
+table.filter-wrapper tr, table.filter-wrapper td{
+  padding:0;
+  margin:0;
+}
+
+#filtermenu {
+border:1px solid #CCC;
+border-right:0;
+display:inline-block;
+background-color:#EEE;
+height:23px;    
+background:-webkit-gradient(linear, 0 0, 0 100%, from(#F8F8F8), to(#EEE));
+background:-moz-linear-gradient(top, #F8F8F8, #EEE);
+}                             
+
+#filtermenu ul {
+display:block;
+margin:0;     
+padding:0;    
+line-height:1em;
+list-style:none;
+z-index:90;     
+}               
+
+#filtermenu ul li {
+float:left;      
+margin:0 3px 0 0;
+padding:0;       
+font-size:12px;  
+line-height:1 5em;
+list-style-type:none;
+}                    
+
+#filtermenu ul li a {
+float:left;        
+display:block;     
+/*width:auto;        */
+font-weight:normal;
+background:transparent;
+text-decoration:none;  
+margin:0;              
+padding:5px;           
+}                      
+
+#filtermenu ul li a:hover {
+text-decoration:none;    
+}                        
+
+#filtermenu ul li.sep {
+color:#AAA;          
+padding:.8em 0 .5em; 
+}                    
+
+/* Commented Backslash Hack hides rule from IE5-Mac \*/
+#filtermenu ul li a {                                    
+float:none;                                            
+}                                                      
+
+/* End IE5-Mac hack */
+#filtermenu ul.level2 {
+position:absolute;                       
+top:0;                                   
+left:0;                                  
+visibility:hidden;                       
+border:1px #CCC solid;            
+background:#FFF;                         
+box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
+-webkit-box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
+-moz-box-shadow: 2px 2px 0px rgba(0,0,0,0.1);
+}                                        
+
+#filtermenu ul.level2 li{
+border-bottom:1px solid #fff;                  
+float:none;                                    
+margin:0;                                      
+padding:0;                                     
+width:200px;                                   
+}                                              
+
+#filtermenu ul.level2 li a {
+padding:5px 9px 5px 5px;                           
+}                                                  
+
+#filtermenu ul.level2 li a:hover {
+font-weight:normal;                                            
+background-color:#418DD4;                                      
+background-image:none;                                         
+}                       
+
+
diff --git a/gosa-core/include/class_filter.inc b/gosa-core/include/class_filter.inc
index e759cb976..3db6b5a4b 100644
--- a/gosa-core/include/class_filter.inc
+++ b/gosa-core/include/class_filter.inc
@@ -218,9 +218,9 @@ class filter {
 
   function render()
   {
-    $searchMenu= "MENU^";
-    $content= "<div class='search-filter'>$searchMenu<input type='text' name='search_filter' value='".$this->value."'></div>".
-              "&nbsp;<button class='search-filter' type='submit' title='"._("Search")."'>".image("images/find.png")."</button>";
+    $content= "<table class='filter-wrapper'><tr><td>".$this->renderFilterMenu()."</td><td>";
+    $content.= "<div class='search-filter'><input type='text' name='search_filter' value='".$this->value."'></div>".
+              "&nbsp;<button class='search-filter' type='submit' title='"._("Search")."'>".image("images/find.png")."</button></td></tr></table>";
 
     // Return meta data
     return ("<input type='hidden' name='FILTER_PID' value='".$this->pid."'>".$content);
@@ -386,6 +386,26 @@ class filter {
 
     return $base;
   }
+
+
+
+  function renderFilterMenu()
+  {
+    // Load shortcut
+    $result= "<input type='hidden' name='act' id='filter' value=''><div style='display:none'><input type='submit' name='exec_filter' id='exec_filter' value=''></div>".
+             "<ul class='level1' id='filter-root'><li><a href='#'>".image("images/filter.png")._("...")."&nbsp;".image("images/lists/sort-down.png")."</a>";
+
+    // Build ul/li list
+    $result.= "<ul class='level2'>";
+    $result.= "<li><a href='#'>Dummy placeholder</a></li>";
+    #$result.= "<li$separator><a href='#' onClick='document.getElementById(\"actionmenu\").value= \"".$action['name']."\";mainform.submit();'>$img"._($action['label'])."</a></li>";
+    $result.= "</ul>";
+
+    $script= '<script type="text/javascript" language="JavaScript">var menu2; menu2= new Menu("filter-root", "menu2", configMenu)</script>';
+
+    return "<div id='filtermenu'>".$result."</li></ul><div>$script";
+  }
+
 }