j1-template 2021.3.1 → 2022.0.2

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

@@ -234,9 +234,9 @@ var j1 = (function () {
   };
   var user_state = {
     'writer':               'j1.adapter',
-    'theme_name':           '',
+    'theme_name':           'UnoLight',
     'theme_css':            '',
-    'theme_author':         '',
+    'theme_author':         'J1 Team',
     'theme_version':        '{{template_version}}',
     'session_active':       false,
     'google_translate':     'disabled',
@@ -425,7 +425,7 @@ var j1 = (function () {
           expires:  0
         });
         if (!cookie_written) {
-            logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_state);
+          logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_state);
         }
       } else {
         logger.debug('\n' + 'write to cookie : ' + cookie_names.user_state);
@@ -437,54 +437,56 @@ var j1 = (function () {
           expires:  365
         });
         if (!cookie_written) {
-            logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_state);
+          logger.error('\n' + 'failed to write cookie: ' + cookie_names.user_state);
         }
       }
 
-      // initialize event handler for smooth scroll on in-page anchors
+      // jadams, 2021-11-10: anchor links of type #void are used/managed
+      // by the FAB module. No geneneraL use for NOW.
       // -----------------------------------------------------------------------
-      $('a[href*=\\#]').on('click', function (event) {
-        // ignore void links
-        if (window.location.href.includes('#void')||this.href.includes('#void')) {
-          return false;
-        }
-        // for external links, redirect to this page
-        if (window.location.pathname !== this.pathname) {
-          window.location.href = this.href;
-        } else {
-          // continue on in-page anchor
-          var toccerScrollDuration  = 300;
-          var toccerScrollOffset    = 10;
-
-          // calculate offset value for correct (smooth) scroll position
-          //
-          var $pagehead       = $('.attic');
-          var $navbar         = $('nav.navbar');
-          var $adblock        = $('#adblock');
-          var navbarType      = $navbar.hasClass('navbar-fixed') ? 'fixed' : 'scrolled';
-          var fontSize        = $('body').css('font-size').replace('px','');
-          var start           = window.pageYOffset;
-          var l               = parseInt(fontSize);
-          var h               = $pagehead.length ? $pagehead.height() : 0;
-          var n               = $navbar.length ? $navbar.height() : 0;
-          var a               = $adblock.length ? $adblock.height() : 0;
-          var scrollOffset    = navbarType == 'fixed' ? -1*(n + a + l) : -1*(h + n + a + l);
-
-          // TODO:  to be checked why this static offset (toccerScrollOffset)
-          //        is needed
-          scrollOffset        = scrollOffset + toccerScrollOffset;
-
-          logger.debug('\n' + 'scroll to anchor: ' + this.hash);
-          $("html, body").animate({
-            scrollTop: $($(this).attr("href")).offset().top + scrollOffset + "px"
-          }, {
-            duration: toccerScrollDuration,
-            easing: "swing"
-          });
-          // disable bubble up the event
-          return false;
-        } // End in-page link
-      }); // END click event on anchors
+      // initialize event handler for smooth scroll on in-page anchors
+      // $('a[href*=\\#]').on('click', function (event) {
+      //   // ignore void links
+      //   if (window.location.href.includes('#void')||this.href.includes('#void')) {
+      //     return false;
+      //   }
+      //   // for external links, redirect to this page
+      //   if (window.location.pathname !== this.pathname) {
+      //     window.location.href = this.href;
+      //   } else {
+      //     // continue on in-page anchor
+      //     var toccerScrollDuration  = 300;
+      //     var toccerScrollOffset    = 10;
+      //
+      //     // calculate offset value for correct (smooth) scroll position
+      //     //
+      //     var $pagehead       = $('.attic');
+      //     var $navbar         = $('nav.navbar');
+      //     var $adblock        = $('#adblock');
+      //     var navbarType      = $navbar.hasClass('navbar-fixed') ? 'fixed' : 'scrolled';
+      //     var fontSize        = $('body').css('font-size').replace('px','');
+      //     var start           = window.pageYOffset;
+      //     var l               = parseInt(fontSize);
+      //     var h               = $pagehead.length ? $pagehead.height() : 0;
+      //     var n               = $navbar.length ? $navbar.height() : 0;
+      //     var a               = $adblock.length ? $adblock.height() : 0;
+      //     var scrollOffset    = navbarType == 'fixed' ? -1*(n + a + l) : -1*(h + n + a + l);
+      //
+      //     // TODO:  to be checked why this static offset (toccerScrollOffset)
+      //     //        is needed
+      //     scrollOffset        = scrollOffset + toccerScrollOffset;
+      //
+      //     logger.debug('\n' + 'scroll to anchor: ' + this.hash);
+      //     $("html, body").animate({
+      //       scrollTop: $($(this).attr("href")).offset().top + scrollOffset + "px"
+      //     }, {
+      //       duration: toccerScrollDuration,
+      //       easing: "swing"
+      //     });
+      //     // disable bubble up the event
+      //     return false;
+      //   } // End in-page link
+      // }); // END click event on anchors
 
       // initialize event handler for window/history/back on <ESC>
       // -----------------------------------------------------------------------
@@ -538,12 +540,12 @@ var j1 = (function () {
                 if (user_session.authenticated === 'true') {
                   // set signout
                   logger.info('\n' + 'show signout icon');
-                  $('#navLinkSignInOut').attr('data-target','#modalOmniSignOut');
+                  $('#navLinkSignInOut').attr('data-bs-target','#modalOmniSignOut');
                   $('#iconSignInOut').removeClass('mdi-login').addClass('mdi-logout');
                 } else {
                   // set signin
                   logger.info('\n' + 'show signin icon');
-                  $('#navLinkSignInOut').attr('data-target','#modalOmniSignIn');
+                  $('#navLinkSignInOut').attr('data-bs-target','#modalOmniSignIn');
                   $('#iconSignInOut').removeClass('mdi-logout').addClass('mdi-login');
                 }
                 logger.info('\n' + 'authentication detected as: ' + user_session.authenticated);
@@ -672,6 +674,7 @@ var j1 = (function () {
       // finalize and display page
       j1.displayPage();
     },
+
     // -------------------------------------------------------------------------
     // initBanner()
     // AJAX fetcher to load and place all banner used for a page
@@ -778,6 +781,7 @@ var j1 = (function () {
       }
       return true;
     },
+
     // -------------------------------------------------------------------------
     // initPanel()
     // AJAX fetcher to load and place all panel used for a page
@@ -880,6 +884,7 @@ var j1 = (function () {
       }
       return true;
     },
+
     // -------------------------------------------------------------------------
     // initFooter()
     // AJAX fetcher to load and place the footer used for a page
@@ -933,6 +938,7 @@ var j1 = (function () {
       }
       return true;
     },
+
     // -------------------------------------------------------------------------
     // displayPage
     // show the page after timeout of {{flickerTimeout}} ms
@@ -979,13 +985,11 @@ var j1 = (function () {
 
       // if personalized content detected, page requires user consent
       if (personalization && !user_consent.personalization) {
-        // redirect to error paged (blocked content)
-        window.location.href = "/444.html";
+        // redirect to error page: blocked content
+        window.location.href = '/444.html';
       }
 
       logger.info('\n' + 'finalize page');
-      j1.setCss();
-
       logText= '\n' + 'loading page partials: started';
       logger.info(logText);
 
@@ -1133,12 +1137,12 @@ var j1 = (function () {
               if (user_session.authenticated === 'true') {
                 // set signout
                 logger.info('\n' + 'show signout icon');
-                $('#navLinkSignInOut').attr('data-target','#modalOmniSignOut');
+                $('#navLinkSignInOut').attr('data-bs-target','#modalOmniSignOut');
                 $('#iconSignInOut').removeClass('mdi-login').addClass('mdi-logout');
               } else {
                 // set signin
                 logger.info('\n' + 'show signin icon');
-                $('#navLinkSignInOut').attr('data-target','#modalOmniSignIn');
+                $('#navLinkSignInOut').attr('data-bs-target','#modalOmniSignIn');
                 $('#iconSignInOut').removeClass('mdi-logout').addClass('mdi-login');
               }
               logger.info('\n' + 'authentication detected as: ' + user_session.authenticated);
@@ -1229,36 +1233,50 @@ var j1 = (function () {
           // display page
           $('#no_flicker').css('display', 'block');
 
+          // jadams, 2021-11-19: test code for 'tapTarget' of 'materializeCss'
+          // See:
+          //  https://stackoverflow.com/questions/49422111/opening-tap-target-in-materialize-css-for-2-seconds
+          // -------------------------------------------------------------------
+          // $('#features').tapTarget();
+          // $('#features').click(function(e) {
+          //   logger.info('\n' + 'call default action');
+          //   $('#features').tapTarget('open');
+          // });
+
+          // jadams, 2021-11-19: additional code for accordions (collapsible)
+          // used e.g for the 'SERVICE Panel'
+          // -------------------------------------------------------------------
           // Add minus icon for collapse element which is open by default
-            $(".collapse.show").each(function(){
-                $(this).prev(".card-header").addClass("highlight");
-            });
+          $(".collapse.show").each(function(){
+              $(this).prev(".card-header").addClass("highlight");
+          });
 
-            // Highlight open collapsed element
-            $(".card-header .btn").click(function(){
-                $(".card-header").not($(this).parents()).removeClass("highlight");
-                $(this).parents(".card-header").toggleClass("highlight");
-            });
+          // Highlight open collapsed element
+          $(".card-header .btn").click(function(){
+              $(".card-header").not($(this).parents()).removeClass("highlight");
+              $(this).parents(".card-header").toggleClass("highlight");
+          });
 
-            // no dropcaps if translation enabled
-            if (user_translate.translationEnabled) {
-              logger.info('\n' + 'translation enabled: ' + user_translate.translationEnabled);
-              logger.warn('\n' + 'skipped processing of dropcaps');
-            } else {
-              // initialize dropcaps
-              logger.info('\n' + 'post processing: createDropCap');
-              j1.core.createDropCap();
-            }
+          // no dropcaps if translation enabled
+          if (user_translate.translationEnabled) {
+            logger.info('\n' + 'translation enabled: ' + user_translate.translationEnabled);
+            logger.warn('\n' + 'skipped processing of dropcaps');
+          } else {
+            // initialize dropcaps
+            logger.info('\n' + 'post processing: createDropCap');
+            j1.core.createDropCap();
+          }
+
+          // add recommended title to hyvor iframe for SEO optimization (if loadad)
+         if (comment_provider === 'hyvor') {
+           var dependencies_met_load_finished = setInterval (function () {
+             if ($('#hyvor-talk-view').children().length) {
+               $('#hyvor-talk-iframe').prop('title', 'Hyvor talk iframe');
+               clearInterval(dependencies_met_load_finished);
+             }
+           }, 25);
+         }
 
-            // add recommended title to hyvor iframe for SEO optimization (if loadad)
-           if (comment_provider === 'hyvor') {
-             var dependencies_met_load_finished = setInterval (function () {
-               if ($('#hyvor-talk-view').children().length) {
-                 $('#hyvor-talk-iframe').prop('title', 'Hyvor talk iframe');
-                 clearInterval(dependencies_met_load_finished);
-               }
-             }, 25);
-           }
           // NOTE: Placed tracking warning/info here because page may reloaded
           // after cookie consent selection
           if (user_consent.analysis) {
@@ -1355,6 +1373,7 @@ var j1 = (function () {
         }, flickerTimeout);
       }
     },
+
     // -------------------------------------------------------------------------
     // Helper functions
     // -------------------------------------------------------------------------
@@ -1375,6 +1394,7 @@ var j1 = (function () {
       }
       return o;
     },
+
     // -------------------------------------------------------------------------
     // getPrevPage()
     // Returns the last vistited page
@@ -1382,6 +1402,7 @@ var j1 = (function () {
     getPrevPage: function () {
       return previous_page;
     },
+
     // -------------------------------------------------------------------------
     // getLanguage()
     // Returns the preferred language taken form window.navigator
@@ -1391,6 +1412,7 @@ var j1 = (function () {
     getLanguage: function () {
       var language = navigator.languages ? navigator.languages[0] : (navigator.language || navigator.userLanguage);
     },
+
     // -------------------------------------------------------------------------
     // getTemplateVersion()
     // Returns the template version taken from site config (_config.yml)
@@ -1398,17 +1420,50 @@ var j1 = (function () {
     getTemplateVersion: function () {
       return '{{template_version}}';
     },
+
+    // -------------------------------------------------------------------------
+    // getScrollOffset()
+    // Calculate offset for correct (smooth) scroll position
+    // -------------------------------------------------------------------------
+    getScrollOffset: function () {
+      var scrollOffset;
+      var offsetCorrection;
+
+      var $pagehead     = $('.attic');
+      var $navbar       = $('nav.navbar');
+      var $adblock      = $('#adblock');
+      var navbarType    = $navbar.hasClass('navbar-fixed') ? 'fixed' : 'scrolled';
+      var fontSize      = $('body').css('font-size').replace('px','');
+
+      var f             = parseInt(fontSize);
+      var h             = $pagehead.length ? $pagehead.height() : 0;
+      var n             = $navbar.length ? $navbar.height() : 0;
+      var a             = $adblock.length ? $adblock.height() : 0;
+
+      // Unclear why or what element cause the need of a correction
+      // TODO: General revision of scrollOffset needed
+      //
+      offsetCorrection  = navbarType == 'fixed' ? 10 : -25;
+      scrollOffset      = navbarType == 'fixed'
+                            ? -1*(n + a + f) + offsetCorrection
+                            : -1*(n + a + f) + h + offsetCorrection;
+
+      return scrollOffset;
+    },
     // -------------------------------------------------------------------------
     // scrollTo()
     // Scrolls smooth to any anchor referenced by an page URL on
-    // e.g. a page reload. Values for delay|offset are taken from
+    // e.g. a page reload. Values e.g for delay are taken from
     // TOCCER module
     // -------------------------------------------------------------------------
     scrollTo: function () {
-      var anchor    = window.location.href.split('#')[1];
-      var anchor_id = typeof anchor !== 'undefined' ? '#' + anchor : false;
-      var isSlider  = false;
+      var logger          = log4javascript.getLogger('j1.scrollTo');
+      var anchor          = window.location.href.split('#')[1];
+      var anchor_id       = typeof anchor !== 'undefined' ? '#' + anchor : false;
+      var scrollDuration  = {{toccer_options.scrollSmoothDuration}};
+      var isSlider        = false;
       var selector;
+      var scrollOffset;
 
       if (typeof anchor === 'undefined') {
         return false;
@@ -1416,30 +1471,7 @@ var j1 = (function () {
         return false;
       }
 
-      var logger        = log4javascript.getLogger('j1.scrollTo');
-
-      var toccerScrollDuration = {{toccer_options.scrollSmoothDuration}};
-      var toccerScrollOffset   = {{toccer_options.scrollSmoothOffset}};
-
-      // calculate offset for correct (smooth) scroll position
-      var $pagehead       = $('.attic');
-      var $navbar         = $('nav.navbar');
-      var $adblock        = $('#adblock');
-
-      var navbarType      = $navbar.hasClass('navbar-fixed') ? 'fixed' : 'scrolled';
-      var fontSize        = $('body').css('font-size').replace('px','');
-      var start           = window.pageYOffset;
-
-      var l               = parseInt(fontSize);
-
-      var h               = $pagehead.length ? $pagehead.height() : 0;
-      var n               = $navbar.length ? $navbar.height() : 0;
-      var a               = $adblock.length ? $adblock.height() : 0;
-
-      var scrollOffset    = navbarType == 'fixed' ? -1*(n + a + l) : -1*(h + n + a + l);
-
-      // static offset, to be checked why this is needed
-      scrollOffset        = scrollOffset + toccerScrollOffset;
+      scrollOffset    = j1.getScrollOffset();
 
       // Check if the anchor is an slider/gallery element
       if (typeof anchor !== 'undefined') {
@@ -1450,10 +1482,10 @@ var j1 = (function () {
         // scroll only, if an anchor is given with URL
         selector = $(anchor_id);
         if (selector.length) {
-          j1.core.scrollSmooth.scroll( anchor_id, {
-            duration: toccerScrollDuration,
-            offset: scrollOffset,
-            callback: null
+          j1.core.scrollSmooth.scroll(anchor_id, {
+            duration:   scrollDuration,
+            offset:     scrollOffset,
+            callback:   false
           });
         } else {
           // scroll the page one pixel back and forth (trigger)
@@ -1464,12 +1496,13 @@ var j1 = (function () {
           $(window).scrollTop($(window).scrollTop()-1);
         }
       } else if (anchor_id === '#') {
-        logger.info('\n' + 'bound click event to "#void", suppress default action');
+        logger.info('\n' + 'bound click event to "#", suppress default action');
         $(window).scrollTop($(window).scrollTop()+1);
         $(window).scrollTop($(window).scrollTop()-1);
         return false;
       }
     },
+
     // -------------------------------------------------------------------------
     //  authEnabled()
     //  Returns the state of the authentication module
@@ -1480,6 +1513,7 @@ var j1 = (function () {
 
       return authEnabled;
     },
+
     // -------------------------------------------------------------------------
     //  appDetected()
     //  Returns true if a web session cookie exists
@@ -1498,6 +1532,7 @@ var j1 = (function () {
       }
       return detected;
     },
+
     // -------------------------------------------------------------------------
     // loadHTML()
     // Load HTML data asychronously using XHR|jQuery on an element (e.g. <div>)
@@ -1604,6 +1639,7 @@ var j1 = (function () {
       }
       return state;
     },
+
     // -------------------------------------------------------------------------
     // loadJS()
     // Load JS data asychronously using jQuery (XHR)
@@ -1642,6 +1678,7 @@ var j1 = (function () {
 
       return state;
     },
+
     // -------------------------------------------------------------------------
     // removeRessource (Vanilla JS)
     // -------------------------------------------------------------------------
@@ -1659,6 +1696,7 @@ var j1 = (function () {
             allsuspects[i].parentNode.removeChild(allsuspects[i])
       }
     },
+
     // -------------------------------------------------------------------------
     //  readCookie (Vanilla JS)
     // -------------------------------------------------------------------------
@@ -1680,6 +1718,7 @@ var j1 = (function () {
         return false;
       }
     },
+
     // -------------------------------------------------------------------------
     // writeCookie (Cookie lib)
     // Write 'data' to a cookie 'name'. If not exists, the cookie gets
@@ -1773,6 +1812,7 @@ var j1 = (function () {
       }
 
     },
+
     // -------------------------------------------------------------------------
     // findCookie (Vanilla JS)
     // Search for cookies (names) in the page header that matches a given
@@ -1788,6 +1828,7 @@ var j1 = (function () {
 
       return rCookie;
     },
+
     // -------------------------------------------------------------------------
     // removeCookie (Vanilla JS)
     // -------------------------------------------------------------------------
@@ -1807,6 +1848,7 @@ var j1 = (function () {
         return false;
       }
     },
+
     // -------------------------------------------------------------------------
     // expireCookie (Vanilla JS)
     // Expires given cookies by name except cookies set to httpOnly. For all
@@ -1868,6 +1910,7 @@ var j1 = (function () {
 
       return true;
     },
+
     // -------------------------------------------------------------------------
     // existsCookie (Vanilla JS)
     // returns true if a given cookie exists
@@ -1902,6 +1945,7 @@ var j1 = (function () {
 
       return cookieExists;
     },
+
     // -------------------------------------------------------------------------
     // Resolve MACROs
     //
@@ -1979,6 +2023,7 @@ var j1 = (function () {
         }
       }, 25);
     },
+
     // -------------------------------------------------------------------------
     // Update MACROs
     // Update the values, NOT the placeholders
@@ -2036,6 +2081,7 @@ var j1 = (function () {
         }
       }, 25);
     },
+
     // -------------------------------------------------------------------------
     // getMessage
     // Get a log message from the log message catalog object
@@ -2045,6 +2091,7 @@ var j1 = (function () {
 
       return message;
     },
+
     // -------------------------------------------------------------------------
     // logger
     // Log a message
@@ -2056,6 +2103,7 @@ var j1 = (function () {
 
       return true;
     },
+
     // -------------------------------------------------------------------------
     // Send message
     // -------------------------------------------------------------------------
@@ -2076,6 +2124,7 @@ var j1 = (function () {
       }
 
     },
+
     // -------------------------------------------------------------------------
     // messageHandler: MessageHandler for J1 CookieConsent module
     // Manage messages send from other J1 modules
@@ -2101,6 +2150,7 @@ var j1 = (function () {
 
       return true;
     },
+
     // -------------------------------------------------------------------------
     // getStyleValue:
     // Returns the value of a style from a css class definition
@@ -2121,6 +2171,7 @@ var j1 = (function () {
 
       return val;
     },
+
     // -------------------------------------------------------------------------
     // getStyleSheetLoaded:
     // NOTE:
@@ -2137,76 +2188,81 @@ var j1 = (function () {
         }
       }
     },
+
     // -------------------------------------------------------------------------
     //  Returns the names of cookies used for J1 Template
     // -------------------------------------------------------------------------
     getCookieNames: function () {
       return cookie_names;
     },
+
     // -------------------------------------------------------------------------
     // Set dynamic styles
     // -------------------------------------------------------------------------
-    setCss: function () {
-      var logger        = log4javascript.getLogger('j1.setCss');
-      var bg_primary    = j1.getStyleValue('bg-primary', 'background-color');
-      var bg_secondary  = j1.getStyleValue('bg-secondary', 'background-color');
-
-      logger.info('\n' + 'set color scheme for selected theme');
-
-      // globals
-      // -----------------------------------------------------------------------
-      $('head').append('<style>.g-bg-primary { background-color: ' +bg_primary+ ' !important; }</style>');
-
-      // mdi icons
-      // -----------------------------------------------------------------------
-      $('head').append('<style>.iconify-md-bg-primary { color: ' +bg_primary+ ' !important; }</style>');
-      $('head').append('<style>.fa-md-bg-primary { color: ' +bg_primary+ ' !important; }</style>');
-      $('head').append('<style>.fas-md-bg-primary { color: ' +bg_primary+ ' !important; }</style>');
-      $('head').append('<style>.mdi-md-bg-primary { color: ' +bg_primary+ ' !important; }</style>');
-
-      // asciidoc
-      // -----------------------------------------------------------------------
-      var admonitionblock_note_color      = bg_primary;
-      var admonitionblock_tip_color       = j1.getStyleValue('btn-success', 'background-color');
-      var admonitionblock_important_color = j1.getStyleValue('btn-info', 'background-color');
-      var admonitionblock_warning_color   = j1.getStyleValue('icon-warning', 'color');
-      var admonitionblock_caution_color   = j1.getStyleValue('btn-danger', 'background-color');
-
-      $('head').append('<style>.icon-note { color: ' +admonitionblock_note_color+ ' !important; }</style>');
-      $('head').append('<style>.icon-tip { color: ' +admonitionblock_tip_color+ ' !important; }</style>');
-      $('head').append('<style>.icon-important { color: ' +admonitionblock_important_color+ ' !important; }</style>');
-      $('head').append('<style>.icon-warning { color: ' +admonitionblock_warning_color+ ' !important; }</style>');
-      $('head').append('<style>.icon-caution { color: ' +admonitionblock_caution_color+ ' !important; }</style>');
-
-      // bs base styles (2020-09-20: diabled. Taken for BS CSS code)
-      // -----------------------------------------------------------------------
-      // $('head').append('<style>code { color: ' +bg_secondary+ ' !important; }</style>');
-
-      // bs tool tips
-      // -----------------------------------------------------------------------
-      $('head').append('<style>.tooltip-inner { background-color: ' +bg_primary+ ' !important; }</style>');
-//    $('head').append('<style>.tooltip-arrow { background-color: ' +bg_primary+ ' !important; }</style>');
-      $('head').append('<style>.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .bs-tooltip-bottom .arrow::before { border-bottom-color: ' +bg_primary+ ' !important; }</style>');
-
-      // asciidoc results viewer
-      // -----------------------------------------------------------------------
-      $('head').append('<style>.btn-viewer: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    = '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>');
+    // setCss: function () {
+    //   var logger        = log4javascript.getLogger('j1.setCss');
+    //   var bg_primary    = j1.getStyleValue('bg-primary', 'background-color');
+    //   var bg_secondary  = j1.getStyleValue('bg-secondary', 'background-color');
+    //
+    //   logger.info('\n' + 'set color scheme for selected theme');
+    //
+    //   // globals
+    //   // -----------------------------------------------------------------------
+    //   $('head').append('<style>.g-bg-primary { background-color: ' +bg_primary+ ' !important; }</style>');
+    //
+    //   // mdi icons
+    //   // -----------------------------------------------------------------------
+    //   $('head').append('<style>.iconify-md-bg-primary { color: ' +bg_primary+ ' !important; }</style>');
+    //   $('head').append('<style>.fa-md-bg-primary { color: ' +bg_primary+ ' !important; }</style>');
+    //   $('head').append('<style>.fas-md-bg-primary { color: ' +bg_primary+ ' !important; }</style>');
+    //   $('head').append('<style>.mdi-md-bg-primary { color: ' +bg_primary+ ' !important; }</style>');
+    //
+    //   // asciidoc
+    //   // -----------------------------------------------------------------------
+    //   var admonitionblock_note_color      = bg_primary;
+    //   var admonitionblock_tip_color       = j1.getStyleValue('btn-success', 'background-color');
+    //   var admonitionblock_important_color = j1.getStyleValue('btn-info', 'background-color');
+    //   var admonitionblock_warning_color   = j1.getStyleValue('icon-warning', 'color');
+    //   var admonitionblock_caution_color   = j1.getStyleValue('btn-danger', 'background-color');
+    //
+    //   $('head').append('<style>.icon-note { color: ' +admonitionblock_note_color+ ' !important; }</style>');
+    //   $('head').append('<style>.icon-tip { color: ' +admonitionblock_tip_color+ ' !important; }</style>');
+    //   $('head').append('<style>.icon-important { color: ' +admonitionblock_important_color+ ' !important; }</style>');
+    //   $('head').append('<style>.icon-warning { color: ' +admonitionblock_warning_color+ ' !important; }</style>');
+    //   $('head').append('<style>.icon-caution { color: ' +admonitionblock_caution_color+ ' !important; }</style>');
+    //
+    //   // bs base styles (2020-09-20: diabled. Taken for BS CSS code)
+    //   // -----------------------------------------------------------------------
+    //   // $('head').append('<style>code { color: ' +bg_secondary+ ' !important; }</style>');
+    //
+    //   // bs tool tips
+    //   // -----------------------------------------------------------------------
+    //   // $('head').append('<style>.tooltip-inner { background-color: ' +bg_primary+ ' !important; }</style>');
+    //   // $('head').append('<style>.bs-tooltip-top .tooltip-arrow::before { border-top-color: ' +bg_primary+ ' !important; }</style>');
+    //   // $('head').append('<style>.bs-tooltip-end .tooltip-arrow::before { border-right-color: ' +bg_primary+ ' !important; }</style>');
+    //   // $('head').append('<style>.bs-tooltip-bottom .tooltip-arrow::before { border-bottom-color: ' +bg_primary+ ' !important; }</style>');
+    //   // $('head').append('<style>.bs-tooltip-start .tooltip-arrow::before { border-left-color: ' +bg_primary+ ' !important; }</style>');
+    //
+    //   // asciidoc results viewer
+    //   // -----------------------------------------------------------------------
+    //   $('head').append('<style>.btn-viewer: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    = '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>');
+    //
+    //   return true;
+    // },
 
-      return true;
-    },
     // -------------------------------------------------------------------------
     // setState()
     // Set the current (processing) state of the module
@@ -2214,6 +2270,7 @@ var j1 = (function () {
     setState: function (stat) {
       state = stat;
     },
+
     // -------------------------------------------------------------------------
     // getState()
     // Returns the current (processing) state of the module
@@ -2221,6 +2278,7 @@ var j1 = (function () {
     getState: function () {
       return state;
     },
+
     // -------------------------------------------------------------------------
     // setXhrDataState()
     // Set the final (loading) state of an element (partial) loaded via Xhr
@@ -2228,6 +2286,7 @@ var j1 = (function () {
     setXhrDataState: function (obj, stat) {
       j1.xhrDataState[obj] = stat;
     },
+
     // -------------------------------------------------------------------------
     // getXhrDataState()
     // Returns the final (loading) state of an element (partial) loaded via Xhr
@@ -2235,6 +2294,7 @@ var j1 = (function () {
     getXhrDataState: function (obj) {
       return j1.xhrDataState[obj];
     },
+
     // -------------------------------------------------------------------------
     // setXhrDomState()
     // Set the state of an element loaded via Xhr that is
@@ -2243,6 +2303,7 @@ var j1 = (function () {
     setXhrDomState: function (obj, stat) {
       j1.xhrDOMState[obj] = stat;
     },
+
     // -------------------------------------------------------------------------
     // getXhrDataState()
     // Returns the state of an element loaded via Xhr that is
@@ -2251,6 +2312,7 @@ var j1 = (function () {
     getXhrDOMState: function (obj) {
       return j1.xhrDOMState[obj];
     },
+
     // -------------------------------------------------------------------------
     // setMode()
     // Set the current mode of the site (web|app)
@@ -2258,6 +2320,7 @@ var j1 = (function () {
     setMode: function (mod) {
       mode = mod;
     },
+
     // -------------------------------------------------------------------------
     // getMode()
     // Returns the current mode of the site (web|app)
@@ -2265,6 +2328,7 @@ var j1 = (function () {
     getMode: function () {
       return mode;
     },
+
     // -------------------------------------------------------------------------
     // checkUserAgent()
     // Returns the name (UA) of the web browser
@@ -2276,6 +2340,7 @@ var j1 = (function () {
         return false;
       }
     },
+
     // -------------------------------------------------------------------------
     // generateId()
     // Generate a unique (thread) id used by the logger
@@ -2289,6 +2354,7 @@ var j1 = (function () {
      }
      return result;
     },
+
     // -------------------------------------------------------------------------
     // getTrue()
     // Returns always true (for testing purposes)
@@ -2296,6 +2362,7 @@ var j1 = (function () {
     getTrue: function () {
       return true;
     },
+
     // -------------------------------------------------------------------------
     // getFalse()
     // Returns always false (for testing purposes)
@@ -2303,6 +2370,7 @@ var j1 = (function () {
     getFalse: function () {
       return false;
     },
+
     // -------------------------------------------------------------------------
     // goHome()
     // Redirect current page to the browser homepage