j1-template 2020.0.9 → 2020.0.14

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 %}
 
@@ -64,6 +70,12 @@ regenerate:                             true
  #  Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 {% comment %} Main
@@ -88,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
@@ -102,16 +121,15 @@ j1.adapter['carousel'] = (function (j1, window) {
       {% comment %} Load module config from yml data
       -------------------------------------------------------------------------- {% endcomment %}
       // Load  module DEFAULTS|CONFIG
+      /* eslint-disable */
       moduleOptions = $.extend({}, {{carousel_options | replace: '=>', ':' | replace: 'nil', '""'}});
+      /* eslint-enable */
 
       if (typeof settings !== 'undefined') {
         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());
@@ -141,7 +159,7 @@ j1.adapter['carousel'] = (function (j1, window) {
             {% if item.show.slide_height != null %}
               // Set slide_height: {{item.show.slide_height}}vh
               {% assign slide_height  = item.show.slide_height %}
-              $('head').append("<style>.owl-carousel .item{height: {{slide_height}}vh;}</style>");
+              $('head').append('<style>.owl-carousel .item{height: {{slide_height}}vh;}</style>');
             {% endif %}
 
             {% if item.show.slide_space_between %}
@@ -173,12 +191,13 @@ j1.adapter['carousel'] = (function (j1, window) {
               $('head').append('<style>.parallax-slider__owl_demo_text_carousel_parallax:after{top:0;left:0;width:100%;height:100%;content:" ";position:absolute;background:rgba(0,0,0,0.3)}</style>');
             {% endif %}
 
-            $('head').append("<style>.{{slider_id}}-item{margin: {{slide_space}}px;}</style>");
+            $('head').append('<style>.{{slider_id}}-item{margin: {{slide_space}}px;}</style>');
             //$('.{{slider_id}}-item').parent().addClass('owl-carousel');
             //$('.owl-carousel .item').css('margin','{{slide_space}}px');
 
             // Initialize individual show parameters
-            $("#{{slider_id}}").owlCarousel({
+            /* eslint-disable */
+            $('#{{slider_id}}').owlCarousel({
               {% for option in item.show.options %}
               {{option[0] | json}}: {{option[1] | json}},
               {% endfor %}
@@ -189,29 +208,31 @@ j1.adapter['carousel'] = (function (j1, window) {
               "jsonPath": {{carousel_options.xhr_data_path | json}},
               "jsonSuccess": customDataSuccess_{{forloop.index}}
             });
+            /* eslint-enable */
+
             // Initialize instance variable (for later access)
             //{{slider_id}} = $('#{{slider_id}}').data('owlCarousel');
 
-            j1["{{slider_id}}"] = $('#{{slider_id}}').data('owlCarousel');
+            j1['{{slider_id}}'] = $('#{{slider_id}}').data('owlCarousel');
 
             // jQuery show data functions
             function customDataSuccess_{{forloop.index}}(data){
-              var content = "";
-              for (var i in data["{{slider_id}}"]) {
+              var content = '';
+              for (var i in data['{{slider_id}}']) {
                 {% if slider_type == 'image' %}
-                var lb          = data["{{slider_id}}"][i].lb;
-                var lb_caption  = data["{{slider_id}}"][i].lb_caption;
-                var img         = data["{{slider_id}}"][i].img;
-                var alt         = data["{{slider_id}}"][i].alt;
+                var lb          = data['{{slider_id}}'][i].lb;
+                var lb_caption  = data['{{slider_id}}'][i].lb_caption;
+                var img         = data['{{slider_id}}'][i].img;
+                var alt         = data['{{slider_id}}'][i].alt;
                 {% endif %}
                 {% if slider_type == 'text' %}
-                var text        = data["{{slider_id}}"][i].text;
+                var text        = data['{{slider_id}}'][i].text;
                 {% endif %}
-                var href        = data["{{slider_id}}"][i].href;
+                var href        = data['{{slider_id}}'][i].href;
                 {% if  css_classes %}
-                var css_classes = 'class="{{css_classes}}";'
+                var css_classes = 'class="{{css_classes}}";';
                 {% else %}
-                var css_classes = ''
+                var css_classes = '';
                 {% endif %}
 
                 {% if slider_type == 'image' %}
@@ -229,24 +250,24 @@ j1.adapter['carousel'] = (function (j1, window) {
                     }
                     content += '\t\t' + '</div>' + '\n';
                   } else {
-                    content += '<a class="item" href="' +img+ '" ' + 'data-lightbox="{{slider_id}}"> <img class="lazyOwl" data-src="' +img+ '" alt="' +alt+ '">' + '</a>'
+                    content += '<a class="item" href="' +img+ '" ' + 'data-lightbox="{{slider_id}}"> <img class="lazyOwl" data-src="' +img+ '" alt="' +alt+ '">' + '</a>';
                   }
                 } else if (href) {
-                    content += '<div class="item">' + '<img ' +css_classes+ ' src="' +img+ '" alt="' +alt+ '">' + '</div>'
+                    content += '<div class="item">' + '<img ' +css_classes+ ' src="' +img+ '" alt="' +alt+ '">' + '</div>';
                 } else {
-                    content += '<div class="item">' + '<img ' +css_classes+ ' src="' +img+ '" alt="' +alt+ '">' + '</div>'
+                    content += '<div class="item">' + '<img ' +css_classes+ ' src="' +img+ '" alt="' +alt+ '">' + '</div>';
                 }
                 {% endif %}
 
                 {% if slider_type == 'text' %}
                 if (href) {
-                  content += '<div class="item">' + '<p href=' +href+ '">' +text+ '</p>' + '</div>'
+                  content += '<div class="item">' + '<p href=' +href+ '">' +text+ '</p>' + '</div>';
                 } else {
-                  content += '<div class="item">' + '<p>' +text+ '</p>' + '</div>'
+                  content += '<div class="item">' + '<p>' +text+ '</p>' + '</div>';
                 }
                 {% endif %}
               }
-              $("#{{slider_id}}").html(content);
+              $('#{{slider_id}}').html(content);
               logText = 'initializing slider finished on id: {{slider_id}}';
               logger.info(logText);
             } // END customDataSuccess_{{forloop.index}}
@@ -289,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 %}