# zabbix 2.0.6 frontend
# create group of groups , screens, maps
# tested on chrome
# g.toumi@gmail.com 2014-01-03
#

diff -Nur zabbix-2.0.8.grp/include/page_header.php zabbix/include/page_header.php
--- zabbix-2.0.8.grp/include/page_header.php	2013-08-21 15:59:24.000000000 +0200
+++ zabbix/include/page_header.php	2013-11-14 12:16:23.641496556 +0100
@@ -182,6 +182,7 @@
 	<link rel="stylesheet" type="text/css" href="styles/ie.css" />
 <![endif]-->
 <script type="text/javascript" src="js/browsers.js"></script>
+<script type="text/javascript" src="js/groupgroups.js"></script>
 <script type="text/javascript">var PHP_TZ_OFFSET = <?php echo date('Z'); ?>;</script>
 <?php
 	// show GUI messages in pages with menus and in fullscreen mode
diff -Nur zabbix-2.0.8.grp/js/groupgroups.js zabbix/js/groupgroups.js
--- zabbix-2.0.8.grp/js/groupgroups.js	1970-01-01 01:00:00.000000000 +0100
+++ zabbix/js/groupgroups.js	2014-01-03 12:16:49.984426186 +0100
@@ -0,0 +1,106 @@
+/*
+ * adds cosmetic grouping for groups, maps, screens
+ * 2013-12-01 g.toumi 
+ */
+
+window.addEventListener("DOMContentLoaded", function() {
+//window.addEventListener("load", function() {
+    
+  function getPrefix(str) {
+      // change pattern to match your separators
+      return str.split(/[\s_-]/)[0];
+  }
+  
+  // populates an empty supergroup 'select' element
+  // with options taken from groupSelect 'select element'
+  function fillSuperGroup(superGroup, groupSelect) {
+      var  i, longOption, prefix, option,
+          length = groupSelect.options.length,
+          uniq = {};
+      //console.debug("num options : " + length);
+      function addPrefix(prefix) {
+          if (uniq.hasOwnProperty(prefix)) {
+              return;
+          }
+          uniq[prefix] = true;
+          option = document.createElement('option');
+          option.appendChild(document.createTextNode(prefix));
+          superGroup.appendChild(option);
+          //console.debug("added prefix : " + prefix);
+      }
+      addPrefix ('all');
+      for (i = 0; i < length; i += 1) {
+          longOption = groupSelect.options[i].innerHTML;
+          prefix = getPrefix(longOption);
+          //console.debug("found prefix" + prefix + ", option " + longOption);
+          addPrefix (prefix);
+      }
+  }
+  
+  // preselect option by text 
+  function preSelect(select,str) {
+      for(var i=0; i<select.length;i++) {
+          if(select.options[i].text===str) { 
+              select.options[i].selected=true;
+              break;
+          }
+      }
+  }
+  
+  // creates the superGroup
+  function addSuperGroup(id) {
+      var oldOption, grpSelect = document.getElementById(id);
+      if (!(grpSelect && grpSelect.type === 'select-one'))  {
+          return; // not an existing dropdown select
+      }
+  
+      //console.debug ('found groupid ' + id);
+   
+      oldSelected=grpSelect.options[grpSelect.selectedIndex].text;
+
+      // hold a copy of the original select
+      var tmpGroup = document.createElement("select");
+      tmpGroup.style.display = "none";
+      
+      tmpGroup.innerHTML = grpSelect.innerHTML;
+      
+      var superGroup = document.createElement("select");
+      superGroup.className = "input select";
+      superGroup.id = "superGroup";
+      fillSuperGroup(superGroup, grpSelect);
+      
+   
+      //http://stackoverflow.com/questions/647282
+      grpSelect.onfocus = function() {
+          this.selectedIndex = -1;
+          //this.blur(); // FF :nok
+      };
+      superGroup.onchange = function() {
+          var i, filter = this.value;
+          if (filter === "all") {
+              filter = "";
+          }
+          grpSelect.innerHTML = "";
+          for (i = 0; i < tmpGroup.options.length; i +=1) {
+              if(tmpGroup.options[i].innerHTML.lastIndexOf(filter, 0) === 0) {
+                  grpSelect.appendChild(tmpGroup.options[i].cloneNode(true));
+              }
+          }
+          //refreshes selection if needed
+          //Comment out to avoid reload/filtering  after supergroup filtering
+          if (grpSelect.options[grpSelect.selectedIndex].text != oldSelected) grpSelect.onchange(); 
+      };
+      
+      // use selected value to initialize
+      preSelect(superGroup, getPrefix(grpSelect.options[grpSelect.selectedIndex].text));
+      superGroup.onchange() //manuel trigger
+
+      // puts superGroup just before the group select
+      var form = grpSelect.parentNode;
+      form.insertBefore(superGroup, grpSelect);
+      form.appendChild(tmpGroup);
+  }
+
+  ['sysmapid','elementid','twb_groupid','groupid'].forEach(addSuperGroup)
+
+},false);