j1-template 2020.0.15 → 2020.0.20

data/assets/data/quicklinks.html

@@ -73,7 +73,6 @@ regenerate: true
 {% assign authentication_enabled  = authentication_options.j1_auth.enabled %}
 {% assign auth_client_config      = authentication_options.auth_client %}
 
-
 {% comment %} Set quicklinks properties
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign icon_family             = quicklinks_options.icon_family | downcase %}
@@ -140,6 +139,11 @@ regenerate: true
   {% assign show_auth_manager_icon = false %}
 {% endif %}
 
+<!--
+  authentication_enabled: {{ authentication_enabled | debug }}
+-->
+
+
 {% comment %} Show|Hide Control Center icon
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if cc_app_config_options.enabled %}
@@ -215,7 +219,7 @@ regenerate: true
 <!-- [INFO   ] [j1.modules.navigator.quicklinks.html  ] [Set icon familiy as: {{ icon_family }}] -->
 <!-- [INFO   ] [j1.modules.navigator.quicklinks.html  ] [Set icon size as: {{ icon_size }}] -->
 
-<ul class="navbar-nav partial">
+<ul class="navbar-nav">
   {% if back_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="page_back_id" class="nav-icon" href="{{back_url}}"><i class="{{icon_family}} {{icon_family}}-{{back_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if home_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="home_id" class="nav-icon" href="{{home_url}}"><i class="{{icon_family}} {{icon_family}}-{{home_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if disqus_url != "none" %}<li id="quickLinksDisqusButton" class="nav-item"><a id="disqus_id" class="nav-icon" href="{{disqus_url}}" target="blank"><i class="{{icon_family}} {{icon_family}}-{{disqus_icon}} {{icon_size}}"></i></a></li>{% endif %}
@@ -230,6 +234,8 @@ regenerate: true
   {% if show_control_center_icon %}<li id="quickLinksControlCenterButton" class="nav-item control-center" style="display: block;"><a class="nav-icon" href="{{control_center_url}}"><i class="{{icon_family}} {{icon_family}}-{{control_center_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_r_text_icon %}<li id="quickLinksRTextButton" class="nav-item control-center" style="display: block;"><a class="nav-icon" href="#" data-toggle="modal" data-target="#fluidModalRTextResizer"><i class="{{icon_family}} {{icon_family}}-{{r_text_icon}} {{icon_size}}"></i></a></li>{% endif %}
 </ul>
+<!-- Test element -->
+<div id="nav_test_element" class="nav-primary" style="display: none"></div>
 
 {% endcapture %}
 {% if production %}

data/assets/data/ssm.html

@@ -95,7 +95,7 @@ regenerate: true
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
 <!-- [DEBUG  ] [j1.modules.ssm_menu.html  ] [collect all menu items] -->
-  <ul id="{{ssm_options.menu_id}}" class="ssm-light-hover partial">
+  <ul id="{{ssm_options.menu_id}}" class="ssm-light-hover">
 
   {% for menu in ssm_menu_config %}
 

data/assets/data/themes.json

@@ -48,6 +48,7 @@ regenerate: true
   "themes":
   [
     {"name": "Uno",             "css": "{{asset_path}}/core/css/uno.css"},
+    {"name": "Uno dark",        "css": "{{asset_path}}/core/css/uno-dark.css"},
     {"name": "Bootstrap",       "css": "{{asset_path}}/core/css/bootstrap.css"}
   ]
 }
@@ -56,6 +57,7 @@ regenerate: true
   "themes":
   [
     {"name": "Uno",             "css": "{{asset_path}}/core/css/uno.min.css"},
+    {"name": "Uno dark",        "css": "{{asset_path}}/core/css/uno-dark.min.css"},
     {"name": "Bootstrap",       "css": "{{asset_path}}/core/css/bootstrap.min.css"}
   ]
 }

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

@@ -0,0 +1,231 @@
+---
+regenerate: true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/back2top.js
+ # Liquid template to adapt Back2Top Core functions
+ #
+ # 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 %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+{% capture select_color %}themes/{{site.template.name}}/procedures/global/select_color.proc{% endcapture %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment       = site.environment %}
+{% assign template_version  = site.version %}
+
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign template_config   = site.data.template_settings %}
+{% assign blocks            = site.data.blocks %}
+{% assign modules           = site.data.modules %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign back2top_defaults = modules.defaults.back2top.defaults %}
+{% assign back2top_settings = modules.back2top.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign back2top_options  = back2top_defaults | merge: back2top_settings %}
+{% assign active_color      = back2top_options.active_color %}
+{% assign background_color  = back2top_options.background_color %}
+{% assign back2top_icon     = back2top_options.icon %}
+{% assign color             = back2top_options.color %}
+
+{% if back2top_options.icon_family == 'MDI' %}
+  {% assign back2top_icon_family = 'Material Design Icons' %}
+{% elsif moduleOptions.icon_family == 'FA' %}
+  {% assign back2top_icon_family = 'FontAweSome' %}
+{% else %}
+  {% assign back2top_icon_family = 'Material Design Icons' %}
+{% endif %}
+
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+/*
+ # -----------------------------------------------------------------------------
+ #  ~/assets/themes/j1/adapter/js/back2top.js
+ #  JS Adapter for J1 Back2Top
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #  http://dynamicdrive.com/dynamicindex3/scrolltop.htm
+ #
+ #  Copyright (C) 2020 Juergen Adams
+ #  Copyright (C) 2009 dynamicdrive.com
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+'use strict';
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+j1.adapter['back2top'] = (function (j1, window) {
+
+  {% comment %} Set global variables
+  ------------------------------------------------------------------------------ {% endcomment %}
+  var environment    = '{{environment}}';
+  var moduleOptions  = {};
+  var _this;
+  var logger;
+  var logText;
+
+  // ---------------------------------------------------------------------------
+  // Helper functions
+  // ---------------------------------------------------------------------------
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // Initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+      // initialize state flag
+      j1.adapter.back2top.state = 'pending';
+
+      // -----------------------------------------------------------------------
+      // Default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.back2top',
+        generated:   '{{site.time}}'
+      }, options );
+
+      {% comment %} Set global variables
+      -------------------------------------------------------------------------- {% endcomment %}
+      _this   = j1.adapter.back2top;
+      logger  = log4javascript.getLogger('j1.adapter.back2top');
+
+      {% comment %} Load module config from yml data
+      -------------------------------------------------------------------------- {% endcomment %}
+      // Load  module DEFAULTS|CONFIG
+      moduleOptions = $.extend({}, {{back2top_options | replace: '=>', ':' | replace: 'nil', '""'}});
+
+      if ( typeof settings !== 'undefined') {
+        moduleOptions = j1.mergeData(moduleOptions, settings);
+      }
+
+      if (moduleOptions.enabled) {
+        _this.setState('started');
+        logger.info('state: ' + _this.getState());
+        logger.info('module is being initialized');
+
+        // save config settings into the mmenu object for global access
+        //
+        _this['moduleOptions'] = moduleOptions;
+
+        var dependencies_met_page_finished = setInterval(function() {
+          if (j1.getState() == 'finished') {
+            logger.info('met dependencies for: j1');
+            j1.core.back2top.init(moduleOptions);
+            _this.setCss();
+            _this.setState('finished');
+            logger.info('state: ' + _this.getState());
+            clearInterval(dependencies_met_page_finished);
+          }
+        }, 25); // END 'dependencies_met_page_finished'
+      } else {
+        _this.setState('finished');
+        logger.info('state: ' + _this.getState());
+        logger.warn('module disabled');
+      }
+    }, // END init
+
+    // -------------------------------------------------------------------------
+    // Set dynamic styles for Back2Top
+    // -------------------------------------------------------------------------
+    setCss: function () {
+      var bg_primary    = j1.getStyleValue('bg-primary', 'background-color');
+
+      $('head').append('<style>#topcontrol {background: ' +moduleOptions.background_color+ ';}</style>');
+      $('head').append('<style>#topcontrol:hover {background: ' +bg_primary+ ';}</style>');
+      $('head').append('<style>#topcontrol:after {content: "\\{{back2top_icon}}"; font-family: {{back2top_icon_family}};}</style>');
+    }, // END setCss
+
+    // -------------------------------------------------------------------------
+    // 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);              // 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);
+      }
+
+      //
+      // Place handling of other command|action here
+      //
+
+      return true;
+    }, // END messageHandler
+
+    // -------------------------------------------------------------------------
+    // setState
+    // Set the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    setState: function (stat) {
+      j1.adapter.back2top.state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    // getState
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: function () {
+      return j1.adapter.back2top.state;
+    } // END state
+
+  }; // END return
+})(j1, window);
+
+{% endcapture %}
+{% if production %}
+  {{cache| minifyJS }}
+{% else %}
+  {{cache| strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

data/assets/themes/j1/adapter/js/{mdb.js → bmd.js}

@@ -6,8 +6,8 @@ regenerate: true
 
 {% comment %}
  # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/adapter/js/mdb.js
- # Liquid template to adapt Material Design Bootrap
+ # ~/assets/themes/j1/adapter/js/bmd.js
+ # Liquid template to adapt Bootrap Material Design (BMD)
  #
  # Product/Info:
  # https://jekyll.one
@@ -23,8 +23,8 @@ regenerate: true
 
 /*
  # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/adapter/js/mdb.js
- # J1 Adapter for MDB
+ # ~/assets/themes/j1/adapter/js/bmd.js
+ # J1 Adapter for BMD
  #
  # Product/Info:
  # https://jekyll.one
@@ -47,7 +47,7 @@ regenerate: true
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-j1.adapter['mdb'] = (function (j1, window) {
+j1.adapter['bmd'] = (function (j1, window) {
 
   {% comment %} Set global variables
   ------------------------------------------------------------------------------ {% endcomment %}
@@ -74,8 +74,8 @@ j1.adapter['mdb'] = (function (j1, window) {
       // -----------------------------------------------------------------------
       // globals
       // -----------------------------------------------------------------------
-      _this   = j1.adapter.mdb;
-      logger  = log4javascript.getLogger('j1.adapter.mdb');
+      _this   = j1.adapter.bmd;
+      logger  = log4javascript.getLogger('j1.adapter.bmd');
 
       // initialize state flag
       _this.setState('started');
@@ -86,14 +86,14 @@ j1.adapter['mdb'] = (function (j1, window) {
       // Default module settings
       // -----------------------------------------------------------------------
       var settings = $.extend({
-        module_name: 'j1.adapter.mdb',
+        module_name: 'j1.adapter.bmd',
         generated:   '{{site.time}}'
       }, options);
 
       // -----------------------------------------------------------------------
-      // MDB initializer
+      // BMD initializer
       // -----------------------------------------------------------------------
-      var log_text = 'MDB is being initialized';
+      var log_text = 'BMD is being initialized';
       logger.info(log_text);
 
       var dependencies_met_j1_finished = setInterval(function() {

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

@@ -129,157 +129,158 @@ j1.adapter['carousel'] = (function (j1, window) {
         moduleOptions = j1.mergeData(moduleOptions, settings);
       }
 
-
-
       _this.setState('started');
       logger.info('state: ' + _this.getState());
       logger.info('module is being initialized');
 
-      {% for item in carousel_options.carousel %}
-
-        {% if item.show.enabled %}
-          {% assign slider_id     = item.show.id %}
-          {% assign slider_title  = item.show.title %}
-          {% assign slider_type   = item.show.type %}
-          {% assign parallax      = item.show.parallax %}
-          {% assign css_classes   = item.show.css_classes %}
-          {% assign lazyLoad      = item.show.lightbox %}
-
-          // Create an Carousel INSTANCE if slider on id: {{slider_id}} exists
-          if ($('#{{slider_id}}').length) {
-
-            {% if environment == 'development' %}
-              logText = 'slider is being initialized on id: #{{slider_id}}';
-              logger.info(logText);
-              _this.setState('running');
-              logger.info('state: ' + _this.getState());
-              logger.info('module is being initialized');
-            {% endif %}
+      var dependencies_met_page_finished = setInterval(function() {
+        if (j1.getState() == 'finished') {
 
-            {% 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>');
-            {% endif %}
+          {% for item in carousel_options.carousel %}
 
-            {% if item.show.slide_space_between %}
-              {% assign slide_space = item.show.slide_space_between %}
-            {% else %}
-              {% assign slide_space = 3 %}
-            {% endif %}
-
-            {% if item.show.slide_border %}
-              {% assign slide_border = "thumbnail" %}
-            {% else %}
-              {% assign slide_border = "" %}
-            {% endif %}
+            {% if item.show.enabled %}
+              {% assign slider_id     = item.show.id %}
+              {% assign slider_title  = item.show.title %}
+              {% assign slider_type   = item.show.type %}
+              {% assign parallax      = item.show.parallax %}
+              {% assign css_classes   = item.show.css_classes %}
+              {% assign lazyLoad      = item.show.lightbox %}
 
-            // Place HTML markup for the title
-            {% if slider_title %}
-            var slider_title = '<div class="slider-title">{{slider_title}}</div>';
-            $('#{{slider_id}}').before(slider_title);
-            {% endif %}
+              // Create an Carousel INSTANCE if slider on id: {{slider_id}} exists
+              if ($('#{{slider_id}}').length) {
 
-            // place parallax styles
-            {% if parallax %}
-              $('head').append('<style>.parallax-slider__owl_demo_text_carousel_parallax{background:url(/assets/images/quotes/default.png) 50% 0 repeat fixed}</style>');
-              $('head').append('<style>.parallax-slider__owl_demo_text_carousel_parallax{padding:75px 0 75px 25px;position:relative}</style>');
-              $('head').append('<style>.parallax-slider__owl_demo_text_carousel_parallax{color:#e5e5e5;font-size:1.5rem;font-weight:400}</style>');
-              $('head').append('<!-- style>.parallax-slider__owl_demo_text_carousel_parallax{text-align:center}</style -->');
-              $('head').append('<!-- style>.parallax-slider__owl_demo_text_carousel_parallax{text-transform:uppercase}</style -->');
-              $('head').append('<style>.parallax-slider__owl_demo_text_carousel_parallax:before{top:0;left:0;width:100%;height:100%;content:" ";position:absolute;background:url(/assets/images/modules/patterns/gridtile.png) repeat;}</style>');
-              $('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 %}
+                {% if environment == 'development' %}
+                  logText = 'slider is being initialized on id: #{{slider_id}}';
+                  logger.info(logText);
+                  _this.setState('running');
+                  logger.info('state: ' + _this.getState());
+                  logger.info('module is being initialized');
+                {% endif %}
 
-            $('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
-            /* eslint-disable */
-            $('#{{slider_id}}').owlCarousel({
-              {% for option in item.show.options %}
-              {{option[0] | json}}: {{option[1] | json}},
-              {% endfor %}
-              // Enable lazyLoad if lightbox is enabled
-              {% if item.show.lightbox %}
-              "lazyLoad": true,
-              {% endif %}
-              "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');
-
-            // jQuery show data functions
-            function customDataSuccess_{{forloop.index}}(data){
-              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;
+                {% 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>');
                 {% endif %}
-                {% if slider_type == 'text' %}
-                var text        = data['{{slider_id}}'][i].text;
+
+                {% if item.show.slide_space_between %}
+                  {% assign slide_space = item.show.slide_space_between %}
+                {% else %}
+                  {% assign slide_space = 3 %}
                 {% endif %}
-                var href        = data['{{slider_id}}'][i].href;
-                {% if  css_classes %}
-                var css_classes = 'class="{{css_classes}}";';
+
+                {% if item.show.slide_border %}
+                  {% assign slide_border = "thumbnail" %}
                 {% else %}
-                var css_classes = '';
+                  {% assign slide_border = "" %}
                 {% endif %}
 
-                {% if slider_type == 'image' %}
-                // If lightbox is enabled (preference over href)
-                if (lb) {
-                  if (lb_caption) {
-                    content += '\t\t' + '<div class="item {{slider_id}}-item {{slide_border}}">'+ '\n';
-                    content += '\t\t\t' + '<a href="' +img+ '" ' + 'data-lightbox="{{slider_id}}" data-title="' +lb_caption+ '">' + '\n';
-                    content += '\t\t\t\t' + '<img class="lazyOwl" src="' +img+ '">' + '\n';
-                    content += '\t\t\t' + '</a>' + '\n';
-                    if (href) {
-                    content += '\t\t\t' + '<span class="carousel-caption"><a href="' +href+ '">' +lb_caption+ '</a> </span>' + '\n';
-                    } else {
-                    content += '\t\t\t' + '<span class="carousel-caption">' +lb_caption+ '</span>' + '\n';
-                    }
-                    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>';
-                  }
-                } else if (href) {
-                    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>';
-                }
+                // Place HTML markup for the title
+                {% if slider_title %}
+                var slider_title = '<div class="slider-title">{{slider_title}}</div>';
+                $('#{{slider_id}}').before(slider_title);
                 {% endif %}
 
-                {% if slider_type == 'text' %}
-                if (href) {
-                  content += '<div class="item">' + '<p href=' +href+ '">' +text+ '</p>' + '</div>';
-                } else {
-                  content += '<div class="item">' + '<p>' +text+ '</p>' + '</div>';
-                }
+                // place parallax styles
+                {% if parallax %}
+                  $('head').append('<style>.parallax-slider__owl_demo_text_carousel_parallax{background:url(/assets/images/quotes/default.png) 50% 0 repeat fixed}</style>');
+                  $('head').append('<style>.parallax-slider__owl_demo_text_carousel_parallax{padding:75px 0 75px 25px;position:relative}</style>');
+                  $('head').append('<style>.parallax-slider__owl_demo_text_carousel_parallax{color:#e5e5e5;font-size:1.5rem;font-weight:400}</style>');
+                  $('head').append('<!-- style>.parallax-slider__owl_demo_text_carousel_parallax{text-align:center}</style -->');
+                  $('head').append('<!-- style>.parallax-slider__owl_demo_text_carousel_parallax{text-transform:uppercase}</style -->');
+                  $('head').append('<style>.parallax-slider__owl_demo_text_carousel_parallax:before{top:0;left:0;width:100%;height:100%;content:" ";position:absolute;background:url(/assets/images/modules/patterns/gridtile.png) repeat;}</style>');
+                  $('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 %}
-              }
-              $('#{{slider_id}}').html(content);
-              logText = 'initializing slider finished on id: {{slider_id}}';
-              logger.info(logText);
-            } // END customDataSuccess_{{forloop.index}}
-          } // END if carousel exists
-        {% endif %}
-      {% endfor %}
-
-      _this.setState('finished');
-      logger.info('state: ' + _this.getState());
-      logger.info('initializing module finished');
 
-      return true;
+                $('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
+                /* eslint-disable */
+                $('#{{slider_id}}').owlCarousel({
+                  {% for option in item.show.options %}
+                  {{option[0] | json}}: {{option[1] | json}},
+                  {% endfor %}
+                  // Enable lazyLoad if lightbox is enabled
+                  {% if item.show.lightbox %}
+                  "lazyLoad": true,
+                  {% endif %}
+                  "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');
+
+                // jQuery show data functions
+                function customDataSuccess_{{forloop.index}}(data){
+                  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;
+                    {% endif %}
+                    {% if slider_type == 'text' %}
+                    var text        = data['{{slider_id}}'][i].text;
+                    {% endif %}
+                    var href        = data['{{slider_id}}'][i].href;
+                    {% if  css_classes %}
+                    var css_classes = 'class="{{css_classes}}";';
+                    {% else %}
+                    var css_classes = '';
+                    {% endif %}
+
+                    {% if slider_type == 'image' %}
+                    // If lightbox is enabled (preference over href)
+                    if (lb) {
+                      if (lb_caption) {
+                        content += '\t\t' + '<div class="item {{slider_id}}-item {{slide_border}}">'+ '\n';
+                        content += '\t\t\t' + '<a href="' +img+ '" ' + 'data-lightbox="{{slider_id}}" data-title="' +lb_caption+ '">' + '\n';
+                        content += '\t\t\t\t' + '<img class="lazyOwl" src="' +img+ '">' + '\n';
+                        content += '\t\t\t' + '</a>' + '\n';
+                        if (href) {
+                        content += '\t\t\t' + '<span class="carousel-caption"><a href="' +href+ '">' +lb_caption+ '</a> </span>' + '\n';
+                        } else {
+                        content += '\t\t\t' + '<span class="carousel-caption">' +lb_caption+ '</span>' + '\n';
+                        }
+                        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>';
+                      }
+                    } else if (href) {
+                        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>';
+                    }
+                    {% endif %}
+
+                    {% if slider_type == 'text' %}
+                    if (href) {
+                      content += '<div class="item">' + '<p href=' +href+ '">' +text+ '</p>' + '</div>';
+                    } else {
+                      content += '<div class="item">' + '<p>' +text+ '</p>' + '</div>';
+                    }
+                    {% endif %}
+                  }
+                  $('#{{slider_id}}').html(content);
+                  logText = 'initializing slider finished on id: {{slider_id}}';
+                  logger.info(logText);
+                } // END customDataSuccess_{{forloop.index}}
+              } // END if carousel exists
+            {% endif %}
+          {% endfor %}
+          clearInterval(dependencies_met_page_finished);
+        }
+        _this.setState('finished');
+        logger.info('state: ' + _this.getState());
+        logger.info('initializing module finished');
+      }, 25); // END 'dependencies_met_adapter_finished'
     }, // END init
 
     // -------------------------------------------------------------------------