j1-template 2020.0.11 → 2020.0.16

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             true
+regenerate: true
 ---
 
 {% capture cache %}
@@ -31,6 +31,12 @@ regenerate:                             true
 {% assign template_version    = site.version %}
 {% assign slider_id           = '' %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+
 {% comment %} Process YML config data
 ================================================================================ {% endcomment %}
 
@@ -94,8 +100,15 @@ j1.adapter['carousel'] = (function (j1, window) {
     // Initializer
     // -------------------------------------------------------------------------
     init: function (options) {
+
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
+      _this   = j1.adapter.carousel;
+      logger  = log4javascript.getLogger('j1.adapter.carousel');
+
       // initialize state flag
-      j1.adapter.carousel.state = 'pending';
+      _this.state = 'pending';
 
       // -----------------------------------------------------------------------
       // Default module settings
@@ -116,10 +129,7 @@ j1.adapter['carousel'] = (function (j1, window) {
         moduleOptions = j1.mergeData(moduleOptions, settings);
       }
 
-      {% comment %} Set global variables
-      -------------------------------------------------------------------------- {% endcomment %}
-      _this   = j1.adapter.carousel;
-      logger  = log4javascript.getLogger('j1.adapter.carousel');
+
 
       _this.setState('started');
       logger.info('state: ' + _this.getState());
@@ -300,25 +310,29 @@ j1.adapter['carousel'] = (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.carousel.state = stat;
+      _this.state = stat;
     }, // END setState
 
     // -------------------------------------------------------------------------
-    // getState
+    // getState()
     // Returns the current (processing) state of the module
     // -------------------------------------------------------------------------
     getState: function () {
-      return j1.adapter.carousel.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/clipboard.js

@@ -0,0 +1,232 @@
+---
+regenerate: true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/clipboard.js
+ # Liquid template to adapt Clipboard for J1 Template
+ #
+ # 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 }}
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment   = site.environment %}
+
+
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/clipboard.js
+ # JS Adapter for Clipboard
+ #
+ # Product/Info:
+ # {{site.data.template_settings.theme_author_url}}
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see {{site.data.template_settings.theme_author_url}}
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ # -----------------------------------------------------------------------------
+ # Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
+'use strict';
+
+j1.adapter['clipboard'] = (function (j1, window) {
+
+  // ---------------------------------------------------------------------------
+  // globals
+  // ---------------------------------------------------------------------------
+  var environment   = '{{environment}}';
+  var moduleOptions = {};
+  var logger;
+  var logText;
+  var _this;
+  var clipboardJS;
+
+  // ---------------------------------------------------------------------------
+  // main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // module initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
+      _this   = j1.adapter.clipboard;
+      logger  = log4javascript.getLogger('j1.adapter.clipboard');
+
+      // -----------------------------------------------------------------------
+      // defaults
+      // -----------------------------------------------------------------------
+      var settings  = $.extend({
+        module_name: 'j1.adapter.clipboard',
+        generated:   '{{site.time}}'
+      }, options);
+
+      // initialize state flag
+      _this.state = 'started';
+      logText = 'initialization: started';
+      logger.info(logText);
+
+      // initialize ClipboardJS if page is loaded
+      var dependencies_met_j1_finished = setInterval(function() {
+        if ( j1.getState() == 'finished' ) {
+          logText = 'create clipboard';
+          logger.info(logText);
+
+          clipboardJS = new ClipboardJS('.btn-clipboard', {
+            target: function target(trigger) {
+              return trigger.parentNode.nextElementSibling;
+            }
+          });
+
+          _this.initClipButtons();
+          _this.initEventHandler(clipboardJS);
+
+          clearInterval(dependencies_met_j1_finished);
+          _this.setState('finished');
+          logger.info('state: ' + _this.getState());
+          logger.info('module initialized successfully');
+        }
+      }, 25); // END dependencies_met_j1_finished
+    },
+
+    // -------------------------------------------------------------------------
+    // initClipboard
+    // Create copy-to-clipboard for all pages
+    // -------------------------------------------------------------------------
+    initClipButtons: function () {
+      // insert copy to clipboard button before all elements having a
+      // class of ".highlight" assigned to (e.g. Asciidoc source blocks)
+      $('.highlight').each(function () {
+        // Check if no clipboard should be applied
+        var isNoClip = $(this).closest('.noclip');
+        if ( isNoClip.length == 0) {
+          var btnHtml = '<div class="j1-clipboard"><span class="btn-clipboard j1-tooltip" data-toggle="tooltip" data-placement="left" title="Copy to clipboard">Copy</span></div>';
+          $(this).before(btnHtml);
+          $('.btn-clipboard').tooltip();
+        }
+      });
+    }, // END initClipboard
+
+    // -------------------------------------------------------------------------
+    // Event handler
+    // -------------------------------------------------------------------------
+    initEventHandler: function (clipboard) {
+      // Manage clipboard events
+      clipboard.on('success', function (e) {
+        $(e.trigger).attr('title', 'copied!').tooltip('_fixTitle').tooltip('show').attr('title', 'Copy to clipboard').tooltip('_fixTitle');
+        var logger = log4javascript.getLogger('j1.initClipboard');
+        var logText = 'initialization copy-to-clipboard sucessfull';
+        logger.debug(logText);
+        /* Cleanup clipped data for trailing numbers */
+        var splitted = e.text.split('\n');
+        var concat;
+        var i;
+        for (i=0; i<splitted.length; i++) {
+          concat += splitted[i].replace(/^\s+\d+/, '');
+        }
+        e.clearSelection();
+      });
+      clipboard.on('error', function (e) {
+        var fallbackMsg = /Mac/i.test(navigator.userAgent) ? 'press \u2318 to copy' : 'press ctrl-c to copy';
+        logger = log4javascript.getLogger('j1.initClipboard');
+        logText = 'initialization copy-to-clipboard failed, fallback used.';
+        logger.warn(logText);
+        $(e.trigger).attr('title', fallbackMsg).tooltip('_fixTitle').tooltip('show').attr('title', 'copy to clipboard').tooltip('_fixTitle');
+      });
+    },
+
+    // -------------------------------------------------------------------------
+    // messageHandler
+    // Manage messages (paylods) send from other J1 modules
+    // -------------------------------------------------------------------------
+    messageHandler: function (sender, message) {
+      // var json_message = JSON.stringify(message, undefined, 2);              // multiline
+      var json_message = JSON.stringify(message);
+
+      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);
+      }
+      if (message.type === 'command' && message.action === 'status') {
+        logger.info('messageHandler: received - ' + message.action);
+      }
+
+      //
+      // 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/cookiebar.js

@@ -0,0 +1,204 @@
+---
+regenerate: true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/cookiebar.js
+ # Liquid template to create the Template Adapter for J1 Cookiebar
+ #
+ # Product/Info:
+ # http://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 %}
+
+{% comment %} Liquid var initialization
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment           = site.environment %}
+{% assign modules               = site.data.modules %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign cookiebar_settings    = modules.cookiebar.settings %}
+{% assign cookiebar_defaults    = modules.defaults.cookiebar.defaults %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign cookiebar_options     = cookiebar_defaults | merge: cookiebar_settings %}
+
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/cookiebar.js
+ # JS Adapter for Cookiebar
+ #
+ # Product/Info:
+ # http://jekyll.one
+ # http://www.primebox.co.uk/projects/jquery-cookiebar/
+ #
+ # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2016 Ant Parsons (primebox.co.uk)
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # jQuery Cookibar is licensed under Creative Commons Attribution 3.0 Unported License.
+ # For details, see http://www.primebox.co.uk/projects/jquery-cookiebar/
+ #
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+'use strict';
+
+{% comment %} Main
+--------------------------------------------------------------- {% endcomment %}
+j1.adapter['cookiebar'] = (function (j1, window) {
+
+  var environment   = '{{environment}}';
+  var moduleOptions = {};
+  var _this;
+  var logger;
+  var logText;
+
+  // ---------------------------------------------------------------------------
+  // Helper functions
+  // ---------------------------------------------------------------------------
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // Initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+
+      // -----------------------------------------------------------------------
+      // Default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.algolia',
+        generated:   '{{site.time}}'
+      }, options);
+
+      {% comment %} Load module config from yml data
+      -------------------------------------------------------------------------- {% endcomment %}
+      // Load  module DEFAULTS|CONFIG
+      /* eslint-disable */
+      moduleOptions = $.extend({}, {{cookiebar_options | replace: '=>', ':' | replace: 'nil', '""'}});
+      /* eslint-enable */
+
+      if (typeof settings !== 'undefined') {
+        moduleOptions = j1.mergeData(moduleOptions, settings);
+      }
+
+      // -----------------------------------------------------------------------
+      // initializer
+      // -----------------------------------------------------------------------
+      _this   = j1.adapter.cookiebar;
+      logger  = log4javascript.getLogger('j1.adapter.cookiebar');
+
+      _this.setState('started');
+      logger.info('state: ' + _this.getState());
+      logger.info('module is being initialized');
+
+      j1.core.cookiebar.init({
+        expireDays:             {{ cookiebar_options.expireDays | json }},
+        renewOnVisit:           {{ cookiebar_options.renewOnVisit | json }},
+        forceShow:              {{ cookiebar_options.forceShow | json }},
+        domain:                 {{ cookiebar_options.domain | json }},
+        referrer:               {{ cookiebar_options.referrer | json }}
+      });
+
+      j1.xhrData(moduleOptions, 'j1.adapter.cookiebar', 'data_loaded');
+
+      // ---------------------------------------------------------------------
+      // Initialize events if all modals loaded
+      // ---------------------------------------------------------------------
+      var dependencies_met_modals_loaded = setInterval (function () {
+        if (j1.xhrDataState['#{{cookiebar_options.xhr_container_id}}'] == 'success') {
+          logger.info('load HTML data (AJAX): finished');
+          j1.core.cookiebar.eventHandler(moduleOptions);
+          _this.setState('finished');
+          logger.info('state: ' + _this.getState());
+          logger.info('initializing module finished');
+          clearInterval(dependencies_met_modals_loaded);
+        }
+        if (j1.xhrDataState['#{{cookiebar_options.xhr_container_id}}'] == 'not loaded') {
+          logger.error('load HTML data (AJAX): failed');
+          _this.setState('finished');
+          logger.info('state: ' + _this.getState());
+          logger.info('initializing module finished');
+          clearInterval(dependencies_met_modals_loaded);
+        }
+      }, 25); // END dependencies_met_modals_loaded
+    }, // 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 %}
+{{ cache | strip_empty_lines }}
+{% assign cache = nil %}