j1-template 2020.0.5 → 2020.0.10

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}}
@@ -293,7 +304,7 @@ j1.adapter['carousel'] = (function (j1, window) {
     // Set the current (processing) state of the module
     // -------------------------------------------------------------------------
     setState: function (stat) {
-      j1.adapter.scroller.state = stat;
+      j1.adapter.carousel.state = stat;
     }, // END setState
 
     // -------------------------------------------------------------------------
@@ -301,7 +312,7 @@ j1.adapter['carousel'] = (function (j1, window) {
     // Returns the current (processing) state of the module
     // -------------------------------------------------------------------------
     getState: function () {
-      return j1.adapter.scroller.state;
+      return j1.adapter.carousel.state;
     } // END state
 
   }; // END return
@@ -310,4 +321,4 @@ j1.adapter['carousel'] = (function (j1, window) {
 
 {% endcapture %}
 {{cache | strip_empty_lines}}
-{% assign cache = nil %}
+{% assign cache = nil %}

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);
@@ -189,7 +196,7 @@ j1.adapter['framer'] = (function (j1, window) {
     // Set the current (processing) state of the module
     // -------------------------------------------------------------------------
     setState: function (stat) {
-      j1.adapter.scroller.state = stat;
+      j1.adapter.framer.state = stat;
     }, // END setState
 
     // -------------------------------------------------------------------------
@@ -197,7 +204,7 @@ j1.adapter['framer'] = (function (j1, window) {
     // Returns the current (processing) state of the module
     // -------------------------------------------------------------------------
     getState: function () {
-      return j1.adapter.scroller.state;
+      return j1.adapter.framer.state;
     } // END state
 
   }; // END return
@@ -205,4 +212,4 @@ j1.adapter['framer'] = (function (j1, window) {
 
 {% endcapture %}
 {{ cache | strip_empty_lines }}
-{% assign cache = nil %}
+{% assign cache = nil %}

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');
@@ -1064,8 +1067,6 @@ var j1 = (function () {
 
       var logText = 'initializing material design finished';
       logger.info(logText);
-
-      return true;
     }, // END initMDB
 
     // -------------------------------------------------------------------------
@@ -1085,7 +1086,6 @@ var j1 = (function () {
           o[p] = a[i][p];
         }
       }
-
       return o;
     },  // END mergeData
 
@@ -1103,61 +1103,43 @@ var j1 = (function () {
     // -------------------------------------------------------------------------
     getLanguage: function () {
       var language = navigator.languages ? navigator.languages[0] : (navigator.language || navigator.userLanguage);
-
-      return language;
     }, // END getLanguage
 
     // -------------------------------------------------------------------------
-    //  returns the template version taken from site config ( _config.yml)
+    //  returns the template version taken from site config (_config.yml)
     // -------------------------------------------------------------------------
     getTemplateVersion: function () {
       return '{{template_version}}';
     }, // END getTemplateVersion
 
     // -------------------------------------------------------------------------
-    // Scrolls smooth to any anchor referenced by an page URL
-    // Values for delay|offset are taken from TOC module (Tocbot)
+    // Scrolls smooth to any anchor referenced by an page URL on
+    // e.g. a page reload. Values for delay|offset are taken from
+    // TOCCER module
     // -------------------------------------------------------------------------
     scrollTo: function () {
-      // Unclear why a offset correction is needed (sometimes ???)
-      var offset_correction = {{toccer_options.headingsOffset}};
-      var offset            = {{toccer_options.smoothScrollOffset}};
-      var anchor_id         = window.location.href.split("#")[1];
+      var anchor    = window.location.href.split('#')[1];
+      var anchor_id = '#' + anchor;
       var selector;
-      var heading;
-      var re;
-
-      if (anchor_id) {
-        selector    = $('.' + anchor_id + ', #' + anchor_id +',[name='+anchor_id+']');
-        heading     = selector[0].nodeName;
 
+      if (anchor && anchor_id) {
         // scroll only, if an anchor is given with URL
+        selector = $(anchor_id);
         if (selector.length) {
-          var delay     = {{toccer_options.smoothScrollDuration}};
-          var scroll_to = parseInt( selector.offset().top - offset - offset_correction );
-          //var scroll_to = selector.offset().top;
-          $('html,body').animate({scrollTop: scroll_to}, delay,
-            function () {
-              // scroll the page one pixel back and forth
-              // to get the right position for the NAV Module (Tocbot)
-              $(window).scrollTop($(window).scrollTop()+1);
-              $(window).scrollTop($(window).scrollTop()-1);
+          j1.core.scrollSmooth.scroll( anchor_id, {
+            duration: {{toccer_options.scrollSmoothDuration}},
+            offset: {{toccer_options.scrollSmoothOffset}},
+            callback: null
           });
         } else {
-          // TODO: to be checked if this else is needed
-          // scroll the page one pixel back and forth
-          // to get the right position for the NAV Module (Tocbot)
+          // scroll the page one pixel back and forth (trigger)
+          // 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);
-        } // selector.length
-      } else {
-        // scroll the page one pixel back and forth
-        // to get the right position for the NAV Module (Tocbot)
-        $(window).scrollTop($(window).scrollTop()+1);
-        $(window).scrollTop($(window).scrollTop()-1);
-      } // END if anchor_id
-
-      return true;
+        } // END if anchor_id
+      }
     }, // END scrollTo
 
     // -------------------------------------------------------------------------
@@ -1165,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
@@ -1220,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
@@ -1266,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
     //
@@ -1319,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;
         }
       });
@@ -1337,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);
@@ -1351,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;
         }
       });
@@ -1400,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);
@@ -1414,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;
         }
       });
@@ -1435,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;
@@ -1480,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);
         }
       });
@@ -1550,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 });
@@ -1596,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) {
@@ -1613,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;
@@ -1624,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 = '';
@@ -1643,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, '');
@@ -1739,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);
           });
 
         });
@@ -1781,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
@@ -1852,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
@@ -2044,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 %}