j1-template 2020.0.6 → 2020.0.11

data/{lib/starter_web/assets → assets}/themes/j1/adapter/js/attic.js

@@ -70,6 +70,12 @@ regenerate:                             true
  #  Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 {% comment %} Main
@@ -143,7 +149,7 @@ j1.adapter['attic'] = (function (j1, window) {
           function {{attic_id}} (atticOptions) {
             // Fire backstretch for all slides of the header on attic_id
             if ($('#{{attic_id}}').length) {
-              $("#{{attic_id}}").backstretch(
+              $('#{{attic_id}}').backstretch(
                 atticOptions.slides, {
                   debug:                          atticOptions.debug,
                   spinner:                        atticOptions.spinner,
@@ -188,7 +194,7 @@ j1.adapter['attic'] = (function (j1, window) {
             See: https://github.com/jquery-backstretch/jquery-backstretch/issues/194
             -------------------------------------------------------------------- {% endcomment %}
             $(window).on('backstretch.after', function (e, instance, index) {
-              logText ='add caption text'
+              logText ='add caption text';
               _this.setState('backstretch_after');
               logger.debug('state: ' + status);
               logger.debug(logText);
@@ -235,7 +241,7 @@ j1.adapter['attic'] = (function (j1, window) {
             {% comment %} Detect how show should run (only once|infinite loop)
             -------------------------------------------------------------------- {% endcomment %}
             {% if image_loop %}
-            $(window).on("backstretch.before", function (e, instance, index) {
+            $(window).on('backstretch.before', function (e, instance, index) {
               _this.setState('backstretch_before_image_loop');
               logger.debug('state: ' + _this.getState());
               // remove class for the backstretch_intro background
@@ -244,12 +250,12 @@ j1.adapter['attic'] = (function (j1, window) {
               }
             });
             {% else %}
-            $(window).on("backstretch.before", function (e, instance, index) {
+            $(window).on('backstretch.before', function (e, instance, index) {
               _this.setState('backstretch_before_image_once');
               logger.debug('state: ' + _this.getState());
               // Stop the slideshow after reached the last image
               if (index === backstretch_instance_data.images.length -1) {
-                $("#{{attic_id}}").backstretch("pause");
+                $('#{{attic_id}}').backstretch('pause');
                 // remove class for the backstretch_intro background
                 $('.backstretch').removeClass(atticOptions.spinner);
               }
@@ -316,6 +322,7 @@ j1.adapter['attic'] = (function (j1, window) {
 
                 // Create and json object for HEADER options taken from
                 // header config (YAML data file)
+                /* eslint-disable */
                 var atticOptions = {
                   {% if raised_level %}         "raised_level":           {{ raised_level | json }}, {% endif %}
                   {% if r_text %}               "r_text":                 {{ r_text | json }}, {% endif %}
@@ -334,10 +341,10 @@ j1.adapter['attic'] = (function (j1, window) {
                   {% if background_color_1 %}   "background_color_1":     {{ background_color_1 | json }}, {% endif %}
                   {% if background_color_2 %}   "background_color_2":     {{ background_color_2 | json }}, {% endif %}
                 }
-
+                /* eslint-enable */
                 {% comment %} trans-script header|backstretch options
                 ---------------------------------------------------------------- {% endcomment %}
-                {% if type == "video" %}
+                {% if type == 'video' %}
                   {% assign isVideo = true %}
                   {% if sound %} {% assign mute = false %} {% else %} {% assign mute = true %} {% endif %}
                   {% if loop %}  {% assign loop = true %}  {% else %} {% assign loop = true %} {% endif %}
@@ -345,6 +352,7 @@ j1.adapter['attic'] = (function (j1, window) {
 
                 // Create an json object for BACKSTRETCH options taken from
                 // header config (yaml data file)
+                /* eslint-disable */
                 var atticOptions = {
                   {% if spinner %}              "spinner":                {{ spinner | json }}, {% endif %}
                   {% if opacity %}              "opacity":                {{ opacity | json }}, {% endif %}
@@ -366,20 +374,13 @@ j1.adapter['attic'] = (function (j1, window) {
                   {% if duration %}             "duration":               {{ duration | json }}, {% endif %}
                 }
 
-                // Load  Header DEFAULTS
+                // Load  Attic DEFAULTS
                 var attic_options = $.extend({}, {{attic_options | replace:'=>',':' }});
 
-                // Merge|Overload  Header DEFAULTS by (header) OPTIONS
+                // Merge|Overload  Attic DEFAULTS by individual settings
                 // var atticOptions = j1.mergeData(attic_options, atticOptions);
                 var atticOptions = j1.mergeData(atticOptions, attic_options);
-
-                // Load  Backstretch DEFAULTS
-                //var image_attic_defaults = $.extend({}, {{image_attic_defaults | replace:'=>',':' }});
-
-                // Merge|Overload  Backstretch DEFAULTS by (header) OPTIONS
-                //var atticOptions = j1.mergeData(image_attic_defaults, atticOptions);
-
-
+                /* eslint-enable */
               {% else %}
                 {% continue %}
               {% endif %} // ENDIF attic_id
@@ -447,12 +448,12 @@ j1.adapter['attic'] = (function (j1, window) {
             -------------------------------------------------------------------- {% endcomment %}
             if (atticOptions.r_text == 'enabled') { $('#{{attic_id}}').addClass('r-text'); }
 
-            var raised_level = "raised-z" +atticOptions.raised_level;
+            var raised_level = 'raised-z' +atticOptions.raised_level;
             $('#{{attic_id}}').addClass(raised_level);
             $('#head-title').addClass(atticOptions.title_animate);
             $('#head-tagline').addClass(atticOptions.tagline_animate);
 
-            var text_emphasis = "text-emphasis-" +atticOptions.text_emphasis;
+            var text_emphasis = 'text-emphasis-' +atticOptions.text_emphasis;
             $('#head-title-text').addClass(text_emphasis);
             $('#head-tagline-text').addClass(text_emphasis);
 
@@ -461,22 +462,22 @@ j1.adapter['attic'] = (function (j1, window) {
             var attic_style = '';
 
             // Initialze header background gradient
-            attic_style += "<style> .attic { ";
-            attic_style += "background-image: -webkit-gradient(linear, left top, left bottom, from(" +atticOptions.background_color_1+ "), to(" +atticOptions.background_color_2+ "));";
-            attic_style += "background-image: -webkit-linear-gradient(top, " +atticOptions.background_color_1+ " 0%, " +atticOptions.background_color_2+ " 100%);";
-            attic_style += "background-image: -o-linear-gradient(top, " +atticOptions.background_color_1+ " 0%, " +atticOptions.background_color_2+ " 100%);";
-            attic_style += "background-image: linear-gradient(to bottom, " +atticOptions.background_color_1+ " 0%, " +atticOptions.background_color_2+ " 100%);";
-            attic_style += 'filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="' +atticOptions.background_color_1+ '", endColorstr="' +atticOptions.background_color_2+ '", GradientType=0); ';
-            attic_style += "} </style>";
+            attic_style += '<style> .attic { ';
+            attic_style += 'background-image: -webkit-gradient(linear, left top, left bottom, from(' +atticOptions.background_color_1+ '), to(' +atticOptions.background_color_2+ '));';
+            attic_style += 'background-image: -webkit-linear-gradient(top, ' +atticOptions.background_color_1+ ' 0%, ' +atticOptions.background_color_2+ ' 100%);';
+            attic_style += 'background-image: -o-linear-gradient(top, ' +atticOptions.background_color_1+ ' 0%, ' +atticOptions.background_color_2+ ' 100%);';
+            attic_style += 'background-image: linear-gradient(to bottom, ' +atticOptions.background_color_1+ ' 0%, ' +atticOptions.background_color_2+ ' 100%);';
+            attic_style += 'filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="' +atticOptions.background_color_1+ '", endColorstr="' +atticOptions.background_color_2+ '", GradientType=0);';
+            attic_style += '} </style>';
             $('head').append(attic_style);
 
             // Initialze header sizes
             attic_style = '';
+            attic_style = '<style> .attic { padding-top: ' +atticOptions.padding_top+ 'px; padding-bottom: ' +atticOptions.padding_bottom+ 'px; margin-bottom: ' +atticOptions.margin_bottom+ 'px; text-shadow: 0 1px 0 rgba(0,0,0,.1); </style>';
 
-            attic_style = "<style> .attic { padding-top:" +atticOptions.padding_top+ "px; padding-bottom: " +atticOptions.padding_bottom+ "px; margin-bottom: " +atticOptions.margin_bottom+ "px; text-shadow: 0 1px 0 rgba(0,0,0,.1); </style>"
             $('head').append(attic_style);
-            $('head').append("<style> .attic .head-title h2 { color: " +atticOptions.title_color+ ";font-size: " +atticOptions.title_size+ " !important; text-align: " +atticOptions.title_align+ ";} </style>");
-            $('head').append("<style> .attic .head-tagline h3 { color: " +atticOptions.tagline_color+ ";font-size: " +atticOptions.tagline_size+ " !important; text-align: " +atticOptions.tagline_align+ "; } </style>");
+            $('head').append('<style> .attic .head-title h2 { color: ' +atticOptions.title_color+ ';font-size: ' +atticOptions.title_size+ ' !important; text-align: ' +atticOptions.title_align+ ';} </style>');
+            $('head').append('<style> .attic .head-tagline h3 { color: ' +atticOptions.tagline_color+ ';font-size: ' +atticOptions.tagline_size+ ' !important; text-align: ' +atticOptions.tagline_align+ '; } </style>');
 
             // Add opacity to all header images
             // See: https://tympanus.net/codrops/2013/11/07/css-overlay-techniques/
@@ -495,7 +496,7 @@ j1.adapter['attic'] = (function (j1, window) {
               $(function() {
                 // logger.debug('Load image header on: ' + {{attic_id}});
                 logger.debug('Load image header');
-                {{attic_id}}(atticOptions)
+                {{attic_id}}(atticOptions);
                 _this.setState('completed');
                 logger.info('state: ' + _this.getState());
               });

data/{lib/starter_web/assets → assets}/themes/j1/adapter/js/carousel.js

@@ -64,6 +64,12 @@ regenerate:                             true
  #  Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 {% comment %} Main
@@ -102,7 +108,9 @@ 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);
@@ -141,7 +149,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 +181,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 +198,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 +240,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}}

data/{lib/starter_web/assets → assets}/themes/j1/adapter/js/cookie_consent.js

@@ -66,6 +66,12 @@ regenerate:                             false
  #  Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 j1.adapter['cookie_consent'] = (function (j1, window) {
@@ -126,7 +132,9 @@ j1.adapter['cookie_consent'] = (function (j1, window) {
       // -----------------------------------------------------------------------
       // options loader
       // -----------------------------------------------------------------------
+      /* eslint-disable */
       moduleOptions = $.extend({}, {{consent_options | replace: '=>', ':' | replace: 'nil', '""'}});
+      /* eslint-enable */
 
       if (typeof options !== 'undefined') {
         moduleOptions = j1.mergeData(moduleOptions, settings);

data/{lib/starter_web/assets → assets}/themes/j1/adapter/js/framer.js

@@ -71,6 +71,12 @@ regenerate:                             false
  #  Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
  */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 {% comment %} Main
@@ -112,8 +118,9 @@ j1.adapter['framer'] = (function (j1, window) {
       {% comment %} Load module config from yml data
       -------------------------------------------------------------------------- {% endcomment %}
       // Load  module DEFAULTS|CONFIG
-      //
+      /* eslint-disable */
       moduleOptions = $.extend({}, {{framer_options | replace: '=>', ':' | replace: 'nil', '""'}});
+      /* eslint-enable */
 
       if (typeof settings !== 'undefined') {
         moduleOptions = j1.mergeData(moduleOptions, settings);

data/{lib/starter_web/assets → assets}/themes/j1/adapter/js/gallery_customizer.js

@@ -86,6 +86,12 @@ regenerate:                             false
  # Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 {% comment %} Main
@@ -108,7 +114,7 @@ j1.adapter['gallery_customizer'] = (function (j1, window) {
     // See: https://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string
     //
     var args = Array.prototype.slice.call(arguments, 2);
-    var namespaces = functionName.split(".");
+    var namespaces = functionName.split('.');
     var func = namespaces.pop();
     for(var i = 0; i < namespaces.length; i++) {
       context = context[namespaces[i]];
@@ -138,8 +144,10 @@ j1.adapter['gallery_customizer'] = (function (j1, window) {
 
       {% comment %} Load gallery config from yml data
       -------------------------------------------------------------------------- {% endcomment %}
+      /* eslint-disable */
       galleryOptions    = $.extend({}, {{gallery_options | replace: '=>', ':' | replace: 'nil', '""'}});
       customizerOptions = $.extend({}, {{customizer_options | replace: '=>', ':' | replace: 'nil', '""'}});
+      /* eslint-enable */
 
       {% comment %} Set global variables
       -------------------------------------------------------------------------- {% endcomment %}
@@ -186,7 +194,7 @@ j1.adapter['gallery_customizer'] = (function (j1, window) {
               if ($formId.length) {
                 var timerid;
 
-                $("input[name='rowHeight']").on('input', function (e) {
+                $('input[name="rowHeight"]').on('input', function (e) {
                   var value = $(this).val();
 
                   if (value < imageHeightMin) { return false; }
@@ -272,7 +280,7 @@ j1.adapter['gallery_customizer'] = (function (j1, window) {
                 });
 
                 $('input:checkbox[name="random"]').on('click', function (e) {
-                  var value = $(this).is(":checked");
+                  var value = $(this).is(':checked');
 
                   $instance.justifiedGallery({randomize: value});
                   if(environment === 'development') {
@@ -300,7 +308,7 @@ j1.adapter['gallery_customizer'] = (function (j1, window) {
                 });
 
                 $('input:checkbox[name="hide_last_row"]').on('click', function (e) {
-                  var value = $(this).is(":checked");
+                  var value = $(this).is(':checked');
 
                   if (value == true) {
                     value = 'hide';
@@ -322,10 +330,10 @@ j1.adapter['gallery_customizer'] = (function (j1, window) {
                   $('#rowHeightMax').val(customizerOptions.gallery_settings.maxRowHeight);
                   $('#margins').val(customizerOptions.gallery_settings.margins);
                   $('#border').val(customizerOptions.gallery_settings.border);
-                  $('input:checkbox[name="captions"]').val("on").filter('[value="on"]').prop('checked', customizerOptions.gallery_settings.captions);
-                  $('input:checkbox[name="random"]').val("off").filter('[value="off"]').prop('checked', customizerOptions.gallery_settings.randomize);
-                  $('input:checkbox[name="justify_last_row"]').val("on").filter('[value="on"]').prop('checked', customizerOptions.gallery_settings.justifyLastRow);
-                  $('input:checkbox[name="hide_last_row"]').val("off").filter('[value="off"]').prop('checked', customizerOptions.gallery_settings.hideLastRow);
+                  $('input:checkbox[name="captions"]').val('on').filter('[value="on"]').prop('checked', customizerOptions.gallery_settings.captions);
+                  $('input:checkbox[name="random"]').val('off').filter('[value="off"]').prop('checked', customizerOptions.gallery_settings.randomize);
+                  $('input:checkbox[name="justify_last_row"]').val('on').filter('[value="on"]').prop('checked', customizerOptions.gallery_settings.justifyLastRow);
+                  $('input:checkbox[name="hide_last_row"]').val('off').filter('[value="off"]').prop('checked', customizerOptions.gallery_settings.hideLastRow);
 
                   $instance.justifiedGallery({
                     rowHeight:          customizerOptions.gallery_settings.rowHeight,

data/{lib/starter_web/assets → assets}/themes/j1/adapter/js/j1.js

@@ -96,6 +96,12 @@ regenerate:                             true
  # Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
 */
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
 'use strict';
 
 var j1 = (function () {
@@ -121,7 +127,7 @@ var j1 = (function () {
   var user_session_detected;
 
   // Connector settings
-  var translation_enabled = {{template_config.translation.enabled}}
+  var translation_enabled = {{template_config.translation.enabled}};
 
   // Theme information
   var themeName;
@@ -155,7 +161,7 @@ var j1 = (function () {
     'app_session':  '{{template_config.cookies.app_session}}',
     'user_session': '{{template_config.cookies.user_session}}',
     'user_state':   '{{template_config.cookies.user_state}}'
-  }
+  };
 
   // user SESSION cookie (initial values)
   var user_session = {
@@ -202,7 +208,7 @@ var j1 = (function () {
     // See: https://stackoverflow.com/questions/359788/how-to-execute-a-javascript-function-when-i-have-its-name-as-a-string
     //
     var args = Array.prototype.slice.call(arguments, 2);
-    var namespaces = functionName.split(".");
+    var namespaces = functionName.split('.');
     var func = namespaces.pop();
     for(var i = 0; i < namespaces.length; i++) {
       context = context[namespaces[i]];
@@ -224,7 +230,7 @@ var j1 = (function () {
       // global var (function)
       // -----------------------------------------------------------------------
       var logger        = log4javascript.getLogger('j1.init');
-      var url           = new parseURL(window.location.href)
+      var url           = new parseURL(window.location.href);
       var baseUrl       = url.origin;
       var epoch         = Math.floor(Date.now()/1000);
       var timestamp_now = moment.unix(epoch).format('YYYY-MM-DD HH:mm:ss');
@@ -289,19 +295,11 @@ var j1 = (function () {
         user_state.session_active     = false;
         user_state.last_session_ts    = timestamp_now;
 
-        // DANGEROUS (??): delete user session in browser using MULTI_TAB!
-        // if (j1.existsCookie(cookie_names.user_session)) {
-        //   var bla = cookie_names.user_session;
-        //   j1.deleteCookie(cookie_names.user_session)
-        // }
-
         j1.writeCookie({
           name: cookie_user_state_name,
           data: user_state,
           expires: 365
         });
-
-
       });
 
       // -----------------------------------------------------------------------
@@ -420,8 +418,8 @@ var j1 = (function () {
         var logger = log4javascript.getLogger('j1.init');
 
         if ( settings.scrollbar === 'false'  ) {
-          $('body').addClass( 'hide-scrollbar' )
-          $('html').addClass( 'hide-scrollbar-moz' )
+          $('body').addClass('hide-scrollbar');
+          $('html').addClass('hide-scrollbar-moz');
         }
 
         logger.info('read user state from cookie');
@@ -529,6 +527,11 @@ var j1 = (function () {
         logger.error(logText);
       });
 
+      // -----------------------------------------------------------------------
+      // additional BS helpers from j1.core
+      // -----------------------------------------------------------------------
+      j1.core.bsFormClearButton();
+
     }, // END init
 
     // -------------------------------------------------------------------------
@@ -596,13 +599,13 @@ var j1 = (function () {
             {% if background_color_1 and background_color_2 %}
             var banner_backround_style = '';
             // Initialze banner background gradient/colors
-            banner_backround_style += "<style> .{{id}}-background { ";
-            banner_backround_style += "background-image: -webkit-gradient(linear, left top, left bottom, from( " +j1.setColorData('{{background_color_1}}')+ " ), to(  " +j1.setColorData('{{background_color_2}}')+ " ));";
-            banner_backround_style += "background-image: -webkit-linear-gradient(top, " +j1.setColorData('{{background_color_1}}')+ " 0%, " +j1.setColorData('{{background_color_2}}')+ " 100%);";
-            banner_backround_style += "background-image: -o-linear-gradient(top, " +j1.setColorData('{{background_color_1}}')+ " 0%, " +j1.setColorData('{{background_color_2}}')+ " 100%);";
-            banner_backround_style += "background-image: linear-gradient(to bottom, " +j1.setColorData('{{background_color_1}}')+ " 0%, " +j1.setColorData('{{background_color_2}}')+ " 100%);";
-            banner_backround_style += 'filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="' +j1.setColorData('{{background_color_1}}')+ '", endColorstr="' +j1.setColorData('{{background_color_2}}')+ '", GradientType=0); ';
-            banner_backround_style += "} </style>";
+            banner_backround_style += '<style> .{{id}}-background { ';
+            banner_backround_style += 'background-image: -webkit-gradient(linear, left top, left bottom, from( ' +j1.setColorData('{{background_color_1}}')+ ' ), to(  ' +j1.setColorData('{{background_color_2}}')+ ' ));';
+            banner_backround_style += 'background-image: -webkit-linear-gradient(top, ' +j1.setColorData('{{background_color_1}}')+ ' 0%, ' +j1.setColorData('{{background_color_2}}')+ ' 100%);';
+            banner_backround_style += 'background-image: -o-linear-gradient(top, ' +j1.setColorData('{{background_color_1}}')+ ' 0%, ' +j1.setColorData('{{background_color_2}}')+ ' 100%);';
+            banner_backround_style += 'background-image: linear-gradient(to bottom, ' +j1.setColorData('{{background_color_1}}')+' 0%, ' +j1.setColorData('{{background_color_2}}')+ ' 100%);';
+            banner_backround_style += 'filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="' +j1.setColorData('{{background_color_1}}')+ '", endColorstr="' +j1.setColorData('{{background_color_2}}')+ '", GradientType=0);';
+            banner_backround_style += '} </style>';
             $('head').append( banner_backround_style );
             {% endif %}
 
@@ -723,7 +726,7 @@ var j1 = (function () {
 
       if ( panel.length ) {
         for (var i in panel) {
-          var id = "#" + panel[i];
+          var id = '#' + panel[i];
           var selector = $(id);
           if ( selector.length ) {
             logText = 'loading panel on id: ' +panel[i];
@@ -759,7 +762,7 @@ var j1 = (function () {
 
             state = 'footer_loaded';
             logger.info('set state for module ' + mod + ': ' + state);
-            executeFunctionByName(mod + '.setState', window, state)
+            executeFunctionByName(mod + '.setState', window, state);
 
             logText = 'initialization finished';
             logger.info(logText);
@@ -850,14 +853,14 @@ var j1 = (function () {
     // -------------------------------------------------------------------------
     // NOTE:
     //  jadams, 2019-08-21: for unknown reason, the user state data
-    //  (read from cookie) seems not coorect (or loaded too late).
+    //  (read from cookie) seems not correct (or loaded too late).
     //  To make correct data sure for APP mode, a status request is done
     //  to load the current state from the middleware (skipped in WEB mode)
     // -------------------------------------------------------------------------
     displayPage: function (options) {
       var logger              = log4javascript.getLogger('j1.displayPage');
       var flickerTimeout      = {{template_config.flicker_timeout}};
-      var url                 = new parseURL(window.location.href)
+      var url                 = new parseURL(window.location.href);
       var baseUrl             = url.origin;
       var ep_status           = baseUrl + '/status' + '?page=' + window.location.pathname;
       var user_session        = j1.readCookie(cookie_names.user_session);
@@ -942,13 +945,13 @@ var j1 = (function () {
               if (user_session.authenticated === 'true') {
                 // set signout
                 logger.info('show signout icon');
-                $('#navLinkSignInOut').attr("data-target","#modalOmniSignOut");
-                $('#iconSignInOut').removeClass( "mdi-login" ).addClass( "mdi-logout" );
+                $('#navLinkSignInOut').attr('data-target','#modalOmniSignOut');
+                $('#iconSignInOut').removeClass('mdi-login').addClass('mdi-logout');
               } else {
                 // set signin
                 logger.info('show signin icon');
-                $('#navLinkSignInOut').attr("data-target","#modalOmniSignIn");
-                $('#iconSignInOut').removeClass( "mdi-logout" ).addClass( "mdi-login" );
+                $('#navLinkSignInOut').attr('data-target','#modalOmniSignIn');
+                $('#iconSignInOut').removeClass('mdi-logout').addClass('mdi-login');
               }
               logger.info('authentication detected as: ' + user_session.authenticated);
               $('#quickLinksSignInOutButton').css('display', 'block');
@@ -1115,11 +1118,11 @@ var j1 = (function () {
     // TOCCER module
     // -------------------------------------------------------------------------
     scrollTo: function () {
-      var anchor    = window.location.href.split("#")[1];
+      var anchor    = window.location.href.split('#')[1];
       var anchor_id = '#' + anchor;
       var selector;
 
-      if (anchor_id) {
+      if (anchor && anchor_id) {
         // scroll only, if an anchor is given with URL
         selector = $(anchor_id);
         if (selector.length) {
@@ -1130,7 +1133,9 @@ var j1 = (function () {
           });
         } else {
           // scroll the page one pixel back and forth (trigger)
-          // to get the right position for the Toccer
+          // to get the right position for the Toccer and adjust the
+          // Navigator to display the (tranparent) navbar correctly
+          //
           $(window).scrollTop($(window).scrollTop()+1);
           $(window).scrollTop($(window).scrollTop()-1);
         } // END if anchor_id
@@ -1142,8 +1147,8 @@ var j1 = (function () {
     //  Returns the state of the authentication module
     // -------------------------------------------------------------------------
     authEnabled: function () {
-      var logger = log4javascript.getLogger('j1.authentication');
-      var authEnabled = {{authentication_options.j1_auth.enabled}}
+      var logger      = log4javascript.getLogger('j1.authentication');
+      var authEnabled = {{authentication_options.j1_auth.enabled}};
 
       return authEnabled;
     }, // END authEnabled
@@ -1197,20 +1202,20 @@ var j1 = (function () {
         };
       };
 
-      var id = "#" + options.xhr_container_id;
+      var id = '#' + options.xhr_container_id;
       var selector = $(id);
 
       if ( selector.length ) {
-        var modal_html_data_path = options.xhr_data_path + " > *";
+        var modal_html_data_path = options.xhr_data_path + ' > *';
         selector.load( modal_html_data_path, cb_load_closure( mod, id ) );
         return true;
       } else {
-        logText = "data not loaded"
+        logText = 'data not loaded';
         logger.warn(logText);
         // Set processing state to 'finished' to complete module load
         state = 'finished';
         logger.info('state: ' + state);
-        executeFunctionByName(mod + '.setState', window, state)
+        executeFunctionByName(mod + '.setState', window, state);
         return false;
       }
     }, // END xhrData
@@ -1243,37 +1248,6 @@ var j1 = (function () {
 
     }, // END xhrApi
 
-    // -------------------------------------------------------------------------
-    //  fetchAPI: Fetch (Promise) based async request
-    //  Returns the current git state collected from /git endpoint
-    // -------------------------------------------------------------------------
-    fetchAPI: function (params, cbData) {
-      var logger    = log4javascript.getLogger('j1.fetchAPI');
-      var cbData      = cbData;
-      var parameters  = params == '' ? 'all' : params;
-      var url         = 'http://localhost:41001/gut';
-
-      async function callAPI() {
-        const URL         = url;
-        const fetchResult = fetch(URL)
-        const response    = await fetchResult;
-
-        if (response.ok) {
-          const jsonData  = await response.json();
-          json_data       = JSON.stringify(jsonData, undefined, 2);
-          logText         = 'response from fetch received: ' + json_data;
-          logger.info(logText);
-          //console.log(jsonData);
-        } else {
-          throw Error(response.statusText);
-          // logger.error("Fetch request failed: " + response.statusText);
-        }
-      }
-      callAPI();
-
-      return true;
-    }, // END fetchAPI
-
     // -------------------------------------------------------------------------
     // getRuntimeData: Returns the j1_runtime data object
     //
@@ -1296,7 +1270,7 @@ var j1 = (function () {
           logger.warn(logText);
           state = 'runtime_data_loaded_failed';
           logger.info('state: ' + state);
-          executeFunctionByName('j1.setState', window, state)
+          executeFunctionByName('j1.setState', window, state);
           return false;
         }
       });
@@ -1314,7 +1288,7 @@ var j1 = (function () {
       return $.ajax({
         url:      data_path,
         success:  function (data) {
-          var logText = "color data loaded successfully"
+          var logText = 'color data loaded successfully';
           logger.info(logText);
           state = 'color_data_loaded_success';
           logger.info('state: ' + state);
@@ -1328,11 +1302,11 @@ var j1 = (function () {
           }
         },
         error: function (data) {
-          var logText = "color data not loaded"
+          var logText = 'color data not loaded';
           logger.warn(logText);
           state = 'color_data_loaded_failed';
           logger.info('state: ' + state);
-          executeFunctionByName('j1.setState', window, state)
+          executeFunctionByName('j1.setState', window, state);
           return false;
         }
       });
@@ -1377,7 +1351,7 @@ var j1 = (function () {
       return $.ajax({
         url:      data_path,
         success:  function (data) {
-          var logText = "font size data loaded successfully"
+          var logText = 'font size data loaded successfully';
           logger.info(logText);
           state = 'fontsize_data_loaded_success';
           logger.info('state: ' + state);
@@ -1391,11 +1365,11 @@ var j1 = (function () {
           }
         },
         error: function (data) {
-          var logText = "font size data not loaded"
+          var logText = 'font size data not loaded';
           logger.warn(logText);
           state = 'fontsize_data_loaded_failed';
           logger.info('state: ' + state);
-          executeFunctionByName('j1.setState', window, state)
+          executeFunctionByName('j1.setState', window, state);
           return false;
         }
       });
@@ -1412,8 +1386,7 @@ var j1 = (function () {
         var reCSS = /\bpx\b|\brem\b|\bem\b|\%|\binherit\b|\binitial\b|\bunset\b/;
         var isCSS = size.match(reCSS);
 
-//      if ( typeof j1_font_sizes[size] != "undefined" ) {
-        if ( typeof j1.fonts[size] != "undefined" ) {
+        if ( typeof j1.fonts[size] != 'undefined' ) {
             return j1.fonts[size];
         } else if (isCSS) {
           return size;
@@ -1457,14 +1430,14 @@ var j1 = (function () {
             }
           }
           j1.messages = message_catalog;
-          logBase = message_catalog.info.getData.message
+          logBase = message_catalog.info.getData.message;
           logText = logBase.text + logBase.message_catalog + logBase.finished;
           logger.info(logText);
         },
         error: function(data) {
           var json_data = JSON.stringify(data, undefined, 2);
           logBase       = message_catalog.error.getData.message;
-          logText       = logBase.text + logBase.xhr + ': ' + json_data
+          logText       = logBase.text + logBase.xhr + ': ' + json_data;
           logger.error(logText);
         }
       });
@@ -1527,8 +1500,8 @@ var j1 = (function () {
           Cookies.set(settings.name, data_encoded);
         }
       } else {
-        cookie_data   = settings.data
-        data_json     = JSON.stringify( settings.data );
+        cookie_data   = settings.data;
+        data_json     = JSON.stringify(settings.data);
         data_encoded  = window.btoa(data_json);
         if (settings.expires > 0) {
           Cookies.set(settings.name, data_encoded, { expires: settings.expires });
@@ -1573,13 +1546,13 @@ var j1 = (function () {
     // -------------------------------------------------------------------------
     deleteCookie: function (options) {
       var name        = options;
-      var all_cookies = document.cookie.split("; ");
+      var all_cookies = document.cookie.split('; ');
 
       if ( name === 'all' ) {
         for (var c = 0; c < all_cookies.length; c++) {
-          var d = window.location.hostname.split(".");
+          var d = window.location.hostname.split('.');
           while (d.length > 0) {
-            var cookieBase = encodeURIComponent(all_cookies[c].split(";")[0].split("=")[0]) + '=; expires=Thu, 01-Jan-1970 00:00:01 GMT; domain=' + d.join('.') + ' ;path=';
+            var cookieBase = encodeURIComponent(all_cookies[c].split(';')[0].split('=')[0]) + '=; expires=Thu, 01-Jan-1970 00:00:01 GMT; domain=' + d.join('.') + ' ;path=';
             var p = location.pathname.split('/');
             document.cookie = cookieBase + '/';
             while (p.length > 0) {
@@ -1590,7 +1563,7 @@ var j1 = (function () {
           }
         }
       } else {
-        document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 GMT";
+        document.cookie = name + '=;expires=Thu, 01 Jan 1970 00:00:00 GMT';
       }
 
       return true;
@@ -1601,8 +1574,8 @@ var j1 = (function () {
     // -------------------------------------------------------------------------
     existsCookie: function (name) {
       var dc            = document.cookie;
-      var prefix        = name + "=";
-      var begin         = dc.indexOf("; " + prefix);
+      var prefix        = name + '=';
+      var begin         = dc.indexOf('; ' + prefix);
       var end           = dc.length; // default to end of the string
       var cookieExists  = false;
       var cookieContent = '';
@@ -1620,8 +1593,8 @@ var j1 = (function () {
 
       // if ";" is found somewhere after the prefix position then "end" is
       // that position, otherwise it defaults to the end of the string
-      if (dc.indexOf(";", begin) !== -1) {
-        end = dc.indexOf(";", begin);
+      if (dc.indexOf(';', begin) !== -1) {
+        end = dc.indexOf(';', begin);
       }
 
       cookieContent = decodeURI(dc.substring(begin + prefix.length, end) ).replace(/"/g, '');
@@ -1716,32 +1689,32 @@ var j1 = (function () {
             var $this = $(this);
             var $html = $this.html();
             $this.html($html.replace(/Provider:.*/, 'Provider: ' + user_data.provider));
-            $('#macro-provider').attr("href", user_data.provider_site_url);
+            $('#macro-provider').attr('href', user_data.provider_site_url);
           });
           $('#macro-user-name').each(function() {
             var $this = $(this);
             var $html = $this.html();
             $this.html($html.replace(/User:.*/, 'User: ' + user_data.user_name));
-            $('#macro-user-name').attr("href", user_data.provider_member_url);
+            $('#macro-user-name').attr('href', user_data.provider_member_url);
           });
           $('#macro-provider-permissions').each(function() {
             var $this = $(this);
             var $html = $this.html();
             // $this.html($html.replace(/public|protected|private|blocked/, user_data.provider_permissions));
             $this.html($html.replace(/public.*|protected.*|private.*|blocked.*/, user_data.provider_permissions));
-            $('#macro-provider-permissions').attr("href", user_data.provider_member_url);
+            $('#macro-provider-permissions').attr('href', user_data.provider_member_url);
           });
           $('#macro-provider-membership').each(function() {
             var $this = $(this);
             var $html = $this.html();
             $this.html($html.replace(/guest|member/, user_data.provider_membership));
-            $('#macro-provider-membership').attr("href", user_data.provider_member_url);
+            $('#macro-provider-membership').attr('href', user_data.provider_member_url);
           });
           $('#macro-cookie-state').each(function() {
             var $this = $(this);
             var $html = $this.html();
             $this.html($html.replace(/accepted|declined|pending/, user_data.cookies_accepted));
-            $('#macro-cookie-state').attr("href", user_data.provider_privacy_url);
+            $('#macro-cookie-state').attr('href', user_data.provider_privacy_url);
           });
 
         });
@@ -1758,7 +1731,7 @@ var j1 = (function () {
     // Get a log message from the log message catalog object
     // -------------------------------------------------------------------------
     getMessage: function (level, message, property) {
-      var message = j1.messages[level][message]["message"][property];
+      var message = j1.messages[level][message]['message'][property];
 
       return message;
     }, // END getMessage
@@ -1829,12 +1802,12 @@ var j1 = (function () {
       if ( receiver === 'j1' ) {
         logText = 'send message from ' + sender + ' to' + receiver + ': ' + json_message;
         logger.debug(logText);
-        executeFunctionByName('j1' + '.messageHandler', window, sender, message)
+        executeFunctionByName('j1' + '.messageHandler', window, sender, message);
       } else {
         logText = 'send message from ' + sender + ' to ' + receiver + ': ' + json_message;
         logger.debug(logText);
         //executeFunctionByName('j1.' + receiver + '.messageHandler', window, sender, message)
-        executeFunctionByName(receiver + '.messageHandler', window, sender, message)
+        executeFunctionByName(receiver + '.messageHandler', window, sender, message);
       }
 
     }, // END sendMessage
@@ -2021,16 +1994,14 @@ var j1 = (function () {
         window.home();
       } else if (document.all) {
         // for IE
-        window.location.href = "about:home";
+        window.location.href = 'about:home';
       } else {
-        window.location.href = "about:blank";
+        window.location.href = 'about:blank';
       }
     } // END gohome
-
-  } // END j1 (return)
+  }; // END j1 (return)
 }) (j1, window);
 
 {% endcapture %}
-
 {{ cache | strip_empty_lines }}
 {% assign cache = nil %}