j1-template 2020.0.11 → 2020.0.16

data/assets/themes/j1/adapter/js/{justified_gallery.js → jf_gallery.js}

@@ -1,5 +1,5 @@
 ---
-regenerate:                             true
+regenerate: true
 ---
 
 {% capture cache %}
@@ -44,6 +44,11 @@ regenerate:                             true
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign jf_gallery_options    = jf_gallery_defaults | merge: jf_gallery_settings %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/justified_gallery.js
@@ -97,8 +102,16 @@ j1.adapter['jf_gallery'] = (function (j1, window) {
     // Initializer
     // -------------------------------------------------------------------------
     init: function (options) {
+
+      {% comment %} Set global variables
+      -------------------------------------------------------------------------- {% endcomment %}
+      _this = j1.adapter.jf_gallery;
+      logger = log4javascript.getLogger('j1.adapter.jf_gallery');
+
       // initialize state flag
-      j1.adapter.jf_gallery.state = 'pending';
+      _this.setState('started');
+      logger.info('state: ' + _this.getState());
+      logger.info('module is being initialized');
 
       // -----------------------------------------------------------------------
       // Default module settings
@@ -120,18 +133,11 @@ j1.adapter['jf_gallery'] = (function (j1, window) {
         moduleOptions = j1.mergeData(moduleOptions, settings);
       }
 
-      {% comment %} Set global variables
-      -------------------------------------------------------------------------- {% endcomment %}
-      _this = j1.adapter.jf_gallery;
-      logger = log4javascript.getLogger('j1.adapter.jf_gallery');
-
-      _this.setState('started');
-      logger.info('state: ' + _this.getState());
-      logger.info('module is being initialized');
-
       _this.initialize(moduleOptions);
 
-      return true;
+      _this.setState('finished');
+      logger.info('state: ' + _this.getState());
+      logger.info('module initialized successfully');
     },
 
     // -----------------------------------------------------------------------
@@ -237,7 +243,7 @@ j1.adapter['jf_gallery'] = (function (j1, window) {
 
             // Collect html5 video gallery data from data file (xhr_data_path)
             $.getJSON('{{jf_gallery_options.xhr_data_path}}', function (data) {
-              var play_button = '/assets/themes/j1/extensions/light_gallery/css/themes/icons/play-button.png';
+              var play_button = '/assets/themes/j1/modules/lightGallery/css/themes/icons/play-button.png';
               var content = '';
               var gallery_class = 'justified-gallery';
               {% if lightbox == "lg" %}
@@ -263,12 +269,12 @@ j1.adapter['jf_gallery'] = (function (j1, window) {
                   {% endif %}
                   content +=  'href="' +img+ '">' + '\n';
                   content +=  '<img src="' +img+ '" img alt="' +captions_lightbox+ '">' + '\n';
-                  content +=  '<span><img class="justified-gallery img-overlay" src="/assets/themes/j1/extensions/light_gallery/css/themes/icons/play-button.png"></span>' + '\n';
+                  content +=  '<span><img class="justified-gallery img-overlay" src="/assets/themes/j1/modules/lightGallery/css/themes/icons/play-button.png"></span>' + '\n';
                 } else {
                   content +=  '<a data-sub-html="' +captions_gallery+ '" ';
                   content +=  'href="' +img+ '">' + '\n';
                   content +=  '<img src="' +img+ '" img alt="' +captions_gallery+ '">' + '\n';
-                  content +=  '<span><img class="justified-gallery img-overlay" src="/assets/themes/j1/extensions/light_gallery/css/themes/icons/play-button.png"></span>' + '\n';
+                  content +=  '<span><img class="justified-gallery img-overlay" src="/assets/themes/j1/modules/lightGallery/css/themes/icons/play-button.png"></span>' + '\n';
                 }
                 content +=  '</a>' + '\n';
 
@@ -397,24 +403,28 @@ j1.adapter['jf_gallery'] = (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.jf_gallery.state = stat;
+      _this.state = stat;
     }, // END setState
 
     // -------------------------------------------------------------------------
-    // getState
+    // getState()
     // Returns the current (processing) state of the module
     // -------------------------------------------------------------------------
     getState: function () {
-      return j1.adapter.jf_gallery.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 %}

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             false
+regenerate: true
 ---
 
 {% capture cache %}
@@ -47,6 +47,11 @@ regenerate:                             false
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign lightbox_options   = lightbox_defaults | merge: lightbox_settings %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/lightbox.js
@@ -105,8 +110,9 @@ j1.adapter['lightbox'] = (function (j1, window) {
       // initialize state flag
       j1.adapter.lightbox.state = 'pending';
 
-      {% comment %} Set global variables
-      -------------------------------------------------------------------------- {% endcomment %}
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
       _this   = j1.adapter.lightbox;
       logger  = log4javascript.getLogger('j1.adapter.lightbox');
 
@@ -166,24 +172,28 @@ j1.adapter['lightbox'] = (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.lightbox.state = stat;
+      _this.state = stat;
     }, // END setState
 
     // -------------------------------------------------------------------------
-    // getState
+    // getState()
     // Returns the current (processing) state of the module
     // -------------------------------------------------------------------------
     getState: function () {
-      return j1.adapter.lightbox.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 %}

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             false
+regenerate: true
 ---
 
 {% capture cache %}
@@ -48,6 +48,11 @@ regenerate:                             false
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign logger_options    = logger_defaults | merge: logger_settings %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/logger.js
@@ -78,7 +83,7 @@ j1.adapter['logger'] = (function (j1, window) {
   // globals
   // ---------------------------------------------------------------------------
   var environment           = '{{environment}}';
-  var page_id               = uuid().slice(25, 37);
+  var page_id               = j1.generateId(12);
   var cookie_names          = j1.getCookieNames();
   var loggerRequestCallback = false;
   var loggerOptions         = {};
@@ -261,11 +266,9 @@ j1.adapter['logger'] = (function (j1, window) {
             logger.info('ajax appender detected as: disabled');
           }
 
-          _this.setState('started');
-          logger.info('state: ' + _this.getState());
-
           _this.setState('finished');
           logger.info('state: ' + _this.getState());
+          logger.info('module initialized successfully');
 
           return true;
         }
@@ -320,5 +323,9 @@ j1.adapter['logger'] = (function (j1, window) {
 })(j1, window);
 
 {% endcapture %}
-{{ cache | strip_empty_lines }}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}

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 %}
 
 /*
  # -----------------------------------------------------------------------------
@@ -98,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;
@@ -113,7 +122,6 @@ j1.adapter['mmenu'] = (function (j1, window) {
   // helper functions
   // ---------------------------------------------------------------------------
 
-
   // ---------------------------------------------------------------------------
   // main object
   // ---------------------------------------------------------------------------
@@ -123,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
@@ -134,12 +151,6 @@ j1.adapter['mmenu'] = (function (j1, window) {
         generated:   '{{site.time}}'
       }, options);
 
-      // -----------------------------------------------------------------------
-      // globals
-      // -----------------------------------------------------------------------
-      _this         = j1.adapter.mmenu;
-      logger        = log4javascript.getLogger('j1.adapter.mmenu');
-
       // -----------------------------------------------------------------------
       // options loader
       // -----------------------------------------------------------------------
@@ -151,7 +162,7 @@ j1.adapter['mmenu'] = (function (j1, window) {
 
       // 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)
       //
@@ -160,28 +171,7 @@ j1.adapter['mmenu'] = (function (j1, window) {
       _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
 
     // -------------------------------------------------------------------------
@@ -215,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
 
     // -------------------------------------------------------------------------
@@ -333,6 +312,14 @@ j1.adapter['mmenu'] = (function (j1, window) {
                 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}}');
@@ -348,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 (
@@ -437,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 %}