FSN#35422 Zoeken in menuopties

svn path=/Website/trunk/; revision=28272

APPL/FAC/Facilitor.asp

@@ -294,15 +294,25 @@ function menu(evt, item, regel, menu_key)  // E
       return this.each(function() {
 
         var menu = this;
+        var lastActive = null;
         $(textbox).bind('change keyup', function() {
+          if (!lastActive)
+            lastActive = $("#menutabs").find("div.ui-tabs-panel:visible").attr("id");
           $(menu).find("li.mk,li.mklogo").show(); // Alle koppen zichtbaar
           $(menu).find("li.mk ul").show(); // Alle koppen open
+          $(menu).find("div.filtermenukop").show(); // En vervangen door eigen filterkoppen
+          $(menu).find("div.ui-tabs-panel").show(); // Alle panels tonen
 
           var search = $.trim($(this).val()).toLowerCase();
           if (!search)
           {
             $(menu).find("li.mk ul").hide(); // Alle koppen dicht
             $(menu).find("li.mi").show();
+            $(menu).find("div.filtermenukop").hide();
+            $(menu).find("div.ui-tabs-panel").hide(); // Alle panels verbergen
+            $("#" + lastActive).show() // maar de actieve weer terug
+            lastActive = null;
+
             return;
           }
 
@@ -332,9 +342,9 @@ if (S("PerformInterval")>0 && user.checkAutorisation("WEB_PERMON", true)) { %>
  <iframe id="bgPerformance"  src="../Fac/PerformanceTester.asp" style="display:none"><!--het frame voor performancemetingen--></iframe>
 <% }
     if (!noMenu) {
-    %><div id="menutabs" <%= S("menu_start_open")?"":" style='display:none'" %>><input id='menufilter' type='text'><%
-            generateMenu(1);
-    %></div>
+    %><div id="menutabs" <%= S("menu_start_open")?"":" style='display:none'" %>>
+        <%  generateMenu(1); %>
+    </div>
       <div id="menudivider" class='ui-layout-resizer <%= S("menu_start_open")?"":"dividerclosed" %>' onclick="toggleMenu(this);">
         <div id="menutoggler" class='toggler' title='<%=L("lcl_toggler")%>'></div>
       </div><%

APPL/FAC/fac_menu.inc

@@ -649,20 +649,30 @@ function generateMenu (pmode, groep) //groep alleen voor mode 3
             %><li><a href="#MgtFAC"><span class="menutab"><%=L("lcl_menu_config")%></span></a></li><%
           }
           %></ul>
+          <% // Als er ergens iets is dichtgeklapt dan wordt het tijd voor een zoekveld
+             if (menuitems[0].Koppen.length > S("menu_collapse_threshold") ||
+                 menuitems[1].Koppen.length > S("menu_collapse_threshold") ||
+                 menuitems[2].Koppen.length > S("menu_collapse_threshold") )
+             { %>
+            <input id='menufilter' type='text'>
+          <% } %>
             <div class="ui-layout-content">
             <%
           if (menuitems[0].Koppen.length > 0) {
             %><div id="PersFAC" class="ui-tabs-panel ui-tabs-hide"><%
+                Response.Write("<div class='filtermenukop'>" + L("lcl_menu_pers") + "</div>");
                 CreateMenuGroep(menuitems[0].Koppen);
             %></div><%
           }
           if (menuitems[1].Koppen.length > 0) {
             %><div id="ProfFAC" class="ui-tabs-panel"><%
+                Response.Write("<div class='filtermenukop'>" + L("lcl_menu_prof") + "</div>");
                 CreateMenuGroep(menuitems[1].Koppen);
             %></div><%
           }
           if (menuitems[2].Koppen.length > 0) {
             %><div id="MgtFAC" class="ui-tabs-panel ui-tabs-hide"><%
+                Response.Write("<div class='filtermenukop'>" + L("lcl_menu_config") + "</div>");
                 CreateMenuGroep(menuitems[2].Koppen);
             %></div>
           <% } %>

APPL/Shared/default.csx

@@ -594,13 +594,19 @@ div.widget {
    box-shadow: 2px 2px 5px rgba(0,0,0, 0.5);
 }
 
-#menufilter {
+input#menufilter {
     width: 246px;
     margin-bottom: 2px;
+    margin-top: 2px;
     border-radius: 8px;
     opacity: 0.8;
     filter: alpha(opacity=80); /* For IE8 and earlier */
 }
+div.filtermenukop {
+     display: none;
+     border: 1px solid red;
+     text-align:center;
+}
 
 /* oude jQuery ui corretie tbv tab menu */
 .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {background:#e6e6e6 url(../appl/localscripts/theme/images/ui-bg_flat_75_e6e6e6_40x100.png) 50% 50% repeat-x;}