j1-template 2020.0.11 → 2020.0.12

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             false
+regenerate: true
 ---
 
 {% capture cache %}
@@ -70,6 +70,11 @@ regenerate:                             false
 {% assign customizer_title            = customizer_options.title %}
 {% assign gallery_rowHeight           = customizer_options.gallery_settings.rowHeight %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/gallery_customizer.js
@@ -431,5 +436,9 @@ j1.adapter['gallery_customizer'] = (function (j1, window) {
 })(j1, window);
 
 {% endcapture %}
-{{ cache | strip_empty_lines }}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             true
+regenerate: true
 ---
 
 {% capture cache %}
@@ -17,8 +17,6 @@ regenerate:                             true
  # J1 Template is licensed under the MIT License.
  # For details, see https://jekyll.one
  # -----------------------------------------------------------------------------
- # TODO: jadams, 2019-01-20: Isolate drawer, switch from BME code
- # -----------------------------------------------------------------------------
  # Test data:
  #  {{ liquid_var | debug }}
  # -----------------------------------------------------------------------------
@@ -43,12 +41,15 @@ regenerate:                             true
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign site_config             = site %}
 {% assign template_config         = site.data.template_settings %}
 {% assign blocks                  = site.data.blocks %}
 {% assign modules                 = site.data.modules %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment             = site_config.environment %}
+
 {% assign banner_config_defaults  = blocks.defaults.banner.defaults %}
 {% assign banner_config_settings  = blocks.banner.settings %}
 {% assign panel_config_defaults   = blocks.defaults.panel.defaults %}
@@ -76,6 +77,11 @@ regenerate:                             true
 
 {% assign hideOnReload            = modules.themer_options.hideOnReload %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/j1_template.js
@@ -101,6 +107,8 @@ regenerate:                             true
 // ESLint shimming
 // -----------------------------------------------------------------------------
 /* eslint indent: "off"                                                       */
+/* eslint quotes: "off"                                                       */
+/* eslint semi: "off"                                                         */
 // -----------------------------------------------------------------------------
 'use strict';
 
@@ -222,7 +230,8 @@ var j1 = (function () {
   return {
 
     // -------------------------------------------------------------------------
-    // Initializer
+    // init()
+    // initializer
     // -------------------------------------------------------------------------
     init: function (options) {
 
@@ -247,39 +256,11 @@ var j1 = (function () {
         options
       );
 
-      // catch senseless detect url 404 errors (middleware /status)
-      // See: https://stackoverflow.com/questions/4687235/jquery-get-or-post-to-catch-page-load-error-eg-404
-      $.ajaxSetup({
-        // called on `$.get()`, `$.post()`, `$.ajax()`
-        statusCode : {
-          // raised on response status code 404
-          404 : function (jqxhr, textStatus, errorThrown) {
-            var interval_count = 0;
-            var max_count      = 10;
-            var dependencies_met_logger = setInterval(function() {
-              interval_count += 1;
-              if ( j1.adapter.logger.getState() == 'finished' ) {
-                var logger = log4javascript.getLogger('j1.init');
-                clearInterval(dependencies_met_logger);
-                if(jqxhr.responseText.indexOf('GET /status') > -1) {
-                  logger.info('no middleware found on url /status: ignored');
-                  logger.info('continue on mode: web');
-                }
-                if (interval_count > max_count) {
-                  logger.warn('dependency check failed for module: logger');
-                  logger.warn('continue on initializer unchecked');
-                  j1.adapter.navigator.init();
-                }
-              }
-            }, 25);
-          }
-        }
-       });
-
       // -----------------------------------------------------------------------
-      // Session ON_CLOSE event
-      // Update user STATE cookie|Remove user SESSION cookie on window CLOSE
-      // See: https://stackoverflow.com/questions/3888902/detect-browser-or-tab-closing
+      // session ON_CLOSE event
+      // wrapup if ALL browser windows get closed. Update user STATE
+      // cookie on window CLOSE.
+      // see: https://stackoverflow.com/questions/3888902/detect-browser-or-tab-closing
       // -----------------------------------------------------------------------
       window.addEventListener('beforeunload', function (event) {
         var cookie_names              = j1.getCookieNames();
@@ -303,7 +284,7 @@ var j1 = (function () {
       });
 
       // -----------------------------------------------------------------------
-      // Initialize|Load (existing) user cookies
+      // initialize|load (existing) user cookies
       // -----------------------------------------------------------------------
       user_session.created    = timestamp_now;
       user_session.timestamp  = timestamp_now;
@@ -330,7 +311,7 @@ var j1 = (function () {
         expires:  365
       });
 
-      // Detect middleware (mode 'app') and update user session cookie
+      // detect middleware (mode 'app') and update user session cookie
       // -----------------------------------------------------------------------
       // if (user_session.mode === 'na' || user_session.mode === 'app') {
       if (user_session.mode === 'na') {
@@ -340,7 +321,10 @@ var j1 = (function () {
 
         baseUrl       = url.origin;
 
-        $.when ($.ajax(ep_status))
+        // see: https://stackoverflow.com/questions/3709597/wait-until-all-jquery-ajax-requests-are-done
+        $.when (
+          $.ajax(ep_status)
+        )
         .then(function(data) {
           var logger                  = log4javascript.getLogger('j1.init');
           user_session                = j1.readCookie(cookie_names.user_session);
@@ -384,147 +368,70 @@ var j1 = (function () {
         logger.info('page is being initialized');
       }
 
-      {% comment %} Deferred data loads
-      See: https://stackoverflow.com/questions/3709597/wait-until-all-jquery-ajax-requests-are-done
-      Load J1 Template data objects 'asychronously'
-      -------------------------------------------------------------------------- {% endcomment %}
+      state = 'started';
+      logger.info('state: ' + state);
+      logger.info('page is being initialized');
 
-      // -----------------------------------------------------------------------
-      // data loader (should be rewitten to xhrData() )
-      // -----------------------------------------------------------------------
-      $.when (
-        j1.getColorData(colors_data_path),
-        j1.getFontSizeData(font_size_data_path),
-        j1.getMessageCatalog(message_catalog_data_path))
-      .done (function(colorData, fontSizes, messageCatalog, runtime) {
-        j1.colors     	= colorData[0];
-        j1.fonts        = fontSizes[0];
-
-        // set logger for callback|anonymous
-        //
-        var logger = log4javascript.getLogger('j1.init');
-
-        logText = j1.getMessage('info', 'getState', 'text');
-        logText = logText + j1.getMessage('info', 'getState', 'data_objects');
-        logText = logText + j1.getMessage('info', 'getState', 'finished');
-        j1.logger('j1.init', 'info', logText);
-
-        logText = j1.getMessage('info', 'setState', 'text');
-        logText = logText + j1.getMessage('info', 'setState', 'started');
-        j1.logger('j1.init', 'info', logText);
-        executeFunctionByName('j1.setState', window, state);
-
-        // set logger for callback|anonymous
-        var logger = log4javascript.getLogger('j1.init');
-
-        if ( settings.scrollbar === 'false'  ) {
-          $('body').addClass('hide-scrollbar');
-          $('html').addClass('hide-scrollbar-moz');
-        }
+      if ( settings.scrollbar === 'false'  ) {
+        $('body').addClass('hide-scrollbar');
+        $('html').addClass('hide-scrollbar-moz');
+      }
 
-        logger.info('read user state from cookie');
-        user_session = j1.readCookie(cookie_names.user_session);
+      logger.info('read user state from cookie');
+      user_session = j1.readCookie(cookie_names.user_session);
 
-        // process|update UserState
-        //
-        themeName                 = user_session.theme_name;
-        themeCss                  = user_session.theme_css;
-        themeExtensionCss         = user_session.theme_extension_css;
-
-        // save last page access
-        // See: https://stackoverflow.com/questions/3528324/how-to-get-the-previous-url-in-javascript
-        // See: https://developer.mozilla.org/de/docs/Web/API/Window/history
-        //
-        user_session.timestamp      = timestamp_now;
-        referrer                    = new parseURL(document.referrer);
-        current_page                = window.location.pathname;
-        user_session.requested_page = current_page;
-        user_session.previous_page  = referrer.search === '' ?
-                                      (referrer.pathname === '' ? current_page : referrer.pathname) :
-                                      (user_session.previous_page === '' || user_session.previous_page === 'na'
-                                        ? '/'
-                                        : user_session.previous_page
-                                      );
-
-        // calculate last 'pager' if any
-        //
-        if (rePager.test(user_session.previous_page)) {
-          last_pager                = user_session.previous_page;
-          user_session.last_pager   = last_pager;
-        } else {
-          last_pager                = user_session.last_pager;
-        }
+      // process|update user state cookie
+      themeName                 = user_session.theme_name;
+      themeCss                  = user_session.theme_css;
+      themeExtensionCss         = user_session.theme_extension_css;
 
-        logger.info('update user session cookie');
-        j1.writeCookie({
-          name: cookie_names.user_session,
-          data: user_session
-        });
+      // save last page access
+      // see: https://stackoverflow.com/questions/3528324/how-to-get-the-previous-url-in-javascript
+      // see: https://developer.mozilla.org/de/docs/Web/API/Window/history
+      //
+      user_session.timestamp      = timestamp_now;
+      referrer                    = new parseURL(document.referrer);
+      current_page                = window.location.pathname;
+      user_session.requested_page = current_page;
+      user_session.previous_page  = referrer.search === '' ?
+                                    (referrer.pathname === '' ? current_page : referrer.pathname) :
+                                    (user_session.previous_page === '' || user_session.previous_page === 'na'
+                                      ? '/'
+                                      : user_session.previous_page
+                                    );
+
+      // calculate last 'pager' if any
+      if (rePager.test(user_session.previous_page)) {
+        last_pager                = user_session.previous_page;
+        user_session.last_pager   = last_pager;
+      } else {
+        last_pager                = user_session.last_pager;
+      }
 
-        // ---------------------------------------------------------------------
-        // Initialize page resources for global modules (sequential asynchronous)
-        // (should be rewitten to xhrData() )
-        // ---------------------------------------------------------------------
-        $.when (
-          j1.initBanner(settings),
-          j1.initPanel(settings),
-          j1.initFooter(settings) )
-        .then (function (initBanner_response, initPanel_response, initFooter_response) {
-          var logger  = log4javascript.getLogger('j1.init');
-
-          // Wait for LAST thenable (footer) in chain finishes
-          var footerLoaded = setInterval(function() {
-            if ( j1.getState() == 'footer_loaded') {
-              // clear interval checking
-              clearInterval(footerLoaded);
-              logger.info('loading data completed');
-
-              // Continue to run initializers
-              //
-              state       = j1.getMessage('info', 'setState', 'running');
-              logText     = j1.getMessage('info', 'setState', 'text');
-              logText     = logText + j1.getMessage('info', 'setState', 'running');
-              j1.logger('j1.init', 'info', logText);
-
-              user_session.timestamp = timestamp_now;
-              j1.writeCookie({
-                name: cookie_names.user_session,
-                data: user_session
-              });
+      logger.info('update user session cookie');
+      j1.writeCookie({
+        name: cookie_names.user_session,
+        data: user_session
+      });
 
-              // ---------------------------------------------------------------
-              // Finalize|Display page (sequential asynchronous)
-              // NOTE:
-              //  jadams 2019-01-20: for MDB, enabled only drawer, switch
-              //  and ripples
-              // ---------------------------------------------------------------
-              $.when (
-                j1.initMDB(settings),
-                j1.initClipboard(settings))
-              .then (function () {
-                j1.displayPage();
-              })
-              .catch(function(error) {
-                var logger  = log4javascript.getLogger('j1.init');
-                json_data   = JSON.stringify(error, undefined, 2);
-                logText     = 'deferred: ' + json_data;
-                logger.error(logText);
-              });
-            }
-          }, 25); // END 'footerLoaded'
-        }) // END load global modules
-        .catch(function(error) {
-          var logger  = log4javascript.getLogger('j1.init');
-          json_data   = JSON.stringify(error, undefined, 2);
-          logText     = 'deferred: ' + json_data;
-          logger.error(logText);
-        });
-      }) // END load global data objects
-      .catch(function(error) {
-        var logger  = log4javascript.getLogger('j1.init');
-        json_data   = JSON.stringify(error, undefined, 2);
-        logText     = 'deferred: ' + json_data;
-        logger.error(logText);
+      {% comment %} Deferred data loads
+      See: https://stackoverflow.com/questions/3709597/wait-until-all-jquery-ajax-requests-are-done
+      Load J1 Template data objects 'asychronously'
+      -------------------------------------------------------------------------- {% endcomment %}
+      // initialize page resources for global modules
+      // (asynchronous, should be rewitten to xhrData)
+      j1.initBanner(settings);
+      j1.initPanel(settings);
+      j1.initFooter(settings);
+
+      state = 'running';
+      logger.info('state: ' + state);
+      logger.info(logText);
+
+      user_session.timestamp = timestamp_now;
+      j1.writeCookie({
+        name: cookie_names.user_session,
+        data: user_session
       });
 
       // -----------------------------------------------------------------------
@@ -532,10 +439,13 @@ var j1 = (function () {
       // -----------------------------------------------------------------------
       j1.core.bsFormClearButton();
 
+      // finalize and display page
+      j1.displayPage();
+
     }, // END init
 
     // -------------------------------------------------------------------------
-    // initBanner
+    // initBanner()
     // AJAX fetcher to load and place all banner used for a page
     // -------------------------------------------------------------------------
     initBanner: function (options) {
@@ -584,30 +494,14 @@ var j1 = (function () {
                   {% assign key = item[0] %}
                   {% assign value = item[1] %}
 
-                  {% if key and debug %} item:value  {{key}}:{{value}}  {% endif %}
+                  {% if key and debug %} item:value  {{key}}:{{value}} {% endif %}
 
                   {% if key == 'id' %}                 {% assign id                 = value %} {% endif %}
                   {% if key == 'enabled' %}            {% assign enabled            = value %} {% endif %}
-                  {% if key == 'background_color_1' %} {% assign background_color_1 = value %} {% endif %}
-                  {% if key == 'background_color_2' %} {% assign background_color_2 = value %} {% endif %}
                 {% endfor %}
             {% endfor %}
 
             {% if id and enabled %}
-            {% comment %} Add CSS styles for current banner to section <HEAD>
-            -------------------------------------------------------------------- {% endcomment %}
-            {% 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>';
-            $('head').append( banner_backround_style );
-            {% endif %}
 
             {% comment %} Register current banner
             -------------------------------------------------------------------- {% endcomment %}
@@ -620,8 +514,6 @@ var j1 = (function () {
           ---------------------------------------------------------------------- {% endcomment %}
           {% assign id                  = nil %}
           {% assign enabled             = nil %}
-          {% assign background_color_1  = nil %}
-          {% assign background_color_2  = nil %}
           {% assign banner_config       = nil %}
 
         {% endfor %}  {% comment %} END banner_config {% endcomment %}
@@ -653,7 +545,7 @@ var j1 = (function () {
     }, // END initBanner
 
     // -------------------------------------------------------------------------
-    // initPanel
+    // initPanel()
     // AJAX fetcher to load and place all panel used for a page
     // -------------------------------------------------------------------------
     // ToDo:
@@ -744,7 +636,7 @@ var j1 = (function () {
     }, // END initPanel
 
     // -------------------------------------------------------------------------
-    // initFooter
+    // initFooter()
     // AJAX fetcher to load and place the footer used for a page
     // -------------------------------------------------------------------------
     initFooter: function ( options ) {
@@ -790,66 +682,9 @@ var j1 = (function () {
       return true;
     }, // END initFooter
 
-    // -------------------------------------------------------------------------
-    // initClipboard
-    // Create copy-to-clipboard for all pages
-    // -------------------------------------------------------------------------
-    initClipboard: function ( options ) {
-      var logger = log4javascript.getLogger('j1.initClipboard');
-
-      logText = 'initialization started';
-      logger.info(logText);
-
-      // insert copy to clipboard button before all elements having a
-      // class of ".highlight" assigned to (e.g. Asciidoc source blocks)
-      $('.highlight').each(function () {
-        // Check if no clipboard should be applied
-        var isNoClip = $(this).closest('.noclip');
-        if ( isNoClip.length == 0) {
-          var btnHtml = '<div class="j1-clipboard"><span class="btn-clipboard j1-tooltip" data-toggle="tooltip" data-placement="left" title="Copy to clipboard">Copy</span></div>';
-          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;
-        }
-      });
-
-      // Manage clipboard events
-      clipboard.on('success', function (e) {
-        $(e.trigger).attr('title', 'copied!').tooltip('_fixTitle').tooltip('show').attr('title', 'Copy to clipboard').tooltip('_fixTitle');
-        var logger = log4javascript.getLogger('j1.initClipboard');
-        var logText = 'initialization copy-to-clipboard sucessfull';
-        logger.debug(logText);
-        /* Cleanup clipped data for trailing numbers */
-        var splitted = e.text.split('\n');
-        var concat;
-        var i;
-        for (i=0; i<splitted.length; i++) {
-          concat += splitted[i].replace(/^\s+\d+/, '');
-        }
-        e.clearSelection();
-      });
-      clipboard.on('error', function (e) {
-        var fallbackMsg = /Mac/i.test(navigator.userAgent) ? 'press \u2318 to copy' : 'press ctrl-c to copy';
-        logger = log4javascript.getLogger('j1.initClipboard');
-        logText = 'initialization copy-to-clipboard failed, fallback used.';
-        logger.warn(logText);
-        $(e.trigger).attr('title', fallbackMsg).tooltip('_fixTitle').tooltip('show').attr('title', 'copy to clipboard').tooltip('_fixTitle');
-      });
-
-      logText = 'initialization finished';
-      logger.info(logText);
-
-      return true;
-    }, // END initClipboard
-
     // -------------------------------------------------------------------------
     // displayPage
-    // Show the page after timeout of {{hideOnReload}} ms
+    // show the page after timeout of {{flickerTimeout}} ms
     // -------------------------------------------------------------------------
     // NOTE:
     //  jadams, 2019-08-21: for unknown reason, the user state data
@@ -872,7 +707,6 @@ var j1 = (function () {
       var appDetected;
       var categoryAllowed;
 
-
       logger.info('finalize page');
       j1.setCss();
 
@@ -895,7 +729,8 @@ var j1 = (function () {
           providerPermissions = user_session.provider_permissions;
           categoryAllowed     = providerPermissions.includes(user_session.page_permission);
 
-          // Make sure that protected pages are ALWAYS checked for permissions
+          // check protected pages (applies for APP only)
+          // make sure that protected pages are ALWAYS checked for permissions
           // -------------------------------------------------------------------
           if (
             j1.authEnabled() &&
@@ -913,10 +748,14 @@ var j1 = (function () {
             }
           } // END check protected pages
 
+          // show the page delayed
           setTimeout (function() {
-            // Display page
+            // display page
             $('#no_flicker').css('display', 'block');
 
+            // bind MDB services to current page
+            j1.initMDB();
+
             // show|hide cookie icon
             if (user_state.cookies_accepted === 'accepted') {
               // show cookie icon
@@ -957,7 +796,7 @@ var j1 = (function () {
               $('#quickLinksSignInOutButton').css('display', 'block');
             }
 
-            // If the page requested contains an anchor element,
+            // if the page requested contains an anchor element,
             // do a smooth scroll to
             j1.scrollTo();
 
@@ -984,89 +823,90 @@ var j1 = (function () {
             logger.info(logText);
 
           }, flickerTimeout);
-        });
-        // END APP mode
-      } else {
-        // web mode
+        }); // END APP mode
+      } else { // web mode
+        // show the page delayed
         setTimeout (function() {
-          // Display page
+          // display page
           $('#no_flicker').css('display', 'block');
-            logger.info('mode detected: web');
-            logger.info('hide signin icon');
-            $('#quickLinksSignInOutButton').css('display', 'none');
+          logger.info('mode detected: web');
+          logger.info('hide signin icon');
+          $('#quickLinksSignInOutButton').css('display', 'none');
 
-            user_session.current_page = current_url.pathname;
-            j1.writeCookie({
+          user_session.current_page = current_url.pathname;
+          j1.writeCookie({
               name:     cookie_names.user_session,
               data:     user_session
-            });
-
-            // show|hide translator icon
-            if (translation_enabled) {
-              logger.info('translator detected: google');
-              logger.info('initialize language selector');
-              $('.goog-te-combo').addClass('form-control');
-            }
-
-            // show|hide cookie icon
-            if (user_state.cookies_accepted === 'accepted') {
-              // Display cookie icon
-              logText = 'show cookie icon';
-              logger.info(logText);
-              $('#quickLinksCookieButton').css('display', 'block');
-            } else {
-              logText = 'hide cookie icon';
-              logger.info(logText);
-              // Display cookie icon
-              $('#quickLinksCookieButton').css('display', 'none');
-            }
+          });
 
-            // If the page requested contains an anchor element,
-            // do a smooth scroll to
-            j1.scrollTo();
+          // show|hide translator icon
+          if (translation_enabled) {
+            logger.info('translator detected: google');
+            logger.info('initialize language selector');
+            $('.goog-te-combo').addClass('form-control');
+          }
 
-            if (user_session.previous_page !== user_session.current_page) {
-              logText = 'page change detected';
-              logger.info(logText);
-              logText = 'previous page: ' + user_session.previous_page;
-              logger.info(logText);
-              logText = 'current page: ' + user_session.current_page;
-              logger.info(logText);
-            }
+          // show|hide cookie icon
+          if (user_state.cookies_accepted === 'accepted') {
+            // Display cookie icon
+            logText = 'show cookie icon';
+            logger.info(logText);
+            $('#quickLinksCookieButton').css('display', 'block');
+          } else {
+            logText = 'hide cookie icon';
+            logger.info(logText);
+            // Display cookie icon
+            $('#quickLinksCookieButton').css('display', 'none');
+          }
 
-            // update sidebar for changed consent|theme data
-            logger.info('update sidebar');
-            user_state        = j1.readCookie(cookie_names.user_state);
-            current_user_data = j1.mergeData(user_session, user_state);
-            j1.core.navigator.updateSidebar(current_user_data);
+          // If the page requested contains an anchor element,
+          // do a smooth scroll to
+          j1.scrollTo();
 
-            // Set|Log status
-            state = 'finished';
-            logText = 'state: ' + state;
+          if (user_session.previous_page !== user_session.current_page) {
+            logText = 'page change detected';
             logger.info(logText);
-            logText = 'page finalized successfully';
+            logText = 'previous page: ' + user_session.previous_page;
             logger.info(logText);
+            logText = 'current page: ' + user_session.current_page;
+            logger.info(logText);
+          }
+
+          // update sidebar for changed consent|theme data
+          logger.info('update sidebar');
+          user_state        = j1.readCookie(cookie_names.user_state);
+          current_user_data = j1.mergeData(user_session, user_state);
+          j1.core.navigator.updateSidebar(current_user_data);
+
+          // set|log status
+          state = 'finished';
+          logText = 'state: ' + state;
+          logger.info(logText);
+          logText = 'page finalized successfully';
+          logger.info(logText);
 
-         }, flickerTimeout);
+        }, flickerTimeout);
       } // END WEB mode
     }, // END displayPage
 
     // -------------------------------------------------------------------------
-    // Initialize BS Material Design
+    // initMDB()
+    // initialize page for MDB
     // -------------------------------------------------------------------------
-    // ToDo:
     initMDB: function (options) {
-      var logger;
-
-      logger  = log4javascript.getLogger('j1.initMDB');
-      logText = 'material design is being started';
-      logger.info(logText);
+      var dependencies_met_bmd = setInterval(function() {
+        if ( j1.adapter.mdb.getState() == 'finished' ) {
+          var logger = log4javascript.getLogger('j1.initMDB');
+          logText = 'initializing MDB for current page: started';
+          logger.info(logText);
 
-      $('body').bootstrapMaterialDesign();
-      //new WOW().init();
+          $('body').bootstrapMaterialDesign();
 
-      var logText = 'initializing material design finished';
-      logger.info(logText);
+          logText = 'initializing MDB for current page: finished';
+          logger.info(logText);
+          clearInterval(dependencies_met_bmd);
+        }
+      }, 25);
     }, // END initMDB
 
     // -------------------------------------------------------------------------
@@ -1074,9 +914,10 @@ var j1 = (function () {
     // -------------------------------------------------------------------------
 
     // -------------------------------------------------------------------------
-    //  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()
+    // merge two objects (properties) and returns the resulting object
+    // see: https://stackoverflow.com/questions/43109229/merge-default-options-containing-object-with-json-object
+    // TODO:  Improve comment, give synopsis and example
     // -------------------------------------------------------------------------
     mergeData: function () {
       var a = [].slice.call(arguments), o = a.shift();
@@ -1090,29 +931,33 @@ var j1 = (function () {
     },  // END mergeData
 
     // -------------------------------------------------------------------------
-    //  returns the last vistited page
+    // getPrevPage()
+    // returns the last vistited page
     // -------------------------------------------------------------------------
     getPrevPage: function () {
       return previous_page;
     }, // END getPrevPage
 
     // -------------------------------------------------------------------------
-    //  returns the preferred language taken form window.navigator
-    //  See:
-    //  https://stackoverflow.com/questions/1043339/javascript-for-detecting-browser-language-preference
+    // getLanguage()
+    // returns the preferred language taken form window.navigator
+    // See:
+    // https://stackoverflow.com/questions/1043339/javascript-for-detecting-browser-language-preference
     // -------------------------------------------------------------------------
     getLanguage: function () {
       var language = navigator.languages ? navigator.languages[0] : (navigator.language || navigator.userLanguage);
     }, // END getLanguage
 
     // -------------------------------------------------------------------------
-    //  returns the template version taken from site config (_config.yml)
+    // getTemplateVersion()
+    // returns the template version taken from site config (_config.yml)
     // -------------------------------------------------------------------------
     getTemplateVersion: function () {
       return '{{template_version}}';
     }, // END getTemplateVersion
 
     // -------------------------------------------------------------------------
+    // scrollTo()
     // 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
@@ -1143,7 +988,7 @@ var j1 = (function () {
     }, // END scrollTo
 
     // -------------------------------------------------------------------------
-    //  authEnabled:
+    //  authEnabled()
     //  Returns the state of the authentication module
     // -------------------------------------------------------------------------
     authEnabled: function () {
@@ -1154,7 +999,7 @@ var j1 = (function () {
     }, // END authEnabled
 
     // -------------------------------------------------------------------------
-    //  appDetected:
+    //  appDetected()
     //  Returns true if a web session cookie exists
     // -------------------------------------------------------------------------
     appDetected: function () {
@@ -1173,7 +1018,7 @@ var j1 = (function () {
     }, // END appDetected
 
     // -------------------------------------------------------------------------
-    // xhrData:
+    // xhrData()
     // Load data asychronously using XHR on a DIV container
     // specified (from options: xhr_data_path)
     // -------------------------------------------------------------------------
@@ -1221,8 +1066,9 @@ var j1 = (function () {
     }, // END xhrData
 
     // -------------------------------------------------------------------------
-    //  xhrApi: XMLHttpRequest (XHR) based async server API request
-    //  Request an REST API at 'url', using verb 'type' of response type 'type'
+    // xhrApi:()
+    // XMLHttpRequest (XHR) based async server API request
+    // Request an REST API at 'url', using verb 'type' of response type 'type'
     // -------------------------------------------------------------------------
     xhrApi: function (url, request_type, data_type) {
       var logger    = log4javascript.getLogger('j1.xhrApi');
@@ -1249,204 +1095,7 @@ var j1 = (function () {
     }, // END xhrApi
 
     // -------------------------------------------------------------------------
-    // getRuntimeData: Returns the j1_runtime data object
-    //
-    // -------------------------------------------------------------------------
-    getRuntimeData: function (data_path) {
-    var logger = log4javascript.getLogger('j1.getRuntimeData');
-    var logText;
-
-    return $.ajax({
-        url:      data_path,
-        success:  function (contents) {
-          logText = 'data loaded successfully';
-          logger.info(logText);
-          state = 'runtime_data_loaded_success';
-          logger.info('state: ' + state);
-          executeFunctionByName('j1.setState', window, state);
-        },
-        error: function (err) {
-          logText = 'runtime data not loaded: ' + err;
-          logger.warn(logText);
-          state = 'runtime_data_loaded_failed';
-          logger.info('state: ' + state);
-          executeFunctionByName('j1.setState', window, state);
-          return false;
-        }
-      });
-
-    }, // END getRuntimeData
-
-    // -------------------------------------------------------------------------
-    // getColorData: Returns the j1_colors object
-    // Load color definitions from colors_data_path
-    // -------------------------------------------------------------------------
-    getColorData: function (data_path) {
-      var logger    = log4javascript.getLogger('j1.getColorData');
-      var j1_colors = {};
-
-      return $.ajax({
-        url:      data_path,
-        success:  function (data) {
-          var logText = 'color data loaded successfully';
-          logger.info(logText);
-          state = 'color_data_loaded_success';
-          logger.info('state: ' + state);
-          executeFunctionByName('j1.setState', window, state);
-
-          if (typeof data == 'string') {
-            j1_colors = JSON.parse(data);
-          }
-          if (typeof data == 'object') {
-            j1_colors = data;
-          }
-        },
-        error: function (data) {
-          var logText = 'color data not loaded';
-          logger.warn(logText);
-          state = 'color_data_loaded_failed';
-          logger.info('state: ' + state);
-          executeFunctionByName('j1.setState', window, state);
-          return false;
-        }
-      });
-
-    }, // END getColorData
-
-    // -------------------------------------------------------------------------
-    // setColorData:
-    //
-    // -------------------------------------------------------------------------
-    setColorData: function (color) {
-
-      if ( typeof color != 'undefined' ) {
-        var reHex = /^#[A-Fa-f0-9]+$/;
-        var reRGBA = /^rgba/;
-        var isHex = color.match(reHex);
-        var isRGBA = color.match(reRGBA);
-
-        if ( typeof j1.colors[color] != 'undefined' ) {
-          return j1.colors[color];
-        } else if (isHex) {
-          return color;
-        } else if (isRGBA) {
-          return color;
-        } else {
-          return false;
-        }
-      } else {
-        return false;
-      }
-
-    }, // END setColorData
-
-    // -------------------------------------------------------------------------
-    // getFontSizeData: Returns the j1_font_sizes object
-    // Load loadFontSize definitions from font_size_data_path
-    // -------------------------------------------------------------------------
-    getFontSizeData: function (data_path) {
-      var logger        = log4javascript.getLogger('j1.getFontSizeData');
-      var j1_font_sizes = {};
-
-      return $.ajax({
-        url:      data_path,
-        success:  function (data) {
-          var logText = 'font size data loaded successfully';
-          logger.info(logText);
-          state = 'fontsize_data_loaded_success';
-          logger.info('state: ' + state);
-          executeFunctionByName('j1.setState', window, state);
-
-          if (typeof data == 'string') {
-            j1_font_sizes = JSON.parse(data);
-          }
-          if (typeof data == 'object') {
-            j1_font_sizes = data;
-          }
-        },
-        error: function (data) {
-          var logText = 'font size data not loaded';
-          logger.warn(logText);
-          state = 'fontsize_data_loaded_failed';
-          logger.info('state: ' + state);
-          executeFunctionByName('j1.setState', window, state);
-          return false;
-        }
-      });
-
-    }, // END getFontSizeData
-
-    // -------------------------------------------------------------------------
-    // getFontSize: Returns the CSS value for a 'logical' fontsize
-    // out of the j1_font_sizes object
-    // -------------------------------------------------------------------------
-    setFontSize: function (size) {
-
-      if ( typeof size != 'undefined' ) {
-        var reCSS = /\bpx\b|\brem\b|\bem\b|\%|\binherit\b|\binitial\b|\bunset\b/;
-        var isCSS = size.match(reCSS);
-
-        if ( typeof j1.fonts[size] != 'undefined' ) {
-            return j1.fonts[size];
-        } else if (isCSS) {
-          return size;
-        } else {
-          return false;
-        }
-      } else {
-        return false;
-      }
-
-    }, // END getFontSize
-
-    // -------------------------------------------------------------------------
-    // loadMessageCatalog
-    // Loads the message catalog object
-    // -------------------------------------------------------------------------
-    getMessageCatalog: function (data_path /*, request_type, data_type*/) {
-      var logger          = log4javascript.getLogger('j1.loadMessageCatalog');
-      var message_catalog = {};
-      var type            = typeof request_type == 'undefined' || request_type  == '' ? 'GET'  : request_type;
-      var data_type       = typeof data_type    == 'undefined' || data_type     == '' ? 'text' : data_type;
-      var messageData;
-      var logBase;
-      var logText;
-      var property;
-
-      return $.ajax({
-        url:      data_path,
-        type:     type,
-        dataType: data_type,
-        success:  function (data) {
-          messageData = yaml.safeLoad(data);
-          for (property in messageData) {
-            if (messageData.hasOwnProperty(property)) {
-              message_catalog[property] = {};
-              messageData[property].forEach((element) => {
-                var key   = Object.keys(element)[0];
-                var value = element[Object.keys(element)[0]];
-                message_catalog[property][key] = value;
-              });
-            }
-          }
-          j1.messages = message_catalog;
-          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;
-          logger.error(logText);
-        }
-      });
-
-    }, // END getMessageCatalog
-
-    // -------------------------------------------------------------------------
-    //  readCookie:
-    //
+    //  readCookie()
     // -------------------------------------------------------------------------
     readCookie: function (name) {
       var data;
@@ -1468,7 +1117,7 @@ var j1 = (function () {
     }, // END readCookie
 
     // -------------------------------------------------------------------------
-    // writeCookie:
+    // writeCookie()
     // Write 'data' to a cookie 'name'. If not exists, the cookie gets
     // created. Returns 'true' if cookie was written, otherwise 'false'.
     //
@@ -1616,63 +1265,68 @@ var j1 = (function () {
     resolveMacros: function (user_data) {
       var logger = log4javascript.getLogger('j1.resolveMacros');
 
-      if (Object.keys(user_data).length) {
-        $('[id^=macro-]').each(function() {
-
-          $('#macro-provider').each(function() {
-            var $this = $(this);
-            var $html = $this.html();
-            $this.html($html.replace('??provider', user_data.provider));
-            this.href = this.href.replace(/.*\/??provider-site-url/, user_data.provider_site_url);
-          });
-          $('#macro-user-name').each(function() {
-            var $this = $(this);
-            var $html = $this.html();
-            $this.html($html.replace('??user-name', user_data.user_name));
-            this.href = this.href.replace(/.*\/??provider_member_url/, user_data.provider_member_url);
-          });
-          $('#macro-provider-permissions').each(function() {
-            var $this = $(this);
-            var $html = $this.html();
-            $this.html($html.replace('??provider-permissions', user_data.provider_permissions));
-            this.href = this.href.replace(/.*\/??provider_member_url/, user_data.provider_member_url);
-          });
-          $('#macro-provider-membership').each(function() {
-            var $this = $(this);
-            var $html = $this.html();
-            $this.html($html.replace('??provider-membership', user_data.provider_membership));
-            this.href = this.href.replace(/.*\/??provider_member_url/, user_data.provider_member_url);
-          });
-          $('#macro-cookie-state').each(function() {
-            var $this = $(this);
-            var $html = $this.html();
-            $this.html($html.replace('??cookie-state', user_data.cookies_accepted));
-            this.href = this.href.replace(/.*\/??provider_privacy_url/, user_data.provider_privacy_url);
-          });
-          $('#macro-theme-name').each(function() {
-            var $this = $(this);
-            var $html = $this.html();
-            $this.html($html.replace('??theme-name', user_data.theme_name));
-          });
-          $('#macro-theme-author').each(function() {
-            var $this = $(this);
-            var $html = $this.html();
-            $this.html($html.replace('??theme-author', user_data.theme_author));
-            this.href = this.href.replace(/.*\/??theme-author-url/, user_data.theme_author_url);
-          });
-          $('#macro-theme-version').each(function() {
-            var $this = $(this);
-            var $html = $this.html();
-            $this.html($html.replace('??theme-version', user_data.theme_version));
-          });
+      var sidebarLoaded = setInterval(function() {
+        if ($('#sidebar_mmenu').length) {
+          if (Object.keys(user_data).length) {
+            $('[id^=macro-]').each(function() {
 
-        });
-        return true;
-      } else {
-        logger.error('no user data provided');
-        return false;
-      }
+              $('#macro-provider').each(function() {
+                var $this = $(this);
+                var $html = $this.html();
+                $this.html($html.replace('??provider', user_data.provider));
+                this.href = this.href.replace(/.*\/??provider-site-url/, user_data.provider_site_url);
+              });
+              $('#macro-user-name').each(function() {
+                var $this = $(this);
+                var $html = $this.html();
+                $this.html($html.replace('??user-name', user_data.user_name));
+                this.href = this.href.replace(/.*\/??provider_member_url/, user_data.provider_member_url);
+              });
+              $('#macro-provider-permissions').each(function() {
+                var $this = $(this);
+                var $html = $this.html();
+                $this.html($html.replace('??provider-permissions', user_data.provider_permissions));
+                this.href = this.href.replace(/.*\/??provider_member_url/, user_data.provider_member_url);
+              });
+              $('#macro-provider-membership').each(function() {
+                var $this = $(this);
+                var $html = $this.html();
+                $this.html($html.replace('??provider-membership', user_data.provider_membership));
+                this.href = this.href.replace(/.*\/??provider_member_url/, user_data.provider_member_url);
+              });
+              $('#macro-cookie-state').each(function() {
+                var $this = $(this);
+                var $html = $this.html();
+                $this.html($html.replace('??cookie-state', user_data.cookies_accepted));
+                this.href = this.href.replace(/.*\/??provider_privacy_url/, user_data.provider_privacy_url);
+              });
+              $('#macro-theme-name').each(function() {
+                var $this = $(this);
+                var $html = $this.html();
+                $this.html($html.replace('??theme-name', user_data.theme_name));
+              });
+              $('#macro-theme-author').each(function() {
+                var $this = $(this);
+                var $html = $this.html();
+                $this.html($html.replace('??theme-author', user_data.theme_author));
+                this.href = this.href.replace(/.*\/??theme-author-url/, user_data.theme_author_url);
+              });
+              $('#macro-theme-version').each(function() {
+                var $this = $(this);
+                var $html = $this.html();
+                $this.html($html.replace('??theme-version', user_data.theme_version));
+              });
 
+            });
+            clearInterval(sidebarLoaded);
+            return true;
+          } else {
+            logger.error('no user data provided');
+            clearInterval(sidebarLoaded);
+            return false;
+          }
+        }
+      }, 25); // END 'sidebarLoaded'
     }, // END resolveMacros
 
     // -------------------------------------------------------------------------
@@ -1682,48 +1336,54 @@ var j1 = (function () {
     updateMacros: function (user_data) {
       var logger = log4javascript.getLogger('j1.updateMacros');
 
-      if (Object.keys(user_data).length) {
-        $('[id^=macro-]').each(function() {
+      var sidebarLoaded = setInterval(function() {
+        if ($('#sidebar_mmenu').length) {
 
-          $('#macro-provider').each(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-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-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-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-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);
-          });
+          if (Object.keys(user_data).length) {
+            $('[id^=macro-]').each(function() {
 
-        });
-        return true;
-      } else {
-        logger.error('no user data provided');
-        return false;
-      }
+              $('#macro-provider').each(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-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-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-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-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);
+              });
 
+            });
+            clearInterval(sidebarLoaded);
+            return true;
+          } else {
+            logger.error('no user data provided');
+            clearInterval(sidebarLoaded);
+            return false;
+          }
+        }
+      }, 25); // END 'sidebarLoaded'
     }, // END updateMacros
 
     // -------------------------------------------------------------------------
@@ -1748,49 +1408,6 @@ var j1 = (function () {
       return true;
     }, // END logger
 
-    // -------------------------------------------------------------------------
-    // getBaseUrl
-    // -------------------------------------------------------------------------
-    // getBaseUrl: function () {
-    //   var myUrl = window.location.href;
-    //   var ua    = platform.name.toLowerCase();
-    //   var reURL = new RegExp('(http[s]?:\/\/)?([^\/]+)(.*)');
-    //   var baseUrl;
-    //   //var reGroups;
-    //
-    //   // NOTE: named capture groups NOT supported by FF + IE11
-    //   // if ( ua === 'chrome' ) {
-    //   //   reURL     = new RegExp('(?<prot>http[s]?:\/\/)?(?<host>[^\/]+)(?<path>.*)');
-    //   //   reGroups  = myUrl.match(reURL).groups;
-    //   //   baseUrl  = reGroups.prot + reGroups.host;
-    //   // } else {
-    //   //   reURL     = new RegExp('(http[s]?:\/\/)?([^\/]+)(.*)');
-    //   //   myUrl.match(reURL);
-    //   //   baseUrl  = RegExp.$1 + RegExp.$2 + RegExp.$3;
-    //   // }
-    //
-    //   myUrl.match(reURL);
-    //   // baseUrl = RegExp.$1 + RegExp.$2 + RegExp.$3;
-    //   baseUrl = RegExp.$1 + RegExp.$2;
-    //
-    //   return baseUrl;
-    // }, // END getBaseUrl
-
-    // -------------------------------------------------------------------------
-    // getPath
-    // See: https://stackoverflow.com/questions/27745/getting-parts-of-a-url-regex
-    // -------------------------------------------------------------------------
-    // getPath: function ( myUrl ) {
-    //   var url = new parseURL(myUrl)
-    //   // var reURL = new RegExp('(http[s]?:\/\/)?([^\/]+)(.*)');
-    //   // var path;
-    //   //
-    //   // myUrl.match(reURL);
-    //   path  = url.path;
-    //
-    //   return path;
-    // }, // END getPath
-
     // -------------------------------------------------------------------------
     // Send message
     // -------------------------------------------------------------------------
@@ -1912,19 +1529,18 @@ var j1 = (function () {
       // -----------------------------------------------------------------------
       $('head').append('<style>.btn-viewer:hover { background-color: ' +bg_primary+ ' !important; }</style>');
 
-      // clipboard
-      // -----------------------------------------------------------------------
-      $('head').append('<style>.btn-clipboard:hover { background-color: ' +bg_primary+ ' !important; }</style>');
-
       // extended modals
       // -----------------------------------------------------------------------
-      var tabs_pills_link_color_active    = j1.setColorData('md_blue');         // j1.getStyleValue('btn-info', 'background-color');
-      var tabs_pills_link_color_hover     = j1.setColorData('md_gray_300');     // j1.getStyleValue('btn-secondary', 'background-color');
+      // var tabs_pills_link_color_active    = j1.setColorData('md_blue');         // j1.getStyleValue('btn-info', 'background-color');
+      // var tabs_pills_link_color_hover     = j1.setColorData('md_gray_300');     // j1.getStyleValue('btn-secondary', 'background-color');
+
+      // var tabs_pills_link_color_active    = 'mdi-blue';
+      // var tabs_pills_link_color_hover     = 'mdi-gray-300';
 
       // nav module
       // -----------------------------------------------------------------------
-      $('head').append('<style>.nav-link:hover { background-color: ' +tabs_pills_link_color_hover+ ' !important; }</style>');
-      $('head').append('<style>.nav-link.active { background-color: ' +tabs_pills_link_color_active+ ' !important; }</style>');
+      // $('head').append('<style>.nav-link:hover { background-color: ' +tabs_pills_link_color_hover+ ' !important; }</style>');
+      // $('head').append('<style>.nav-link.active { background-color: ' +tabs_pills_link_color_active+ ' !important; }</style>');
 
       return true;
     }, // END setCss
@@ -1963,14 +1579,13 @@ var j1 = (function () {
     // getUserAgent
     //  Return the name of the web browser
     // -------------------------------------------------------------------------
-    checkUserAgent: function (ua_name) {
+    checkUserAgent: function () {
       if (navigator.userAgent.search(ua_name) >= 0) {
         return true;
       } else {
         return false;
       }
     }, // END checkUserAgent
-
     // -------------------------------------------------------------------------
     //  Return always true (for testing purposes)
     // -------------------------------------------------------------------------
@@ -2003,5 +1618,9 @@ var j1 = (function () {
 }) (j1, window);
 
 {% endcapture %}
-{{ cache | strip_empty_lines }}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
 {% assign cache = nil %}