j1_template_mde 2018.4.10

data/lib/starter_web/assets/themes/j1/core/js/adapter/scroller.js

@@ -0,0 +1,110 @@
+---
+regenerate:                         true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/assets/themes/j1/core/js/adapter/smooth_scroll.js
+ #  Liquid template to create the Template Adapter for J1 Scroller
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+/*
+ # -----------------------------------------------------------------------------
+ #  ~/assets/themes/j1/core/js/adapter/smooth_scroll.js
+ #  JS Adapter for J1 Scroller (SmoothScroll)
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #  https://github.com/galambalazs/smoothscroll-for-websites
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #  Copyright (C) 2010-2016 Balazs Galambosi
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #  Smooth Scroll is licensed under the MIT License.
+ #  For details, https://github.com/galambalazs/smoothscroll-for-websites
+ #
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+'use strict';
+
+{% comment %} Variables
+--------------------------------------------------------------- {% endcomment %}
+
+{% assign environment   = site.environment %}
+{% assign config        = site.data.modules.j1_smooth_scroll %}
+
+
+{% comment %} Main
+--------------------------------------------------------------- {% endcomment %}
+
+j1.Scroller = (function (j1, window) {
+  var environment = '{{environment}}'; // Set environment
+  var state       = 'unknown';
+  var logger;
+  var logText;
+
+  return {
+    // Initialize
+    init: function () {
+      // Setup logger
+      logger = log4javascript.getLogger("j1.Scroller");
+      state = 'started';
+      logger.info('state: ' + state); // Set|Log status
+      logger.info("SmoothScroll being initialized");
+
+      SmoothScroll({
+        frameRate:              {{ config.frameRate | json }},
+        animationTime:          {{ config.animationTime | json }},
+        stepSize:               {{ config.stepSize | json }},
+        accelerationDelta:      {{ config.accelerationDelta | json }},
+        accelerationMax:        {{ config.accelerationMax | json }},
+        keyboardSupport:        {{ config.keyboardSupport | json }},
+        arrowScroll:            {{ config.arrowScroll | json }},
+        pulseAlgorithm:         {{ config.pulseAlgorithm | json }},
+        pulseScale:             {{ config.pulseScale | json }},
+        pulseNormalize:         {{ config.pulseNormalize | json }},
+        touchpadSupport:        {{ config.touchpadSupport | json }},
+        fixedBackground:        {{ config.fixedBackground | json }},
+        excluded:               {{ config.excluded | json }},
+      });
+
+      state = 'finished';
+      logger.info('state: ' + state); // Set|Log status
+      logger.info("SmoothScroll initialized successfully");
+
+    }, // end init
+
+    // -------------------------------------------------------------------------
+    //  returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    state: function () {
+      return state;
+    }
+
+  }; // end return
+})(j1, window);
+
+{% endcapture %}
+
+{{ cache | strip_empty_lines }}
+{% assign cache = nil %}

data/lib/starter_web/assets/themes/j1/core/js/adapter/searcher.js

@@ -0,0 +1,111 @@
+---
+regenerate:                         true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/assets/themes/j1/core/js/adapter/searcher.js
+ #  Liquid template to create the Template Adapter for J1 Searcher
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+/*
+ # -----------------------------------------------------------------------------
+ #  ~/assets/themes/j1/core/js/adapter/searcher.js
+ #  JS Adapter for J1 Searcher (SimpleJekyllSearch)
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #  https://github.com/christian-fei/Simple-Jekyll-Search
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #  Copyright (C) 2015 Christian Fei
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #  SimpleJekyllSearch is licensed under the MIT License.
+ #  For details, see https://github.com/christian-fei/Simple-Jekyll-Search
+ #
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+'use strict';
+
+{% comment %} Variables
+   ------------------------------------------------------------ {% endcomment %}
+
+{% assign environment   = site.environment %}
+{% assign config        = site.data.modules.j1_jekyll_search %}
+
+
+{% comment %} Main
+   ------------------------------------------------------------ {% endcomment %}
+
+{% if config.enabled %}
+
+  j1.Searcher = (function (j1, window) {
+    var environment = '{{environment}}'; // Set environment
+    var state       = 'unknown';
+    var logger;
+    var logText;
+
+    return {
+      // Initialize
+      init: function () {
+        // Setup logger
+        logger = log4javascript.getLogger("j1.QuickSearch");
+        logger.info("Jekyll Search is being initialized");
+        state = 'started';
+        logger.info('state: ' + state); // Set|Log status
+
+        var jekyllSearch = SimpleJekyllSearch({
+          searchInput:            document.getElementById( {{config.search_input | json }} ),
+          resultsOutput:          document.getElementById( {{config.results_output | json }} ),
+          resultsContainer:       document.getElementById( {{config.results_container | json }} ),
+          json:                   {{config.index_data | json }},
+          searchResultTemplate:   {{config.result_template | json }},
+          limit:                  {{config.result_limit | json }},
+          minSearchItemLen:       {{config.min_search_item_len | json }},
+          fuzzy:                  {{config.search_fuzzy | json }},
+          exclude:                [ {{config.search_exlude| json }} ],
+          noResultsText:          {{quick_search_quick_search_config.no_results_text | json }}
+        });
+
+        state = 'finished';
+        logger.info("Jekyll Search initialized successfully");
+        logger.info('state: ' + state); // Set|Log status
+      }, // end init
+
+      // -------------------------------------------------------------------------
+      //  returns the current (processing) state of the module
+      // -------------------------------------------------------------------------
+      state: function () {
+        return state;
+      }
+
+    }; // end return
+
+})(j1, window);
+
+{% endif %}
+
+{% endcapture %}
+
+{{ cache | strip_empty_lines }}
+{% assign cache = nil %}

data/lib/starter_web/assets/themes/j1/core/js/adapter/switcher.js

@@ -0,0 +1,113 @@
+---
+regenerate:                         true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/assets/themes/j1/core/js/adapter/switcher.js
+ #  Liquid template to create the Template Adapter for J1 (Theme) Switcher
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ config | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+/*
+ # -----------------------------------------------------------------------------
+ #  ~/assets/themes/j1/core/js/adapter/switcher.js
+ #  JS Adapter for J1 Switcher (BS Theme Switcher)
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #  https://github.com/jguadagno/bootstrapThemeSwitcher
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #  Copyright (C) 2014 Joseph Guadagno
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #  BS Theme Switcher is licensed under the MIT License.
+ #  For details, see https://github.com/jguadagno/bootstrapThemeSwitcher/blob/master/LICENSE
+ #
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+'use strict';
+
+{% assign config = site.data.modules.j1_theme_switcher %}
+
+j1.Switcher = (function (j1, window) {
+  var environment = '{{environment}}'; // Set environment
+  var state       = 'unknown';
+  var logger;
+  var logText;
+
+  return {
+    // Initialize
+    init: function () {
+      // Setup logger
+      logger = log4javascript.getLogger("ThemeSwitcher");
+      state = 'started';
+      logger.info('state: ' + state); // Set|Log status
+      logger.info("ThemeSwitcher being initialized");
+
+      //$().bootstrapThemeSwitcher.defaults = {
+      $('#ThemeList').bootstrapThemeSwitcher.defaults = {
+        debug:                    {{ config.debug | json }},
+        cssThemeLink:             {{ config.cssThemeLink | json }},
+        saveToCookie:             {{ config.saveToCookie | json }},
+        cookieThemeName:          {{ config.cookieThemeName | json }},
+        cookieDefaultThemeName:   {{ config.cookieDefaultThemeName | json }},
+        cookieThemeCss:           {{ config.cookieThemeCss | json }},
+        cookieThemeExtensionCss:  {{ config.cookieThemeExtensionCss | json }},
+        cookieExpiration:         {{ config.cookieExpiration | json }},
+        cookiePath:               {{ config.cookiePath | json }},
+        defaultCssFile:           {{ config.defaultCssFile | json }},
+        bootswatchApiUrl:         {{ config.bootswatchApiUrl | json }},
+        bootswatchApiVersion:     {{ config.bootswatchApiVersion | json }},
+        loadFromBootswatch:       {{ config.loadFromBootswatch | json }},
+        localFeed:                {{ config.localFeed | json }},
+        excludeBootswatch:        {{ config.excludeBootswatch | json }},
+        includeBootswatch:        {{ config.includeBootswatch | json }},
+        skipIncludeBootswatch:    {{ config.skipIncludeBootswatch | json }},
+        hideOnReload:             {{ config.hideOnReload | json }},
+      };
+
+      /*
+      // Setup theme selectors moved to j1_adapter_navigator.js
+      // at callback for loading the menu bar
+      $('#ThemeList').bootstrapThemeSwitcher({localFeed: ''}); // Load from Bootswatch API
+      $('#ThemeSelect').bootstrapThemeSwitcher();              // Load from localFeed
+      */
+
+      state = 'finished';
+      logger.info('state: ' + state); // Set|Log status
+      logger.info("J1 Theme Switcher initialized successfully");
+    }, // end init
+
+    // -------------------------------------------------------------------------
+    //  returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    state: function () {
+      return state;
+    }
+
+  }; // end return
+})(j1, window);
+
+{% endcapture %}
+
+{{ cache | strip_empty_lines }}
+{% assign cache = nil %}

data/lib/starter_web/assets/themes/j1/core/js/adapter/template.js

@@ -0,0 +1,608 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/assets/themes/j1/core/js/adapter/template.js
+ #  Liquid template to create the Template Adapter for J1 Template Core
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #
+ # -----------------------------------------------------------------------------
+ #  TODO: jadams, 2017-10-18: Concept and method to calculate
+ #        a return URL (browser_page_url) for cookieUserState
+ #        needs to be improved !!!
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ #
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+/*
+ # -----------------------------------------------------------------------------
+ #  ~/assets/themes/j1/core/js/adapter/j1_template.js
+ #  JS Adapter for J1 Template
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2019 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  For details, see https://jekyll.one
+ #
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+'use strict';
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% if site.permalink == 'none' %}
+   {% capture page_url %}{{ site.url }}.html{% endcapture %}
+{% else %}
+   {% capture page_url %}{{ site.url }}{% endcapture %}
+{% endif %}
+
+{% assign environment         = site.environment %}
+{% assign hideOnReload        = site.data.modules.j1_theme_switcher.hideOnReload %}
+{% assign flickerTimeout      = site.data.modules.j1_theme_switcher.flicker_timeout %}
+
+{% unless flickerTimeout %} {% assign flickerTimeout = 250 %} {% endunless %}
+
+{% assign modules             = site.data.modules %}
+{% assign banner_config       = modules.j1_banner.banners %}
+{% assign panel_config        = modules.j1_panel.panels %}
+{% assign toccer_config       = modules.j1_toccer %}
+{% assign footer_config       = modules.j1_footer %}
+{% assign footer_id           = modules.j1_footer.global.id %}
+
+{% assign banner_data_path    = modules.j1_banner.global.data_path %}
+{% assign panel_data_path     = modules.j1_panel.global.data_path %}
+{% assign footer_data_path    = modules.j1_footer.global.data_path %}
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+var j1 = function () {
+  var environment     = '{{environment}}'; // Set environment
+  var cookieUserState = 'j1.user.state';
+  var state           = 'unknown';
+  var app_detected    = false;
+  var logger;
+  var logText;
+
+  var j1_user_state = {
+    'authenticated' : 'false',
+    'cookies_accepted' : '',
+    'theme_css' : '/assets/themes/j1/core/css/uno.css',
+    'theme_extension_css' : '/assets/themes/j1/core/css/theme_extensions.css',
+    'theme_name' : 'Uno',
+    'last_page' : 'unknown',
+    'current_page' : 'unknown',
+    'last_provider' : 'unknown',
+    'last_signin' : 'unknown',
+    'provider' : 'unknown',
+    'user_name' : 'unknown',
+    'user_id' : 'unknown'
+  };
+
+  return {
+    // Initialize
+    init: function ( options ) {
+
+      var logger = log4javascript.getLogger('j1.Template');
+      state = 'started';
+      logger.info('state: ' + state); // Set|Log status
+
+      if ( options  !== undefined ) {
+        var settings = $.extend({}, options);
+      } else {
+        var settings = false;
+      }
+
+      {% comment %} Deferred data load
+      -------------------------------------------------------------------------- {% endcomment %}
+        // Load banner and panel HTML data asychronously
+        // See: https://stackoverflow.com/questions/3709597/wait-until-all-jquery-ajax-requests-are-done
+        $.when( j1.initBanner(settings), j1.initPanel(settings), j1.initFooter( settings ) ).done (
+          function(initBanner_response, initPanel_response) {
+            // Set|Log status
+            state = 'running';
+            logger.info('state: ' + state);
+            //j1.initFooter( settings )
+            j1.initMDE(settings); // init BS Material Design JS components
+            j1.initClipboard(settings);
+            j1.displayPage(settings);
+        });
+    }, // end init
+
+    // -------------------------------------------------------------------------
+    // AJAX loader for banner used with J1 Template fo all pages
+    // -------------------------------------------------------------------------
+    // ToDo:
+    initBanner: function ( options ) {
+      var banner = [];
+      logger = log4javascript.getLogger('j1.initBanner'); // setup logger
+
+      // closure to pass additional data (e.g. div #id)
+      // to AJAX load callback (panel_id)
+      // See: http://stackoverflow.com/questions/939032/jquery-pass-more-parameters-into-callback
+      var cb_load_closure = function(panel_id) {
+        return function ( responseTxt, statusTxt, xhr ) {
+          if ( statusTxt ==  'success' ) {
+            logText = 'Banner on ID ' +panel_id+ ' loaded successfully';
+            logger.info(logText);
+          }
+          if ( statusTxt == 'error' ) {
+            logText = 'Panel on ID ' +panel_id+ ' loading failed. Error: ' + xhr.status + ': ' + xhr.statusText;
+            logger.error(logText);
+            // Set|Log status
+            state = 'failed';
+            logger.error('state: ' + state);
+          }
+        };
+      };
+
+      // Collect all banner id|s configured
+      {% for items in banner_config %}
+        {% for banners in items %}
+          {% for banner in banners %}
+              {% for item in banner %}
+                {% assign key = item[0] %}
+                {% assign value = item[1] %}
+                {% if key == 'id' %} {% assign id = value %} {% endif %}
+              {% endfor %}
+          {% endfor %}
+          banner.push('{{id}}');
+        {% endfor %}
+      {% endfor %}
+
+      if ( banner.length ) {
+        logText = 'banner are being loaded deferred (if any)';
+        logger.info(logText);
+      }
+
+      for (var i in banner) {
+        var id = '#' + banner[i];
+        var selector = $(id);
+        if ( selector.length ) {
+          var banner_data_path = '{{banner_data_path}} ' + id + ' > *';
+          selector.load( banner_data_path, cb_load_closure( id ) );
+        }
+      }
+    }, // end initBanner
+
+    // -------------------------------------------------------------------------
+    // AJAX loader for panel used with J1 Template fo all pages
+    // -------------------------------------------------------------------------
+    // ToDo:
+    initPanel: function ( options ) {
+      var panel = [];
+      logger = log4javascript.getLogger('j1.initPanel'); // setup logger
+
+      // closure to pass additional data (e.g. div #id)
+      // to AJAX load callback (panel_id)
+      // See: http://stackoverflow.com/questions/939032/jquery-pass-more-parameters-into-callback
+      var cb_load_closure = function(panel_id) {
+        return function ( responseTxt, statusTxt, xhr ) {
+          if ( statusTxt == 'success' ) {
+            logText = 'Panel on ID ' +panel_id+ ' loaded successfully';
+            logger.info(logText);
+          }
+          if ( statusTxt == 'error' ) {
+            logText = 'Panel on ID ' +panel_id+ ' loading failed. Error: ' + xhr.status + ': ' + xhr.statusText;
+            logger.error(logText);
+            // Set|Log status
+            state = 'Error';
+            logger.error('state: ' + state);
+          }
+        };
+      };
+
+      // Collect all panel id|s configured
+      {% for items in panel_config %}
+        {% for panels in items %}
+          {% for panel in panels %}
+              {% for item in panel %}
+                {% assign key = item[0] %}
+                {% assign value = item[1] %}
+                {% if key == 'id' %} {% assign id = value %} {% endif %}
+              {% endfor %}
+          {% endfor %}
+          panel.push('{{id}}');
+        {% endfor %}
+      {% endfor %}
+
+      if ( panel.length ) {
+        logText = 'Panel are being loaded deferred (if any)';
+        logger.info(logText);
+      }
+
+      for (var i in panel) {
+        var id = "#" + panel[i];
+        var selector = $(id);
+        if ( selector.length ) {
+          // Set the return URL (user by news pager) for the News Banner
+          // Cookies.set(cookieUserState, '{{page_url}}#news_panel', { expires: 3650 });
+          // j1_user_state.last_page = "{{page_url}}"
+          // j1.setUserStateCookie( j1_user_state );
+          var panel_data_path = '{{panel_data_path}} ' + id + ' > *';
+          selector.load( panel_data_path, cb_load_closure( id ) );
+        }
+      }
+    }, // end initPanel
+
+    // -------------------------------------------------------------------------
+    // AJAX loader for page footer used with J1 Template fo all pages
+    // -------------------------------------------------------------------------
+    // ToDo:
+    initFooter: function ( options ) {
+      logger = log4javascript.getLogger('j1.initFooter'); // setup logger
+
+      var cb_load_closure = function(footer_id) {
+        return function ( responseTxt, statusTxt, xhr ) {
+          if ( statusTxt ==  'success' ) {
+            logText = 'Footer on ID ' +footer_id+ ' loaded successfully';
+            logger.info(logText);
+          }
+          if ( statusTxt == 'error' ) {
+            logText = 'Panel on ID ' +footer_id+ ' loading failed. Error: ' + xhr.status + ': ' + xhr.statusText;
+            logger.error(logText);
+            // Set|Log status
+            state = 'failed';
+            logger.error('state: ' + state);
+          }
+        };
+      };
+
+      var id = '#' + '{{footer_id}}';
+      var selector = $(id);
+      if ( selector.length ) {
+        var footer_data_path = '{{footer_data_path}}';
+        selector.load( footer_data_path, cb_load_closure( id ) );
+      }
+
+    }, // end initFooter
+
+    // -------------------------------------------------------------------------
+    // Create copy-to-clipboard for all pages
+    // -------------------------------------------------------------------------
+    // ToDo:
+    initClipboard: function ( options ) {
+
+      /*
+         insert copy to clipboard button before all elements having a
+         class of ".highlight" assigned to (e.g. Asciidoc source blocks)
+      */
+
+      $('.highlight').each(function () {
+        // Check if no clipboard should be applied
+        var isNoClip = $(this).closest('.noclip');
+        if ( isNoClip.length == 0) {
+          var btnHtml = '<div class="j1-clipboard"><span class="btn-clipboard j1-tooltip" title="Copy to clipboard">Copy</span></div>';
+          var bumms = $(this).closest('.noclip');
+          $(this).before(btnHtml);
+          $('.btn-clipboard').tooltip();
+        }
+      });
+
+      var clipboard = new Clipboard( '.btn-clipboard', {
+        target: function target(trigger) {
+          return trigger.parentNode.nextElementSibling;
+        }
+      });
+
+      clipboard.on('success', function (e) {
+        $(e.trigger).attr('title', 'Copied!').tooltip('_fixTitle').tooltip('show').attr('title', 'Copy to clipboard').tooltip('_fixTitle');
+        var logger = log4javascript.getLogger('j1.Clipboard');
+        var logText = 'Copy-To-Clipboard sucessfull';
+        logger.info(logText);
+        /* Cleanup clipped data for trailing numbers */
+        var splitted = e.text.split('\n');
+        var concat;
+        var i;
+        for (i=0; i<splitted.length; i++) {
+          concat += splitted[i].replace(/^\s+\d+/, '');
+        }
+        e.clearSelection();
+      });
+
+      clipboard.on('error', function (e) {
+        var fallbackMsg = /Mac/i.test(navigator.userAgent) ? 'Press \u2318 to copy' : 'Press Ctrl-C to copy';
+        logger = log4javascript.getLogger('j1.Clipboard');
+        logText = 'Copy-To-Clipboard failed. Use fallback.';
+        logger.warn(logText);
+        $(e.trigger).attr('title', fallbackMsg).tooltip('_fixTitle').tooltip('show').attr('title', 'Copy to clipboard').tooltip('_fixTitle');
+      });
+
+    }, // end initClipboard
+
+    // -------------------------------------------------------------------------
+    // Show the page after timeout of {{hideOnReload}}
+    // -------------------------------------------------------------------------
+    displayPage: function ( options ) {
+      logger = log4javascript.getLogger('j1.Template');
+
+      // Display the page if the (text) header is signaled as 'initialized' AND the menubar is signaled as 'finished'
+      var headerLoaded = setInterval(function() {
+        if ( j1.MastHead.state() === 'initialized' && j1.Navigator.state() === 'finished' ) {
+          // pause the display of current page for flicker timeout [ms]
+          setTimeout( function() {
+            $('#no_flicker').css('display', 'block'); // display current page
+            j1.scrollTo(); // scroll to an anchor element this page (if any)
+
+            // Set|Detect J1 App status
+            app_detected = j1.existsCookie ( 'j1.web.session' );
+            if ( app_detected ) {
+              var document_title = document.title;
+              /* 
+                TODO: Change|Modify the page title if an app is detected
+                      for development mode
+              */
+              document.title = document_title + ' (App)';
+              logger.info('Site detected in state: app');
+              logger.info('Read cookie: WebSession');
+              var j1_web_session = j1.getWebSessionCookie();
+              logger.info('Read cookie: UserState');
+              j1_user_state = j1.getUserStateCookie();
+              logger.info( 'WebSessionCookie written by: ' + j1_web_session.writer );
+              j1_user_state.authenticated   = j1_web_session.authenticated;
+              j1_user_state.last_page       = j1_user_state.current_page;
+              j1_user_state.current_page    = window.location.pathname;
+              j1_user_state.provider        = j1_web_session.provider;
+              j1_user_state.user_name       = j1_web_session.user_name;
+              j1_user_state.user_id         = j1_web_session.user_id;
+              logger.info('Write cookie: UserState');
+              j1.setUserStateCookie( j1_user_state );
+              j1_web_session.requested_page = window.location.pathname;
+              logger.info('Write cookie: WebSession');
+              j1.setWebSessionCookie( j1_web_session );
+              logger.info( 'Last page:    ' + j1_user_state.last_page );
+              logger.info( 'Current page: ' + j1_user_state.current_page );
+            } else {
+              logger.info('Site detected in state: web');
+              var user_state_detected = j1.existsCookie ( 'j1.user.state' );
+              if ( user_state_detected ) {
+                logger.info('Read cookie: UserState');
+                j1_user_state = j1.getUserStateCookie();
+                logger.info('Write cookie: UserState');
+              } else {
+                logger.warn('Read cookie: UserState not found'); 
+                logger.info('Create and update user state');
+                logger.info('Write cookie: UserState');
+              }
+              j1_user_state.last_page       = j1_user_state.current_page;
+              j1_user_state.current_page    = window.location.pathname; 
+              j1.setUserStateCookie( j1_user_state );
+            }
+            // Set|Log status
+            state = 'finished';
+            logger.info('state: ' + state);
+            logText = "J1 Template successfully initialized";
+            logger.info(logText);
+          }, {{flickerTimeout}} );
+          // clear interval checking
+          clearInterval(headerLoaded);
+        }
+      }, 50); // end setInterval
+
+    }, // end displayPage
+
+    // -------------------------------------------------------------------------
+    // Initialize BS Material Design
+    // -------------------------------------------------------------------------
+    // ToDo:
+    initMDE: function ( options ) {
+      $('body').bootstrapMaterialDesign();
+    }, // end initMDE
+
+    // -------------------------------------------------------------------------
+    // Helper functions
+    // -------------------------------------------------------------------------
+    
+    // -------------------------------------------------------------------------
+    //  Merge two objects (properties) and returns the resulting object
+    //  TODO:  Improve comment, give synopsis and example
+    // See: https://stackoverflow.com/questions/43109229/merge-default-options-containing-object-with-json-object
+    // -------------------------------------------------------------------------
+    mergeData: function () {
+      var a = [].slice.call(arguments), o = a.shift();
+      for(var i=0,l=a.length; i<l; i++){
+        for(var p in a[i]){
+          o[p] = a[i][p];
+        }
+      }
+      return o;
+    },  // end mergeData
+
+    // -------------------------------------------------------------------------
+    //  returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    state: function () {
+      return state;
+    },
+
+    // -------------------------------------------------------------------------
+    //  returns true if the site is running as an app
+    // -------------------------------------------------------------------------
+    app: function () {
+      return app_detected;
+    },
+
+    // -------------------------------------------------------------------------
+    //  Returns the content of a given cookie (name) if exists otherwise
+    //  null is returned
+    //  See: https://stackoverflow.com/questions/5968196/check-cookie-if-cookie-exists/5968306
+    // -------------------------------------------------------------------------
+    getCookie: function (name) {
+        var dc      = document.cookie;
+        var prefix  = name + "=";
+        var begin   = dc.indexOf("; " + prefix);
+        var end     = dc.length; // default to end of the string
+
+        // found, and not in first position
+        if (begin !== -1) {
+          // exclude the "; "
+          begin += 2;
+        } else {
+          //see if cookie is in first position
+          begin = dc.indexOf(prefix);
+          // not found at all or found as a portion of another cookie name
+          if (begin === -1 || begin !== 0 ) return null;
+        }
+
+        // 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);
+        }
+        return decodeURI(dc.substring(begin + prefix.length, end) ).replace(/"/g, '');
+    }, // end getCookie
+
+    // -------------------------------------------------------------------------
+    //  Returns the content of J1 user state cookie (j1.user.state) as 
+    //  an object if exists, otherwise null is returned
+    //  See: https://stackoverflow.com/questions/5968196/check-cookie-if-cookie-exists/5968306
+    // -------------------------------------------------------------------------
+    getUserStateCookie: function () {
+      var user_state;
+      var user_state_json;
+      if ( j1.existsCookie ( 'j1.user.state' ) ) {
+        user_state_json = window.atob(Cookies.get('j1.user.state'));
+        user_state      = JSON.parse(user_state_json);
+        return user_state;
+      } else {
+        return null
+      }
+    }, // end getUserStateCookie
+
+    // -------------------------------------------------------------------------
+    //  Set|Update the content of J1 user state cookie (j1.user.state) if 
+    //  the cookie exists, otherwise the is created AND updated.
+    //  See: https://stackoverflow.com/questions/5968196/check-cookie-if-cookie-exists/5968306
+    // -------------------------------------------------------------------------
+    setUserStateCookie: function ( state ) {
+      // update existing cookie
+      if ( j1.existsCookie ( 'j1.user.state' ) ) {
+        var state_from_cookie_json  = window.atob(Cookies.get('j1.user.state'));
+        var state_from_cookie       = JSON.parse(state_from_cookie_json);
+        var user_state              = j1.mergeData( state_from_cookie, state );
+        var user_state_json         = JSON.stringify( user_state );
+        var user_state_encoded      = window.btoa(user_state_json);
+        Cookies.set( 'j1.user.state', user_state_encoded, { expires: 3650 } );
+      } else {
+        // create|initialize cookie
+        var user_state              = j1.mergeData( j1_user_state, state );
+        var user_state_json         = JSON.stringify(user_state);
+        var user_state_encoded      = window.btoa(user_state_json);
+        Cookies.set( 'j1.user.state', user_state_encoded, { expires: 3650 } );
+      }
+    }, // end setUserStateCookie
+
+    // -------------------------------------------------------------------------
+    //  Returns the content of J1 web session cookie (j1.web.session) as 
+    //  an object if exists, otherwise null is returned
+    //  See: https://stackoverflow.com/questions/5968196/check-cookie-if-cookie-exists/5968306
+    // -------------------------------------------------------------------------
+    getWebSessionCookie: function () {
+      var session_data;
+      if ( j1.existsCookie ( 'j1.web.session' ) ) {
+        var session_json = window.atob(Cookies.get('j1.web.session'));
+        session_data = JSON.parse(session_json);
+        return session_data;
+      } else {
+        return null
+      }
+    }, // end getWebSessionCookie
+
+    // -------------------------------------------------------------------------
+    //  Set the content of J1 session cookie (j1.user.state). If successful,
+    //  true ist returned otherwise false
+    //  See: https://stackoverflow.com/questions/5968196/check-cookie-if-cookie-exists/5968306
+    // -------------------------------------------------------------------------
+    setWebSessionCookie: function ( session_data ) {
+      if ( j1.existsCookie ( 'j1.web.session' ) ) {
+        session_data.writer = 'web';
+        var session_json = JSON.stringify(session_data);
+        var session_encoded = window.btoa(session_json);
+        Cookies.set('j1.web.session', session_encoded );
+        return true
+      } else {
+        return false
+      }
+    }, // end setWebSessionCookie
+
+    // -------------------------------------------------------------------------
+    //  returns true if a given cookie exists
+    // -------------------------------------------------------------------------
+    existsCookie: function (name) {
+      var myCookie = j1.getCookie( name );
+
+      if (myCookie == null) {
+        return false
+      }
+      else {
+        return true
+      }
+    }, // end existsCookie
+
+    // -------------------------------------------------------------------------
+    // Scrolls smooth to any anchor referenced by an page URL
+    // -------------------------------------------------------------------------
+    // values for delay|offset are taken from TOC module (Tocbot)
+    scrollTo: function () {
+      // Unclear why a correction is needed sometimes. Disable for now.
+      //var offset_correction = 75;
+      var offset_correction = 0;
+      var offset            = {{toccer_config.defaults.scrollOptions.offset}} + offset_correction;
+      var anchor_id         = window.location.href.split("#")[1];
+
+      if (anchor_id) {
+        var selector = $('.' + anchor_id + ', #' + anchor_id +',[name='+anchor_id+']');
+
+        // scroll only, if an anchor is given with URL
+        if (selector.length) {
+          var delay     = {{toccer_config.defaults.scrollOptions.speed}};
+          var scroll_to = selector.offset().top - offset;
+          //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);
+          });
+        } else {
+          // TODO: to be checked if this elese is needed
+          // 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);
+        } // 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);
+      } // selector.length// end if anchor_id
+    } // end scrollTo
+
+  } // end j1 (return)
+}();
+
+{% endcapture %}
+
+{{ cache | strip_empty_lines }}
+{% assign cache = nil %}