j1-template 2020.0.2 → 2020.0.7

data/assets/data/{sidebar.html → mmenu_sidebar.html}

@@ -6,8 +6,8 @@ regenerate:                             true
 
 {% comment %}
  # -----------------------------------------------------------------------------
- # ~/assets/data/sidebar.html
- # Liquid PROCEDURE template to create the HTML portion of the sidebar
+ # ~/assets/data/mmenu_sidebar.html
+ # Liquid PROCEDURE template to create the HTML portion of the MMenu Sidebar
  # NOTE: Loaded dynamically by J1 NAV Manager module (AJAX)
  #
  # Product/Info:
@@ -40,12 +40,12 @@ regenerate:                             true
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign nav_sidebar_defaults        = navigator_defaults.nav_sidebar %}
-{% assign nav_sidebar_settings        = navigator_settings.nav_sidebar %}
+{% assign nav_mmenu_defaults          = navigator_defaults.nav_mmenu %}
+{% assign nav_mmenu_settings          = navigator_settings.nav_mmenu %}
 
 {% comment %} Set config options
 ------------------------------------------------------------------------------ {% endcomment %}
-{% assign sidebar_options             = nav_sidebar_defaults | merge: nav_sidebar_settings %}
+{% assign nav_mmenu_options           = nav_mmenu_defaults | merge: nav_mmenu_settings %}
 
 {% comment %} Set sidebar properties
 ------------------------------------------------------------------------------ {% endcomment %}
@@ -62,6 +62,13 @@ regenerate:                             true
 {% comment %} Main
 ------------------------------------------------------------------------------ {% endcomment %}
 
+{% for item in nav_mmenu_options.menus %}
+{% if item.menu.xhr_container_id == "navigator_sidebar_mmenu" %}
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [ collect data for mmenu sitebar ] -->
+{% assign sidebar_options = item.menu.content %}
+{% endif %}
+{% endfor %}
+
 {% if sidebar_options.icon_family == 'FontAwesome' or sidebar_options.icon_family == 'FontAwesome4' or sidebar_options.icon_family == 'FontAwesome5' %}
   {% assign icon_family = 'fa' %}
 {% elsif sidebar_options.icon_family == 'MDI' or sidebar_options.icon_family == 'Material Design Icons'%}
@@ -80,9 +87,9 @@ regenerate:                             true
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 
-<!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [Start processing: sidebar] -->
-  <a href="#" class="close-side"><i class="{{icon_family}} {{icon_family}}-{{close_icon}} mdi-48px" {{icon_color}}></i></a>
-
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [Start processing: sidebar] -->
+<!-- use BS4 class d-block to make sure, the sidebar is VISIBLE on ALL @media -->
+<div id="sidebar_mmenu" class="mm-side" style="display:none">
 {% for boxes in sidebar_options.boxes %}
   {% for box in boxes %}
 
@@ -102,8 +109,8 @@ regenerate:                             true
         {% comment %} Collect USER info
         ---------------------------------------------------------------------- {% endcomment %}
         {% when 'user_info' %}
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [USER info enabled] -->
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [Write widged placeholder: USER info] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [USER info enabled] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [Write widged placeholder: USER info] -->
           <div id="user-info" class="widget">
             <h4 class="heading">{{title}}</h4>
             <ul id="display_user_details" class="link">
@@ -153,8 +160,8 @@ regenerate:                             true
         {% comment %} Collect THEME info
         ---------------------------------------------------------------------- {% endcomment %}
         {% when 'theme_info' %}
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [THEME info detected] -->
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [Write widged placeholder: USER info] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [THEME info detected] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [Write widged placeholder: USER info] -->
           <div id="theme-info" class="widget">
             <h4 class="heading">{{title}}</h4>
             <ul class="link">
@@ -189,7 +196,7 @@ regenerate:                             true
             {% endfor %}
             </ul>
           </div>
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [End processing: THEME info] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [End processing: THEME info] -->
 
         {% comment %} END Collect THEME info
         ---------------------------------------------------------------------- {% endcomment %}
@@ -205,7 +212,7 @@ regenerate:                             true
         {% comment %} Collect SITE info
         ---------------------------------------------------------------------- {% endcomment %}
         {% when 'site_info' %}
-          <!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [Start processing SITE info] -->
+          <!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [Start processing SITE info] -->
 
           <div id="site-info" class="widget">
             <h4 class="heading">{{title}}</h4>
@@ -251,11 +258,10 @@ regenerate:                             true
 
   {% endfor %}
 {% endfor %}
-<!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [End processing sidebar boxes] -->
-<!-- [INFO   ] [j1.modules.navigator.sidebar.proc     ] [End processing: sidebar] -->
-
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [End processing sidebar boxes] -->
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_sidebar.html ] [End processing: sidebar] -->
+</div>
 {% endcapture %}
 
 {{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
 {% assign cache = nil %}
-

data/assets/data/mmenu_toc.html

@@ -0,0 +1,45 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/mmenu_toc.html
+ # Liquid PROCEDURE template to create the HTML portion of the MMenu TocBar
+ # NOTE: Loaded dynamically by J1 MMenu module (AJAX)
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #   liquid_var: {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_toc.html ] [Start processing: toc] -->
+<div id="toc_mmenu" class="mm-side" style="display:none">
+  <div class="widget">
+    <h4 class="heading">Table of Contents</h4>
+  </div>
+  <!-- use BS4 class d-block to make sure, the sidebar is VISIBLE on ALL @media -->
+  <!-- use class sticky for BS4 as a replacement for former BS3 ScrollSpy -->
+  <div class="d-block sticky">
+    <div id="sidebar">
+      <div id="j1-toc-mgr" class="toc js-toc"></div>
+    </div>
+  </div>
+</div>
+<!-- [INFO   ] [ j1.modules.navigator.mmenu_toc.html ] [End processing: toc] -->
+{% endcapture %}
+
+{{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
+{% assign cache = nil %}

data/assets/data/quicklinks.html

@@ -94,6 +94,8 @@ regenerate:                             true
 
 {% assign r_text_icon             = quicklinks_options.r_text_icon %}
 
+{% assign toc_icon                = quicklinks_options.toc_icon %}
+
 {% assign back_icon               = quicklinks_options.back_icon %}
 {% assign back_url                = quicklinks_options.back_url %}
 
@@ -152,6 +154,8 @@ regenerate:                             true
   {% assign show_sidebar_icon = false %}
 {% endif %}
 
+{% assign show_sidebar_icon = false %}
+
 {% comment %} Show|Hide RSizer icon
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if quicklinks_options.r_text_sizer %}
@@ -203,8 +207,9 @@ regenerate:                             true
 <!-- [INFO   ] [j1.modules.navigator.quicklinks.html  ] [Show ControlCenter icon detected as: {{ show_control_center_icon }}] -->
 <!-- [INFO   ] [j1.modules.navigator.quicklinks.html  ] [Set icon familiy as: {{ icon_family }}] -->
 <!-- [INFO   ] [j1.modules.navigator.quicklinks.html  ] [Set icon size as: {{ icon_size }}] -->
+
 <ul class="navbar-nav">
-  {% if back_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="home_id" class="nav-icon" href="{{back_url}}"><i class="{{icon_family}} {{icon_family}}-{{back_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if back_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="page_back_id" class="nav-icon" href="{{back_url}}"><i class="{{icon_family}} {{icon_family}}-{{back_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if home_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="home_id" class="nav-icon" href="{{home_url}}"><i class="{{icon_family}} {{icon_family}}-{{home_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if disqus_url != "none" %}<li id="quickLinksDisqusButton" class="nav-item"><a id="disqus_id" class="nav-icon" href="{{disqus_url}}" target="blank"><i class="{{icon_family}} {{icon_family}}-{{disqus_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if github_url != "none" %}<li id="quickLinksGithubButton" class="nav-item"><a id="github_id" class="nav-icon" href="{{github_url}}" target="blank"><i class="{{icon_family}} {{icon_family}}-{{github_icon}} {{icon_size}}"></i></a></li>{% endif %}
@@ -214,12 +219,12 @@ regenerate:                             true
   {% if show_auth_manager_icon %}<li id="quickLinksSignInOutButton" class="nav-item" style="display: none;"><a class="nav-icon" id="navLinkSignInOut" href="#" data-toggle="modal" data-target="#{{signin_modal_id}}"><i id="iconSignInOut" class="{{icon_family}} {{icon_family}}-{{signin_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_cookie_consent_icon %}<li id="quickLinksCookieButton" class="nav-item" style="display: none;"><a id="cookie-state" class="nav-icon" href="#" data-toggle="modal" data-target="#cookieRevokeCentralDanger"><i class="{{icon_family}} {{icon_family}}-{{cookies_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_translator_icon %}<li id="quickLinksLanguageButton" class="nav-item translator"><a class="nav-icon" href="#"><i class="{{icon_family}} {{icon_family}}-{{translator_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if show_quick_search_icon %}<li id="quickLinksSearchButton" class="nav-item search"><a class="nav-icon" href="#"><i class="{{icon_family}} {{icon_family}}-{{search_icon}} {{icon_size}}"></i></a></li>{% endif %}  
+  {% if show_quick_search_icon %}<li id="quickLinksSearchButton" class="nav-item search"><a class="nav-icon" href="#"><i class="{{icon_family}} {{icon_family}}-{{search_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_control_center_icon %}<li id="quickLinksControlCenterButton" class="nav-item control-center" style="display: block;"><a class="nav-icon" href="{{control_center_url}}"><i class="{{icon_family}} {{icon_family}}-{{control_center_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_r_text_icon %}<li id="quickLinksRTextButton" class="nav-item control-center" style="display: block;"><a class="nav-icon" href="#" data-toggle="modal" data-target="#fluidModalRTextResizer"><i class="{{icon_family}} {{icon_family}}-{{r_text_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if show_sidebar_icon %}<li id="quickLinksSideBarButton" class="nav-item side-menu"><a class="nav-icon" href="#"><i class="{{icon_family}} {{icon_family}}-{{sidebar_icon}} {{icon_size}}"></i></a></li>{% endif %}
 </ul>
 
+mdi-menu
 {% endcapture %}
 {{ cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines }}
-{% assign cache = nil %}
+{% assign cache = nil %}

data/assets/data/ssm.html

@@ -0,0 +1,227 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/ssm.html
+ # Liquid procedure to generate HTML portion for the Sticky Side Menu
+ # container
+ #
+ # NOTE: Loaded dynamically by J1 NAV Manager module (AJAX)
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #    {{variable | debug}}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures (unused)
+--------------------------------------------------------------------------------
+{% capture select_color     %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
+{% capture select_icon_size %}themes/{{site.template.name}}/procedures/global/select_icon_size.proc{% endcapture %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Liquid var initialization
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign site_config     = site %}
+{% assign template_config = site.data.template_settings %}
+{% assign modules         = site.data.modules %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ssm_settings    = modules.ssm.settings %}
+{% assign ssm_defaults    = modules.defaults.ssm.defaults %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ssm_options     = ssm_defaults | merge: ssm_settings %}
+{% assign ssm_menu_config = ssm_options.items %}
+
+{% comment %} Set permalink setting
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ext = '' %}
+{% if site.permalink == 'none' %}
+  {% assign ext = '.html' %}
+{% endif %}
+
+{% comment %} Set base icons and sizes
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign ssm_menu_icon_family         = ssm_options.icon_family %}
+{% assign ssm_menu_icon_style          = ssm_options.icon_style %}
+{% assign ssm_menu_icon_color          = ssm_options.icon_color %}
+{% assign ssm_menu_icon_size           = ssm_options.icon_size %}
+
+{% assign icon_family = ssm_menu_icon_family | strip | downcase %}
+
+{% if icon_family == 'fontawesome' or icon_family == 'fontawesome5' %}
+  {% assign ssm_menu_icon_family  = 'fa' %}
+  {% assign ssm_menu_icon_style   = ssm_menu_icon_style %}
+{% elsif icon_family == 'mdi' %}
+  {% assign ssm_menu_icon_family  = 'mdi' %}
+  {% assign ssm_menu_icon_style   = ssm_menu_icon_style %}
+{% else %}
+  {% assign ssm_menu_icon_family  = 'mdi' %}
+  {% assign ssm_menu_icon_style   = ssm_menu_icon_style %}
+{% endif %}
+
+{% comment %} unused
+--------------------------------------------------------------------------------
+{% include {{select_color}} color=ssm_menu_icon_color fallback="#9E9E9E" %}
+{% assign ssm_menu_icon_color = color %}
+
+{% include {{select_icon_size}} family=ssm_menu_icon_family size=ssm_menu_icon_size %}
+{% assign ssm_menu_icon_size = size %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [DEBUG  ] [j1.modules.ssm_menu.html  ] [collect all menu items] -->
+  <ul class="ssm-light-hover">
+
+  {% for menu in ssm_menu_config %}
+
+    {% comment %} {{menu | debug}}
+    ---------------------------------------------------------------------------- {% endcomment %}
+
+    {% comment %} Identify the menu (item) type
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% if menu.sublevel %}
+      {% assign menu_type = 'sublevel_menu' %}
+    {% elsif menu.sublevel == null and menu.megamenu == null and menu.login_menu == null and menu.theme_select == null %}
+      {% assign menu_type = 'top_level_item' %}
+    {% endif %}
+
+    {% comment %} Process all menu sections
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% case menu_type %}
+
+    {% comment %} Collect items having a SUB menue
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% when 'sublevel_menu' %}
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [found menu-type: sub-menue] -->
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [submenu sublevel detected] -->
+      {% if menu.enabled %}
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [processing: sublevel] -->
+      <li class="ssm-share-btn ssm-btn">
+        {% if menu.icon == null %}
+          <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [no menu icon found] -->
+          <a href="#">{{menu.item}}>
+            <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-2"></i>
+            {{menu.item}}
+          </a>
+        {% else %}
+          <a href="#"> <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-2"></i>{{menu.item}}</a>
+        {% endif %}
+        <div class="ssm-sub-menu">
+          <ul>
+          {% for sublevel in menu.sublevel %}
+            {% if sublevel.event_handler == null %}
+              <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [no event_handler found, create simple URL ] -->
+              {% if sublevel.icon == null %}
+                <li id="{{sublevel.id}}" class="ssm-btn">
+                  <a href="{{sublevel.href}}{{ext}}">{{sublevel.title}}</a>
+                </li>
+              {% else %}
+                <li id="{{sublevel.id}}" class="ssm-btn">
+                  <a href="{{sublevel.href}}{{ext}}" target="{{sublevel.target}}">{{sublevel.title}}</a>
+                </li>
+              {% endif %}
+            {% else %}
+              <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [event_handler found, register click event ] -->
+              <li id="{{sublevel.id}}" class="ssm-btn">
+                <a href="{{sublevel.href}}{{ext}}" target="{{sublevel.target}}"
+                  onclick="{{sublevel.event_handler}}">
+                  <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{sublevel.icon}}  {{sublevel.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-2"></i>
+                  {{sublevel.title}}
+                </a>
+              </li>
+            {% endif %}
+          {% endfor %} <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [end processing: sublevel] -->
+          </ul>
+        </div>
+      </li>
+      {% else %}
+        <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [sublevel menu disabled: {{sublevel.id}}] -->
+      {% endif %}
+
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [reset menu_type for next loop] -->
+    {% assign menu_type = '' %}
+
+    {% comment %} Collect TOP-LEVEL items (NO sub-menu)
+    ---------------------------------------------------------------------------- {% endcomment %}
+    {% when 'top_level_item' %}
+
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [found menu-type: menu-top-level-only] -->
+      {% if menu.icon == null %}
+        <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [no icon for menu-item found -->
+        {% if menu.target == null %}
+          <li class="ssm-btn">
+            <a id="{{menu.id}}" href="{{menu.href}}{{ext}}">{{menu.item}}</a>
+          </li>
+        {% else %}
+          <li class="ssm-btn">
+            <a id="{{menu.id}}" href="{{menu.href}}{{ext}}" target="{{menu.target}}">{{menu.item}}</a>
+          </li>
+        {% endif %}
+      {% elsif menu.icon %}
+        <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [icon for menu-item found -->
+        {% if menu.href == null %}
+          {% if menu.enabled  %}
+          <li class="ssm-btn">
+            <!-- a href="{{menu.href}}{{ext}}" -->
+            <a id="{{menu.id}}">
+              <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}} ml-2 mr-2"></i>
+              {{menu.item}}
+            </a>
+          </li>
+          {% else %}
+            <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [menu item disabled: {{menu.id}}] -->
+          {% endif %}
+        {% else %}
+          {% if menu.enabled %}
+          <li class="ssm-btn">
+            <a id="{{menu.id}}" href="{{menu.href}}{{ext}}" target="{{menu.target}}">
+              <i class="{{ssm_menu_icon_family}} {{ssm_menu_icon_family}}-{{menu.icon}} {{menu.icon_classes}} {{ssm_menu_icon_color}} {{ssm_menu_icon_size}}  ml-2 mr-2"></i>
+              {{menu.item}}
+            </a>
+          </li>
+          {% else %}
+            <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [menu item disabled: {{menu.id}}] -->
+          {% endif %}
+        {% endif %}
+      {% else %}
+        <!-- [FATAL ] [ssm-top-level-only       ] [processing menu item failed] -->
+      {% endif %}
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [menu-top-level-only: end items] -->
+      <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [reset menu_type for next loop] -->
+      {% assign menu_type = '' %}
+
+      {% comment %} Collect items failed
+      -------------------------------------------------------------------------- {% endcomment %}
+      {% else %}
+        <!-- [FATAL  ] [j1.modules.ssm_menu.html  ] [detecting menu items|type failed] -->
+    {% assign menu_type = '' %}
+
+    {% endcase %}
+
+  {% endfor %}
+  <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [nav_menu_settings: end menu] -->
+  </ul>
+  <!-- [INFO   ] [j1.modules.ssm_menu.html  ] [nav_menu_settings: end ssc container] -->
+
+{% endcapture %}
+{{cache | pretty_print | remove:'<html><body>' | remove:'</body></html>' | strip_empty_lines}}
+{% assign cache = nil %}

data/assets/error_pages/HTTP204.html

@@ -1,10 +1,10 @@
 ---
 regenerate:                             false
-permalink:                              /533.html
+permalink:                              /204.html
 ---
 {% capture j1_cache %}
 
-{% comment %} 
+{% comment %}
  # -----------------------------------------------------------------------------
  # ~/assets/http_error_pages/HTTP204.html
  # Liquid TEMPLATE to generate customized HTML error pages: 204 - No Content
@@ -67,4 +67,4 @@ permalink:                              /533.html
 
 {% endcapture %}
 {{ j1_cache | strip_empty_lines }}
-{% assign j1_cache = nil %}
+{% assign j1_cache = nil %}

data/assets/themes/j1/adapter/js/algolia.js

@@ -0,0 +1,321 @@
+---
+regenerate:                             false
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/algolia.js
+ # Liquid template to adapt Algolia Core functions
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # https://community.algolia.com/instantsearch.js/v2/getting-started.html
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment       = site.environment %}
+{% assign template_version  = site.version %}
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign site_config       = site %}
+{% assign template_config   = site.data.template_settings %}
+{% assign blocks            = site.data.blocks %}
+{% assign modules           = site.data.modules %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign algolia_config    = site_config.algolia %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/algolia.js
+ # J1 Adapter for Algolia
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+'use strict';
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+j1.adapter['algolia'] = (function (j1, window) {
+
+  {% comment %} Set global variables
+  ------------------------------------------------------------------------------ {% endcomment %}
+  var environment   = '{{environment}}';
+  var moduleOptions = {};
+  var _this;
+  var logger;
+  var logText;
+
+  // ---------------------------------------------------------------------------
+  // Helper functions
+  // ---------------------------------------------------------------------------
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // Initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+      // initialize state flag
+      j1.adapter.algolia.state = 'pending';
+
+      // -----------------------------------------------------------------------
+      // Default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.algolia',
+        generated:   '{{site.time}}'
+      }, options);
+
+      {% comment %} Set global variables
+      -------------------------------------------------------------------------- {% endcomment %}
+      _this   = j1.adapter.algolia;
+      logger  = log4javascript.getLogger('j1.adapter.algolia');
+
+      _this.setState('started');
+      logger.info('state: ' + _this.getState());
+      logger.info('module is being initialized');
+
+      {% comment %} Load module config from yml data
+      -------------------------------------------------------------------------- {% endcomment %}
+      // Load  module DEFAULTS|CONFIG
+      moduleOptions = $.extend({}, {{algolia_config | replace: '=>', ':' | replace: 'nil', '""'}});
+
+      if (typeof settings !== 'undefined') {
+        moduleOptions = j1.mergeData(moduleOptions, settings);
+      }
+
+      var search = instantsearch({
+        appId:      moduleOptions.application_id,
+        apiKey:     moduleOptions.search_only_api_key,
+        indexName:  moduleOptions.index_name,
+        routing:    true
+      });
+
+      var hitTemplate = function(hit) {
+        // state = 'start search';
+        // logger.info('state: ' + state);
+        // var re = new RegExp("^\/posts");
+        // var re = new RegExp("^\/pages");
+        var re = new RegExp("^\/pages|^\/posts|^\/collections");
+        if (re.test(hit.url)) {
+          let date = '';
+          if (hit.date) {
+            date = moment.unix(hit.date).format('MMM D, YYYY');
+          }
+          // let url = `/jekyll-algolia-example${hit.url}#${hit.anchor}`;
+          let url = `${hit.url}`;
+
+          const title = hit._highlightResult.title.value;
+          let breadcrumbs = '';
+
+          if (hit._highlightResult.headings) {
+            breadcrumbs = hit._highlightResult.headings.map(match => {
+              return `<span class="post-breadcrumb">${match.value}</span>`
+            }).join(' > ')
+          }
+
+          var content = hit._highlightResult.html.value;
+
+          return `
+            <li class="search-result-item">
+              <div class="card card-flat">
+                <div class="card-body">
+                  <span class="post-meta">${date}</span>
+                  <h2 class="card-title">${title}</h2>
+                  <h6 class="card-subtitle mb-2 text-muted">${hit.tagline}</h6>
+                  <div class="card-text">${content}</div>
+                  <div class="card-footer">
+                    <a class="card-link" href="${url}" target="_blank">Read more ..</a>
+                  </div>
+                </div>
+              </div>
+            </li>
+          `;
+        }
+        // state = 'finished search';
+        // logger.info('state: ' + state);
+      }
+
+      if (moduleOptions.enabled == true) {
+        // initialize currentRefinedValues
+        search.addWidget(
+          instantsearch.widgets.currentRefinedValues({
+            container: '#current-refined-values',
+            // This widget can also contain a clear all link to remove all filters,
+            // we disable it in this example since we use `clearAll` widget on its own.
+            clearAll: false
+          })
+        );
+
+        // initialize clearAll
+        search.addWidget(
+          instantsearch.widgets.clearAll({
+            container: '#clear-all',
+            templates: {
+              link: 'Reset TAGS'
+            },
+            clearsQuery: false,
+            autoHideContainer: false
+          })
+        );
+
+        // initialize pagination
+        search.addWidget(
+          instantsearch.widgets.pagination({
+            container: '#pagination',
+            maxPages: 20,
+            // default is to scroll to 'body', here we disable this behavior
+            scrollTo: false
+          })
+        );
+        // initialize SearchBox
+        search.addWidget(
+          instantsearch.widgets.searchBox({
+            container:            '#search-searchbar',
+            placeholder:          'Search this site ..',
+            autofocus:            true,
+            reset:                true,
+            loadingIndicator:     false,
+            poweredBy:            true // This is required if you're on the free Community plan
+          })
+        );
+        // initialize hits widget
+        search.addWidget(
+          instantsearch.widgets.hits({
+            container:  '#search-hits',
+            templates:  {
+              empty:    'No results',
+              item:     hitTemplate
+            }
+          })
+        );
+        // initialize RefinementList
+        search.addWidget(
+          instantsearch.widgets.refinementList({
+            container:        '#refinement-list',
+            attributeName:    'tags',
+            collapsible:      true,
+            operator:         "and",
+            limit:            5,
+            sortBy:           ["isRefined","count:desc","name:asc"],
+            templates: {
+              header:         'Tags'
+            },
+            showMore:         true
+          })
+        );
+        /*
+        search.addWidget(
+          instantsearch.widgets.hitsPerPageSelector({
+            container: '#hits-per-page-selector',
+            items: [
+              {value: 3, label: '3 per page', default: true},
+              {value: 6, label: '6 per page'},
+              {value: 12, label: '12 per page'},
+            ]
+          })
+        );
+        */
+      }
+
+      if (moduleOptions.enabled == true) {
+        search.start();
+        $('#searcher').addClass('row');
+
+        _this.setState('finished');
+        logger.info('state: ' + _this.getState());
+        logger.info('initializing module finished');
+      } else {
+        $('#algolia-site-search').append('<p class="ml-5 mt-5 mb-5 "> <strong>Algolia Search DISABLED</strong> </p>');
+        _this.setState('finished');
+        logger.info('state: ' + _this.getState());
+        logger.warn("module disabled");
+      }
+
+      return true;
+    }, // END init
+
+    // -------------------------------------------------------------------------
+    // messageHandler: MessageHandler for J1 CookieConsent module
+    // Manage messages send from other J1 modules
+    // -------------------------------------------------------------------------
+    messageHandler: function (sender, message) {
+      var json_message = JSON.stringify(message, undefined, 2);
+
+      logText = 'received message from ' + sender + ': ' + json_message;
+      logger.debug(logText);
+
+      // -----------------------------------------------------------------------
+      //  Process commands|actions
+      // -----------------------------------------------------------------------
+      if (message.type === 'command' && message.action === 'module_initialized') {
+        //
+        // Place handling of command|action here
+        //
+        logger.info(message.text);
+      }
+
+      //
+      // Place handling of other command|action here
+      //
+
+      return true;
+    }, // END messageHandler
+
+    // -------------------------------------------------------------------------
+    // setState
+    // Set the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    setState: function (stat) {
+      j1.adapter.algolia.state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    // getState
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: function () {
+      return j1.adapter.algolia.state;
+    } // END state
+
+  }; // END return
+})(j1, window);
+
+{% endcapture %}
+{{ cache | strip_empty_lines }}
+{% assign cache = nil %}