j1-template 2020.0.9 → 2020.0.14

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

@@ -0,0 +1,164 @@
+---
+regenerate: true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/mdb.js
+ # Liquid template to adapt Material Design Bootrap
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # 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 %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/mdb.js
+ # J1 Adapter for MDB
+ #
+ # 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}}
+ # -----------------------------------------------------------------------------
+*/
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
+'use strict';
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+j1.adapter['mdb'] = (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) {
+
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
+      _this   = j1.adapter.mdb;
+      logger  = log4javascript.getLogger('j1.adapter.mdb');
+
+      // initialize state flag
+      _this.setState('started');
+      logger.info('state: ' + _this.getState());
+      logger.info('module is being initialized');
+
+      // -----------------------------------------------------------------------
+      // Default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.mdb',
+        generated:   '{{site.time}}'
+      }, options);
+
+      // -----------------------------------------------------------------------
+      // MDB initializer
+      // -----------------------------------------------------------------------
+      var log_text = 'MDB is being initialized';
+      logger.info(log_text);
+
+      var dependencies_met_j1_finished = setInterval(function() {
+        if (j1.getState() == 'finished') {
+          $('body').bootstrapMaterialDesign();
+
+          _this.setState('finished');
+          logger.info('state: ' + _this.getState());
+
+          clearInterval(dependencies_met_j1_finished);
+        } // END dependencies_met_j1_finished
+      }, 25);
+
+    }, // 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()
+    // Sets the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    setState: function (stat) {
+      _this.state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    // getState()
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: function () {
+      return _this.state;
+    } // END getState
+
+  }; // END return
+})(j1, window);
+
+{% endcapture %}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             true
+regenerate: true
 ---
 
 {% capture cache %}
@@ -43,14 +43,15 @@ regenerate:                             true
 {% comment %} Set config files
 {% assign auth_manager_config           = site.j1_auth %}
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign site_config                   = site %}
 {% assign template_config               = site.data.template_settings %}
 {% assign blocks                        = site.data.blocks %}
 {% assign modules                       = site.data.modules %}
 
 {% assign template_config               = site.data.template_settings %}
-{% assign navigator_defaults            = site.data.modules.defaults.navigator.defaults %}
-{% assign navigator_settings            = site.data.modules.navigator.settings %}
+{% assign navigator_defaults            = modules.defaults.navigator.defaults %}
+{% assign navigator_settings            = modules.navigator.settings %}
+{% assign themer_defaults               = modules.defaults.themer.defaults %}
+{% assign themer_settings               = modules.themer.settings %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -59,9 +60,17 @@ regenerate:                             true
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign navigator_options             = navigator_defaults | merge: navigator_settings %}
+{% assign themer_options                = themer_defaults | merge: themer_settings %}
 {% assign nav_mmenu_options             = nav_mmenu_defaults | merge: nav_mmenu_settings %}
 {% assign nav_mmenu_id                  = navigator_defaults.nav_mmenu.xhr_container_id %}
 {% assign nav_navbar_media_breakpoint   = navigator_defaults.nav_bar.media_breakpoint %}
+{% assign nav_mmenu_id                  = navigator_options.nav_mmenu.id %}
+
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
 
 /*
  # -----------------------------------------------------------------------------
@@ -85,6 +94,12 @@ regenerate:                             true
  # Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 j1.adapter['mmenu'] = (function (j1, window) {
@@ -92,10 +107,10 @@ j1.adapter['mmenu'] = (function (j1, window) {
   // ---------------------------------------------------------------------------
   // globals
   // ---------------------------------------------------------------------------
-  var environment         = '{{environment}}';
-  var dclFinished         = false;
-  var moduleOptions       = {};
-  var cookie_names        = j1.getCookieNames();
+  var environment   = '{{environment}}';
+  var dclFinished   = false;
+  var moduleOptions = {};
+  var cookie_names  = j1.getCookieNames();
   var user_state;
   var user_session;
   var user_data;
@@ -107,7 +122,6 @@ j1.adapter['mmenu'] = (function (j1, window) {
   // helper functions
   // ---------------------------------------------------------------------------
 
-
   // ---------------------------------------------------------------------------
   // main object
   // ---------------------------------------------------------------------------
@@ -117,8 +131,17 @@ j1.adapter['mmenu'] = (function (j1, window) {
     // module initializer
     // -------------------------------------------------------------------------
     init: function (options) {
+
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
+      _this         = j1.adapter.mmenu;
+      logger        = log4javascript.getLogger('j1.adapter.mmenu');
+
       // initialize state flag
-      j1.adapter.mmenu.state = 'pending';
+      _this.setState('started');
+      logger.info('state: ' + _this.getState());
+      logger.info('module is being initialized');
 
       // -----------------------------------------------------------------------
       // defaults
@@ -128,52 +151,27 @@ j1.adapter['mmenu'] = (function (j1, window) {
         generated:   '{{site.time}}'
       }, options);
 
-      // -----------------------------------------------------------------------
-      // globals
-      // -----------------------------------------------------------------------
-      _this         = j1.adapter.mmenu;
-      logger        = log4javascript.getLogger('j1.adapter.mmenu');
-
       // -----------------------------------------------------------------------
       // options loader
       // -----------------------------------------------------------------------
+      /* eslint-disable */
       var navMenuOptions = $.extend({}, {{nav_mmenu_options | replace: '=>', ':' }});
+      /* eslint-enable */
       var xhr_data_path;
       var menu_id;
 
       // save config settings into the mmenu object for global access
       //
-      j1.adapter.mmenu['navMenuOptions'] = navMenuOptions;
+      _this['navMenuOptions'] = navMenuOptions;
 
       // Load (individual) frontmatter options (currently NOT used)
       //
-      if (options != null) { var frontmatterOptions = $.extend({}, options) }
+      if (options != null) { var frontmatterOptions = $.extend({}, options); }
 
       _this.setState('started');
       logger.info('state: ' + _this.getState());
       logger.info('module is being initialized');
-
-      // jadams, 2020-06-24: Set max_count to 100 what cause to wait 2.5s
-      // for J1 Navigator to finish (init)
-      //
-      var interval_count = 0;
-      var max_count      = 100;
-
-      var dependencies_met_navigator = setInterval(function() {
-        interval_count += 1;
-        if ( j1.adapter.navigator.getState() == 'finished' ) {
-          logger.info('dependencies of module navigator met for: mmenu');
-          logger.info('dependencies of module navigator met after: ' + interval_count * 25 + ' ms');
-          j1.adapter.mmenu.mmenuLoader(navMenuOptions);
-          clearInterval(dependencies_met_navigator);
-        }
-        if (interval_count > max_count) {
-          logger.warn('dependency check failed for module: navigator');
-          logger.warn('dependencies of module navigator met after: ' + interval_count * 25 + ' ms');
-          clearInterval(dependencies_met_navigator);
-          j1.adapter.mmenu.mmenuLoader(navMenuOptions);
-        }
-      }, 25);
+      _this.mmenuLoader(navMenuOptions);
     }, // END init
 
     // -------------------------------------------------------------------------
@@ -207,48 +205,37 @@ j1.adapter['mmenu'] = (function (j1, window) {
       to
         {% if forloop.last %}'data_loaded'{% else %}'data_loaded'{% endif %}){% if forloop.last %}{% else %},{% endif %}
       -------------------------------------------------------------------------- {% endcomment %}
-      $.when (
       {% for item in nav_mmenu_options.menus %} {% if item.menu.enabled %}
       {% assign menu_id       = item.menu.xhr_container_id %}
       {% assign xhr_data_path = item.menu.xhr_data_path %}
 
-        j1.xhrData (
-          'j1.adapter.mmenu', {
-          xhr_container_id: "{{menu_id}}",
-          xhr_data_path:    "{{xhr_data_path}}" },
-          {% if forloop.last %}'null'{% else %}'null'{% endif %}){% if forloop.last %}{% else %},{% endif %}
+      j1.xhrData ({
+        xhr_container_id: '{{menu_id}}',
+        xhr_data_path:    '{{xhr_data_path}}'},
+        'j1.adapter.mmenu',
+        {% if forloop.last %}'data_loaded'{% else %}'null'{% endif %}){% if forloop.last %};{% else %};{% endif %}
 
       {% endif %}
       {% capture id_list %}{{id_list}}{{menu_id}}{% if forloop.last %}{% else %},{% endif %} {% endcapture %}
       {% endfor %} // ENDFOR menus
-      ).done (function ({{id_list}}) {
+
         // ---------------------------------------------------------------------
         // Initialize MMenu Navs and Drawers
         // ---------------------------------------------------------------------
-        // Make sure that Load HTML data (AJAX) is finished
-        setTimeout (function() {
-          _this.setState('data_loaded');
-        }, 300);
-
-        var dependencies_met_mmenu_initialized = setInterval (function () {
-          if (_this.getState() === 'data_loaded') {
+        var dependencies_met_all_menu_loaded = setInterval (function () {
+          if (j1.xhrDataState['#navigator_nav_mmenu'] == 'success' && j1.xhrDataState['#navigator_sidebar_mmenu'] == 'success' && j1.xhrDataState['#navigator_toc_mmenu'] == 'success') {
             logger.info('load HTML data (AJAX): finished');
             _this.setState('processing');
             logger.info('status: ' + _this.getState());
             logger.info('initialize navs and drawers');
-            j1.adapter.mmenu.mmenuInitializer(mmOptions);
-            clearInterval(dependencies_met_mmenu_initialized);
-          }
-        }, 25); // END dependencies_met_mmenu_loaded
+            _this.mmenuInitializer(mmOptions);
 
-        var dependencies_met_all_menu_loaded = setInterval (function () {
-          if ( $('#menu_mmenu').length && $('#sidebar_mmenu').length && $('#toc_mmenu').length ) {
             _this.setState('finished');
-            logger.info('status: ' + _this.getState());
+            logger.info('state: ' + _this.getState());
+            logger.info('module initialized successfully');
             clearInterval(dependencies_met_all_menu_loaded);
           }
         }, 25); // END dependencies_met_all_menu_loaded
-      }); // END done
     }, // END dataLoader
 
     // -------------------------------------------------------------------------
@@ -261,8 +248,8 @@ j1.adapter['mmenu'] = (function (j1, window) {
       {% for item in nav_mmenu_options.menus %} {% if item.menu.enabled %}
 
       {% assign menu_id = item.menu.xhr_container_id %}
-      menu_id           = "{{menu_id}}";
-      xhr_data_path     = "{{item.menu.xhr_data_path}}";
+      menu_id           = '{{menu_id}}';
+      xhr_data_path     = '{{item.menu.xhr_data_path}}';
 
       // Create an mmenu instance if id exists: {{menu_id}}
       if ($('#{{menu_id}}').length) {
@@ -322,9 +309,17 @@ j1.adapter['mmenu'] = (function (j1, window) {
                 //   ? drawer_{{menu_id}}.open()
                 //   : drawer_{{menu_id}}.close();
 
-                drawer_{{menu_id}}.open()
+                drawer_{{menu_id}}.open();
               });
             });
+
+            // load themes from Bootswatch API (set localFeed EMPTY)
+            $('#ThemeList_MMenu').bootstrapThemeSwitcher({
+                localFeed: ''
+            });
+            // load (local) J1 themes (default settings)
+            $('#ThemeSelect_MMenu').bootstrapThemeSwitcher();
+
             clearInterval(dependencies_met_{{menu_id}}_loaded);
             $('#{{item.menu.content.id}}').show();
             logger.info('initializing mmenu finished on id: #{{menu_id}}');
@@ -340,7 +335,7 @@ j1.adapter['mmenu'] = (function (j1, window) {
           // -------------------------------------------------------------------
           logger.info('initialize mmenu on id: #{{menu_id}}');
           var dependencies_met_{{menu_id}}_loaded = setInterval (function () {
-            if ({{menu_id}}) {
+            if ({{menu_id}} && $('{{item.menu.content.button}}').length) {
               const menu_selector = document.querySelector('#{{menu_id}}');
 
               const mmenu_{{menu_id}} = new MmenuLight (
@@ -353,7 +348,7 @@ j1.adapter['mmenu'] = (function (j1, window) {
 
               const drawer_{{menu_id}} = mmenu_{{menu_id}}.offcanvas ({
                 // drawer options
-                position: "{{item.menu.drawer.position}}"
+                position: '{{item.menu.drawer.position}}'
               });
 
               // button for the MMenu tocbar to open|close the toc drawer
@@ -382,7 +377,7 @@ j1.adapter['mmenu'] = (function (j1, window) {
                     //   ? drawer_{{menu_id}}.open()
                     //   : drawer_{{menu_id}}.close();
 
-                    drawer_{{menu_id}}.open()
+                    drawer_{{menu_id}}.open();
                   } // END if hasclass
                 });
               });
@@ -429,24 +424,28 @@ j1.adapter['mmenu'] = (function (j1, window) {
     }, // END messageHandler
 
     // -------------------------------------------------------------------------
-    // setState
-    // Set the current (processing) state of the module
+    // setState()
+    // Sets the current (processing) state of the module
     // -------------------------------------------------------------------------
     setState: function (stat) {
-      j1.adapter.mmenu.state = stat;
+      _this.state = stat;
     }, // END setState
 
     // -------------------------------------------------------------------------
-    // getState
+    // getState()
     // Returns the current (processing) state of the module
     // -------------------------------------------------------------------------
     getState: function () {
-      return j1.adapter.mmenu.state;
-    } // END state
+      return _this.state;
+    } // END getState
 
   }; // END return
 })(j1, window);
 
 {% endcapture %}
-{{ cache | strip_empty_lines }}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}