openlayers · eshon · Mar 11, 2015 · Mar 11, 2015 · Mar 11, 2015 · Mar 18, 2015
diff --git a/gruntfile.js b/gruntfile.js
@@ -141,7 +141,9 @@ module.exports = function(grunt) {
       options: {
         layoutdir: 'src/layouts',
         assets: assets,
-        latest: latest
+        latest: latest,
+        data: 'src/ol3pickr/ol3pickr.json',
+        helpers: ['src/helpers/helper-*.js']
       },
       pages: {
         files: [{

diff --git a/src/helpers/helper-ol3pickr.js b/src/helpers/helper-ol3pickr.js
@@ -0,0 +1,83 @@
+module.exports.register = function (Handlebars, options)  {
+
+  var ol3model = { 'symbols': [], 'defines': [] };
+  var duplicateBaseClasses = {};
+
+  var savePropsAndMethods = function(str) {
+    var length = str.length, foundFirst = false, namespace, method, obj = null;
+
+    for (var i=0; i<length; i++) {
+      if (str[i] == '.') {
+        if (!foundFirst) { // found 1st .
+          foundFirst = true;
+        } else {
+          namespace = str.slice(0, i);
+          method = str.slice(i+1);
+          var hash = method.indexOf('#');
+          if (hash > -1) {
+            obj = method.slice(0, hash);
+            method = method.slice(hash+1);
+          }
+
+          var ns = ol3model.symbols[namespace];
+          if (!ns) {
+            ol3model.symbols[namespace] = {};
+            ns = ol3model.symbols[namespace];
+          }
+          if (obj) {
+            if (obj in ns) {
+              ns[obj].push(method);
+              duplicateBaseClasses[namespace+'.'+obj] = true; // duplicate
+            } else {
+              ns[obj] = [];
+              duplicateBaseClasses[namespace+'.'+obj] = false;
+            }
+          } else {
+            if (!ns['methods']) {
+              ol3model.symbols[namespace]['methods'] = [];
+            }
+            ns['methods'].push(method);
+          }
+          return;
+        }
+      }
+    }
+    return;
+  };
+
+  var removeDuplicates = function(symbols) {
+    var uniqueSymbols = symbols;
+    for (var key in uniqueSymbols) {
+      for (var baseClass in uniqueSymbols[key]) {
+        for (var methodIndex in uniqueSymbols[key]['methods']) {
+          if (baseClass === uniqueSymbols[key]['methods'][methodIndex]) {
+            uniqueSymbols[key]['methods'].splice(methodIndex,1);
+          }
+        }
+      }
+    }
+    return uniqueSymbols;
+  };
+
+  // Block Helper to categorize symbols and defines by namespace
+  Handlebars.registerHelper("filterNamespace", function(arr, options) {
+    if (arr && arr.length > 0) {
+      var buffer = "", items = {};
+      for (var i = 0; i < arr.length; i++) {
+        savePropsAndMethods(arr[i].name);
+      }
+      // remove duplicates
+      ol3model.symbols = removeDuplicates(ol3model.symbols);
+      // process the inside of the block
+      buffer += options.fn(ol3model.symbols);
+
+
+      // return the finished buffer
+      return buffer;
+    }
+    else {
+      return options.elseFn();
+    }
+  });
+
+};
diff --git a/src/layouts/ol3pickr.hbs b/src/layouts/ol3pickr.hbs
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>OpenLayers 3 - {{ title }}</title>
+    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
+    <link href='http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700' rel='stylesheet' type='text/css'>
+    <link href='{{ assets }}/theme/site.css' rel='stylesheet' type='text/css'>
+    <link href='{{ assets }}/theme/ol3pickr.css' rel='stylesheet' type='text/css'>
+    {{#each head}}
+      {{{ this }}}
+    {{/each}}
+  </head>
+  <body>
+    <header class='navbar navbar-fixed-top' role='navigation'>
+      <div class='container'>
+
+        <!-- button that shows up below 768px width -->
+        <button type='button' class='navbar-toggle' data-toggle='collapse' data-target='.navbar-responsive-collapse'>
+          <span class='icon-bar'></span>
+          <span class='icon-bar'></span>
+          <span class='icon-bar'></span>
+        </button>
+
+        <a href='/' class='navbar-brand'><img src='{{ assets }}/theme/img/logo.png'>&nbsp;OpenLayers 3</a>
+
+        <!-- menu items that get hidden below 768px width -->
+        <nav class='collapse navbar-collapse navbar-responsive-collapse'>
+          <ul class='nav navbar-nav pull-right'>
+            <li><a href='/en/{{ latest }}/doc'>Learn</a></li>
+            <li><a href='/en/{{ latest }}/examples'>Examples</a></li>
+            <li><a href='/en/{{ latest }}/apidoc'>API</a></li>
+            <li><a href='https://github.com/openlayers/ol3'>Code</a></li>
+          </ul>
+        </nav>
+      </div>
+    </header>
+    {{> body }}
+    <footer>
+      Code licensed under the <a href='http://www.tldrlegal.com/license/bsd-2-clause-license-(freebsd)'>2-Clause BSD</a>.  All documentation <a href='http://creativecommons.org/licenses/by/3.0/'>CC BY 3.0</a>. Thanks to our <a href='/sponsors.html'>sponsors</a>.
+    </footer>
+    <script src='{{ assets }}/js/main.js'></script>
+    <script>
+      $(document).ready(function () {
+        $('[data-toggle="popover"]').popover({
+          trigger: "click",
+          placement: "right",
+          animation: "true"
+        });
+
+        $('label.tree-toggler').click(function (e) {
+          e.preventDefault();
+          $(this).toggleClass('toggleIcon');
+          $(this).parent().children('ul.tree').toggle(300);
+        });
+        $('label.tree-toggler').trigger('click');
+
+        $('input[type="checkbox"]').on('click', function (e) {
+          if ($(this).is(':checked')) {
+            $(this).parent().find('input[type="checkbox"]').prop("checked", true);
+          } else {
+            $(this).parent().find('input[type="checkbox"]').prop("checked", false);
+          }
+        });
+        var symbolsToggled = true, definesToggled = true, definesDefaultToggled = true;
+        $('#btn-toggleSymbols').on('click', function () {
+          $('#symbols').find('input[type="checkbox"]').prop("checked", symbolsToggled);
+          symbolsToggled = !symbolsToggled;
+        });
+        $('#btn-toggleDefines').on('click', function () {
+          $('#defines').find('input[type="checkbox"]').prop("checked", definesToggled);
+          definesToggled = !definesToggled;
+        });
+        $('#btn-toggleDefault').on('click', function () {
+          if (!definesToggled) {
+            $('#btn-toggleDefines').trigger('click'); // clear if toggleAll'd
+            definesDefaultToggled = true;
+          }
+          $('#defines').find('input[default="true"]').prop("checked", definesDefaultToggled);
+          definesDefaultToggled = !definesDefaultToggled;
+        });
+        $('#btn-toggleDefault').trigger('click');
+
+        $('#btn-compile').on('click', function() {
+          //console.log($('form#compile'));
+          alert("Let's get this working, ok?")
+        });
+      });
+  </script>
+  </body>
+</html>
+