j1-template 2020.0.13 → 2020.0.14

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

@@ -102,8 +102,16 @@ j1.adapter['jf_gallery'] = (function (j1, window) {
     // Initializer
     // -------------------------------------------------------------------------
     init: function (options) {
+
+      {% comment %} Set global variables
+      -------------------------------------------------------------------------- {% endcomment %}
+      _this = j1.adapter.jf_gallery;
+      logger = log4javascript.getLogger('j1.adapter.jf_gallery');
+
       // initialize state flag
-      j1.adapter.jf_gallery.state = 'pending';
+      _this.setState('started');
+      logger.info('state: ' + _this.getState());
+      logger.info('module is being initialized');
 
       // -----------------------------------------------------------------------
       // Default module settings
@@ -125,18 +133,11 @@ j1.adapter['jf_gallery'] = (function (j1, window) {
         moduleOptions = j1.mergeData(moduleOptions, settings);
       }
 
-      {% comment %} Set global variables
-      -------------------------------------------------------------------------- {% endcomment %}
-      _this = j1.adapter.jf_gallery;
-      logger = log4javascript.getLogger('j1.adapter.jf_gallery');
-
-      _this.setState('started');
-      logger.info('state: ' + _this.getState());
-      logger.info('module is being initialized');
-
       _this.initialize(moduleOptions);
 
-      return true;
+      _this.setState('finished');
+      logger.info('state: ' + _this.getState());
+      logger.info('module initialized successfully');
     },
 
     // -----------------------------------------------------------------------
@@ -242,7 +243,7 @@ j1.adapter['jf_gallery'] = (function (j1, window) {
 
             // Collect html5 video gallery data from data file (xhr_data_path)
             $.getJSON('{{jf_gallery_options.xhr_data_path}}', function (data) {
-              var play_button = '/assets/themes/j1/extensions/lightGallery/css/themes/icons/play-button.png';
+              var play_button = '/assets/themes/j1/modules/lightGallery/css/themes/icons/play-button.png';
               var content = '';
               var gallery_class = 'justified-gallery';
               {% if lightbox == "lg" %}
@@ -268,12 +269,12 @@ j1.adapter['jf_gallery'] = (function (j1, window) {
                   {% endif %}
                   content +=  'href="' +img+ '">' + '\n';
                   content +=  '<img src="' +img+ '" img alt="' +captions_lightbox+ '">' + '\n';
-                  content +=  '<span><img class="justified-gallery img-overlay" src="/assets/themes/j1/extensions/lightGallery/css/themes/icons/play-button.png"></span>' + '\n';
+                  content +=  '<span><img class="justified-gallery img-overlay" src="/assets/themes/j1/modules/lightGallery/css/themes/icons/play-button.png"></span>' + '\n';
                 } else {
                   content +=  '<a data-sub-html="' +captions_gallery+ '" ';
                   content +=  'href="' +img+ '">' + '\n';
                   content +=  '<img src="' +img+ '" img alt="' +captions_gallery+ '">' + '\n';
-                  content +=  '<span><img class="justified-gallery img-overlay" src="/assets/themes/j1/extensions/lightGallery/css/themes/icons/play-button.png"></span>' + '\n';
+                  content +=  '<span><img class="justified-gallery img-overlay" src="/assets/themes/j1/modules/lightGallery/css/themes/icons/play-button.png"></span>' + '\n';
                 }
                 content +=  '</a>' + '\n';
 
@@ -402,20 +403,20 @@ j1.adapter['jf_gallery'] = (function (j1, window) {
     }, // END messageHandler
 
     // -------------------------------------------------------------------------
-    // setState
-    // Set the current (processing) state of the module
+    // setState()
+    // Sets the current (processing) state of the module
     // -------------------------------------------------------------------------
     setState: function (stat) {
-      j1.adapter.jf_gallery.state = stat;
+      _this.state = stat;
     }, // END setState
 
     // -------------------------------------------------------------------------
-    // getState
+    // getState()
     // Returns the current (processing) state of the module
     // -------------------------------------------------------------------------
     getState: function () {
-      return j1.adapter.jf_gallery.state;
-    } // END state
+      return _this.state;
+    } // END getState
 
   }; // END return
 })(j1, window);

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

@@ -110,8 +110,9 @@ j1.adapter['lightbox'] = (function (j1, window) {
       // initialize state flag
       j1.adapter.lightbox.state = 'pending';
 
-      {% comment %} Set global variables
-      -------------------------------------------------------------------------- {% endcomment %}
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
       _this   = j1.adapter.lightbox;
       logger  = log4javascript.getLogger('j1.adapter.lightbox');
 
@@ -171,20 +172,20 @@ j1.adapter['lightbox'] = (function (j1, window) {
     }, // END messageHandler
 
     // -------------------------------------------------------------------------
-    // setState
-    // Set the current (processing) state of the module
+    // setState()
+    // Sets the current (processing) state of the module
     // -------------------------------------------------------------------------
     setState: function (stat) {
-      j1.adapter.lightbox.state = stat;
+      _this.state = stat;
     }, // END setState
 
     // -------------------------------------------------------------------------
-    // getState
+    // getState()
     // Returns the current (processing) state of the module
     // -------------------------------------------------------------------------
     getState: function () {
-      return j1.adapter.lightbox.state;
-    } // END state
+      return _this.state;
+    } // END getState
 
   }; // END return
 })(j1, window);

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

@@ -83,7 +83,7 @@ j1.adapter['logger'] = (function (j1, window) {
   // globals
   // ---------------------------------------------------------------------------
   var environment           = '{{environment}}';
-  var page_id               = uuid().slice(25, 37);
+  var page_id               = j1.generateId(12);
   var cookie_names          = j1.getCookieNames();
   var loggerRequestCallback = false;
   var loggerOptions         = {};
@@ -266,11 +266,9 @@ j1.adapter['logger'] = (function (j1, window) {
             logger.info('ajax appender detected as: disabled');
           }
 
-          _this.setState('started');
-          logger.info('state: ' + _this.getState());
-
           _this.setState('finished');
           logger.info('state: ' + _this.getState());
+          logger.info('module initialized successfully');
 
           return true;
         }

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

@@ -70,46 +70,43 @@ j1.adapter['mdb'] = (function (j1, window) {
     // Initializer
     // -------------------------------------------------------------------------
     init: function (options) {
-      // initialize state flag
-      j1.adapter.mdb.state = 'pending';
 
       // -----------------------------------------------------------------------
-      // Default module settings
+      // globals
       // -----------------------------------------------------------------------
-      var settings = $.extend({
-        module_name: 'j1.adapter.mdb',
-        generated:   '{{site.time}}'
-      }, options);
-
-      {% comment %} Set global variables
-      -------------------------------------------------------------------------- {% endcomment %}
       _this   = j1.adapter.mdb;
       logger  = log4javascript.getLogger('j1.adapter.mdb');
 
+      // initialize state flag
       _this.setState('started');
       logger.info('state: ' + _this.getState());
       logger.info('module is being initialized');
 
+      // -----------------------------------------------------------------------
+      // Default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.mdb',
+        generated:   '{{site.time}}'
+      }, options);
+
       // -----------------------------------------------------------------------
       // MDB initializer
       // -----------------------------------------------------------------------
       var log_text = 'MDB is being initialized';
       logger.info(log_text);
-      $(document).ready(function() {
-        var dependencies_met_page_ready = setInterval(function() {
-          // delay initMDB until page is visible and
-          // fully available with the DOM
-          if (j1.getState() == 'finished') {
-            j1.initMDB(settings);
-            _this.setState('finished');
-            logger.info('state: ' + _this.getState());
-            logger.info('initializieng module is: finished');
-            clearInterval(dependencies_met_page_ready);
-          }
-        }, 25);
-      });
 
-      return true;
+      var dependencies_met_j1_finished = setInterval(function() {
+        if (j1.getState() == 'finished') {
+          $('body').bootstrapMaterialDesign();
+
+          _this.setState('finished');
+          logger.info('state: ' + _this.getState());
+
+          clearInterval(dependencies_met_j1_finished);
+        } // END dependencies_met_j1_finished
+      }, 25);
+
     }, // END init
 
     // -------------------------------------------------------------------------
@@ -140,20 +137,20 @@ j1.adapter['mdb'] = (function (j1, window) {
     }, // END messageHandler
 
     // -------------------------------------------------------------------------
-    // setState
-    // Set the current (processing) state of the module
+    // setState()
+    // Sets the current (processing) state of the module
     // -------------------------------------------------------------------------
     setState: function (stat) {
-      j1.adapter.mdb.state = stat;
+      _this.state = stat;
     }, // END setState
 
     // -------------------------------------------------------------------------
-    // getState
+    // getState()
     // Returns the current (processing) state of the module
     // -------------------------------------------------------------------------
     getState: function () {
-      return j1.adapter.mdb.state;
-    } // END state
+      return _this.state;
+    } // END getState
 
   }; // END return
 })(j1, window);

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

@@ -48,8 +48,10 @@ regenerate: true
 {% assign modules                       = site.data.modules %}
 
 {% assign template_config               = site.data.template_settings %}
-{% assign navigator_defaults            = site.data.modules.defaults.navigator.defaults %}
-{% assign navigator_settings            = site.data.modules.navigator.settings %}
+{% assign navigator_defaults            = modules.defaults.navigator.defaults %}
+{% assign navigator_settings            = modules.navigator.settings %}
+{% assign themer_defaults               = modules.defaults.themer.defaults %}
+{% assign themer_settings               = modules.themer.settings %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -59,6 +61,7 @@ regenerate: true
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign navigator_options             = navigator_defaults | merge: navigator_settings %}
+{% assign themer_options                = themer_defaults | merge: themer_settings %}
 {% assign nav_mmenu_options             = nav_mmenu_defaults | merge: nav_mmenu_settings %}
 {% assign nav_mmenu_id                  = navigator_defaults.nav_mmenu.xhr_container_id %}
 {% assign nav_navbar_media_breakpoint   = navigator_defaults.nav_bar.media_breakpoint %}
@@ -104,10 +107,10 @@ j1.adapter['mmenu'] = (function (j1, window) {
   // ---------------------------------------------------------------------------
   // globals
   // ---------------------------------------------------------------------------
-  var environment         = '{{environment}}';
-  var dclFinished         = false;
-  var moduleOptions       = {};
-  var cookie_names        = j1.getCookieNames();
+  var environment   = '{{environment}}';
+  var dclFinished   = false;
+  var moduleOptions = {};
+  var cookie_names  = j1.getCookieNames();
   var user_state;
   var user_session;
   var user_data;
@@ -128,8 +131,17 @@ j1.adapter['mmenu'] = (function (j1, window) {
     // module initializer
     // -------------------------------------------------------------------------
     init: function (options) {
+
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
+      _this         = j1.adapter.mmenu;
+      logger        = log4javascript.getLogger('j1.adapter.mmenu');
+
       // initialize state flag
-      j1.adapter.mmenu.state = 'pending';
+      _this.setState('started');
+      logger.info('state: ' + _this.getState());
+      logger.info('module is being initialized');
 
       // -----------------------------------------------------------------------
       // defaults
@@ -139,12 +151,6 @@ j1.adapter['mmenu'] = (function (j1, window) {
         generated:   '{{site.time}}'
       }, options);
 
-      // -----------------------------------------------------------------------
-      // globals
-      // -----------------------------------------------------------------------
-      _this         = j1.adapter.mmenu;
-      logger        = log4javascript.getLogger('j1.adapter.mmenu');
-
       // -----------------------------------------------------------------------
       // options loader
       // -----------------------------------------------------------------------
@@ -156,7 +162,7 @@ j1.adapter['mmenu'] = (function (j1, window) {
 
       // save config settings into the mmenu object for global access
       //
-      j1.adapter.mmenu['navMenuOptions'] = navMenuOptions;
+      _this['navMenuOptions'] = navMenuOptions;
 
       // Load (individual) frontmatter options (currently NOT used)
       //
@@ -165,14 +171,7 @@ j1.adapter['mmenu'] = (function (j1, window) {
       _this.setState('started');
       logger.info('state: ' + _this.getState());
       logger.info('module is being initialized');
-
-      var dependencies_met_page_loaded = setInterval(function() {
-        if ( j1.getState() == 'finished' ) {
-          logger.info('dependencies of module met');
-          j1.adapter.mmenu.mmenuLoader(navMenuOptions);
-          clearInterval(dependencies_met_page_loaded);
-        }
-      }, 25);
+      _this.mmenuLoader(navMenuOptions);
     }, // END init
 
     // -------------------------------------------------------------------------
@@ -206,48 +205,37 @@ j1.adapter['mmenu'] = (function (j1, window) {
       to
         {% if forloop.last %}'data_loaded'{% else %}'data_loaded'{% endif %}){% if forloop.last %}{% else %},{% endif %}
       -------------------------------------------------------------------------- {% endcomment %}
-      $.when (
       {% for item in nav_mmenu_options.menus %} {% if item.menu.enabled %}
       {% assign menu_id       = item.menu.xhr_container_id %}
       {% assign xhr_data_path = item.menu.xhr_data_path %}
 
-        j1.xhrData (
-          'j1.adapter.mmenu', {
-          xhr_container_id: '{{menu_id}}',
-          xhr_data_path:    '{{xhr_data_path}}' },
-          {% if forloop.last %}'null'{% else %}'null'{% endif %}){% if forloop.last %}{% else %},{% endif %}
+      j1.xhrData ({
+        xhr_container_id: '{{menu_id}}',
+        xhr_data_path:    '{{xhr_data_path}}'},
+        'j1.adapter.mmenu',
+        {% if forloop.last %}'data_loaded'{% else %}'null'{% endif %}){% if forloop.last %};{% else %};{% endif %}
 
       {% endif %}
       {% capture id_list %}{{id_list}}{{menu_id}}{% if forloop.last %}{% else %},{% endif %} {% endcapture %}
       {% endfor %} // ENDFOR menus
-      ).done (function ({{id_list}}) {
+
         // ---------------------------------------------------------------------
         // Initialize MMenu Navs and Drawers
         // ---------------------------------------------------------------------
-        // Make sure that Load HTML data (AJAX) is finished
-        setTimeout (function() {
-          _this.setState('data_loaded');
-        }, 300);
-
-        var dependencies_met_mmenu_initialized = setInterval (function () {
-          if (_this.getState() === 'data_loaded') {
+        var dependencies_met_all_menu_loaded = setInterval (function () {
+          if (j1.xhrDataState['#navigator_nav_mmenu'] == 'success' && j1.xhrDataState['#navigator_sidebar_mmenu'] == 'success' && j1.xhrDataState['#navigator_toc_mmenu'] == 'success') {
             logger.info('load HTML data (AJAX): finished');
             _this.setState('processing');
             logger.info('status: ' + _this.getState());
             logger.info('initialize navs and drawers');
-            j1.adapter.mmenu.mmenuInitializer(mmOptions);
-            clearInterval(dependencies_met_mmenu_initialized);
-          }
-        }, 25); // END dependencies_met_mmenu_loaded
+            _this.mmenuInitializer(mmOptions);
 
-        var dependencies_met_all_menu_loaded = setInterval (function () {
-          if ( $('#menu_mmenu').length && $('#sidebar_mmenu').length && $('#toc_mmenu').length ) {
             _this.setState('finished');
-            logger.info('status: ' + _this.getState());
+            logger.info('state: ' + _this.getState());
+            logger.info('module initialized successfully');
             clearInterval(dependencies_met_all_menu_loaded);
           }
         }, 25); // END dependencies_met_all_menu_loaded
-      }); // END done
     }, // END dataLoader
 
     // -------------------------------------------------------------------------
@@ -324,6 +312,14 @@ j1.adapter['mmenu'] = (function (j1, window) {
                 drawer_{{menu_id}}.open();
               });
             });
+
+            // load themes from Bootswatch API (set localFeed EMPTY)
+            $('#ThemeList_MMenu').bootstrapThemeSwitcher({
+                localFeed: ''
+            });
+            // load (local) J1 themes (default settings)
+            $('#ThemeSelect_MMenu').bootstrapThemeSwitcher();
+
             clearInterval(dependencies_met_{{menu_id}}_loaded);
             $('#{{item.menu.content.id}}').show();
             logger.info('initializing mmenu finished on id: #{{menu_id}}');
@@ -339,7 +335,7 @@ j1.adapter['mmenu'] = (function (j1, window) {
           // -------------------------------------------------------------------
           logger.info('initialize mmenu on id: #{{menu_id}}');
           var dependencies_met_{{menu_id}}_loaded = setInterval (function () {
-            if ({{menu_id}}) {
+            if ({{menu_id}} && $('{{item.menu.content.button}}').length) {
               const menu_selector = document.querySelector('#{{menu_id}}');
 
               const mmenu_{{menu_id}} = new MmenuLight (
@@ -428,20 +424,20 @@ j1.adapter['mmenu'] = (function (j1, window) {
     }, // END messageHandler
 
     // -------------------------------------------------------------------------
-    // setState
-    // Set the current (processing) state of the module
+    // setState()
+    // Sets the current (processing) state of the module
     // -------------------------------------------------------------------------
     setState: function (stat) {
-      j1.adapter.mmenu.state = stat;
+      _this.state = stat;
     }, // END setState
 
     // -------------------------------------------------------------------------
-    // getState
+    // getState()
     // Returns the current (processing) state of the module
     // -------------------------------------------------------------------------
     getState: function () {
-      return j1.adapter.mmenu.state;
-    } // END state
+      return _this.state;
+    } // END getState
 
   }; // END return
 })(j1, window);

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

@@ -50,7 +50,6 @@ regenerate: true
 {% assign environment                   = site.environment %}
 {% assign brand_image_height            = site.brand.image_height %}
 
-
 {% comment %} Process YML config data
 ================================================================================ {% endcomment %}
 
@@ -197,8 +196,17 @@ j1.adapter['navigator'] = (function (j1, window) {
     // module initializer
     // -------------------------------------------------------------------------
     init: function (options) {
+
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
+      _this         = j1.adapter.navigator;
+      logger        = log4javascript.getLogger('j1.adapter.navigator');
+
       // initialize state flag
-      j1.adapter.navigator.state = 'pending';
+      _this.setState('started');
+      logger.info('state: ' + _this.getState());
+      logger.info('module is being initialized');
 
       // -----------------------------------------------------------------------
       // defaults
@@ -207,8 +215,6 @@ j1.adapter['navigator'] = (function (j1, window) {
         module_name: 'j1.adapter.navigator',
         generated:   '{{site.time}}'
       }, options);
-      _this         = j1.adapter.navigator;
-      logger        = log4javascript.getLogger('j1.adapter.navigator');
 
       // -----------------------------------------------------------------------
       // options loader
@@ -247,24 +253,20 @@ j1.adapter['navigator'] = (function (j1, window) {
       navTopsearchOptions                           = j1.mergeData(navTopsearchConfig, navDefaults.nav_topsearch);
       navAuthClientConfig                           = j1.mergeData(navAuthClientConfig, navDefaults.nav_authclient);
 
-      // save config settings into the navigator object for global access
+      // save config settings into the adapter object for global access
       //
-      j1.adapter.navigator['navDefaults']           = navDefaults;
-      j1.adapter.navigator['navBarOptions']         = navBarOptions;
-      j1.adapter.navigator['navMenuOptions']        = navMenuOptions;
-      j1.adapter.navigator['navQuicklinksOptions']  = navQuicklinksOptions;
-      j1.adapter.navigator['navTopsearchOptions']   = navTopsearchOptions;
-      j1.adapter.navigator['navAuthClientConfig']   = navAuthClientConfig;
-      j1.adapter.navigator['navAuthManagerConfig']  = navAuthMAnagerConfig;
+      _this['navDefaults']           = navDefaults;
+      _this['navBarOptions']         = navBarOptions;
+      _this['navMenuOptions']        = navMenuOptions;
+      _this['navQuicklinksOptions']  = navQuicklinksOptions;
+      _this['navTopsearchOptions']   = navTopsearchOptions;
+      _this['navAuthClientConfig']   = navAuthClientConfig;
+      _this['navAuthManagerConfig']  = navAuthMAnagerConfig;
 
       // Load (individual) frontmatter options (currently NOT used)
       if (options  != null) { var frontmatterOptions = $.extend({}, options) }
       /* eslint-enable */
 
-      _this.setState('started');
-      logger.info('state: ' + _this.getState());
-      logger.info('module is being initialized');
-
       // -----------------------------------------------------------------------
       // Load HTML data (AJAX)
       // -----------------------------------------------------------------------
@@ -280,68 +282,78 @@ j1.adapter['navigator'] = (function (j1, window) {
       // -----------------------------------------------------------------------
       // data loader
       // -----------------------------------------------------------------------
-      logger.info('run deferred data load');
-      $.when (
-        j1.xhrData ( // quicklinks
-          'j1.adapter.navigator', {
-          xhr_container_id: navQuicklinksOptions.xhr_container_id,
-          xhr_data_path:    navQuicklinksOptions.xhr_data_path },
-          null),
-        j1.xhrData ( // authclient
-          'j1.adapter.navigator', {
-          xhr_container_id: navAuthClientConfig.xhr_container_id,
-          xhr_data_path:    navAuthClientConfig.xhr_data_path },
-          null),
-        j1.xhrData ( // menubar
-          'j1.adapter.navigator', {
-          xhr_container_id: navMenuOptions.xhr_container_id,
-          xhr_data_path:    navMenuOptions.xhr_data_path },
-          'data_loaded'))
-      .done (function (quickLinks, authclient, menuBar) {
-        // ---------------------------------------------------------------------
-        // core initializer
-        // ---------------------------------------------------------------------
 
+      j1.xhrData({
+        xhr_container_id: navQuicklinksOptions.xhr_container_id,
+        xhr_data_path:    navQuicklinksOptions.xhr_data_path },
+        'j1.adapter.navigator',
+        null);
+      j1.xhrData({
+        xhr_container_id: navAuthClientConfig.xhr_container_id,
+        xhr_data_path:    navAuthClientConfig.xhr_data_path },
+        'j1.adapter.navigator',
+        null);
+      j1.xhrData({
+        xhr_container_id: navMenuOptions.xhr_container_id,
+        xhr_data_path:    navMenuOptions.xhr_data_path },
+        'j1.adapter.navigator',
+        'null');
+
+      var dependencies_met_load_menu_finished = setInterval (function () {
+        if (j1.xhrDOMState['#'+navQuicklinksOptions.xhr_container_id] == 'not loaded' ||
+            j1.xhrDOMState['#'+navAuthClientConfig.xhr_container_id] == 'not loaded' ||
+            j1.xhrDOMState['#'+navMenuOptions.xhr_container_id] == 'not loaded' ){
+          logger.error('load HTML data (AJAX): failed');
+          _this.setState('finished');
+          logger.info('state: ' + _this.getState());
+          logger.info('initializing module: failed');
+          clearInterval(dependencies_met_load_menu_finished);
+        }
         // continue if all AJAX loads (xhrData) has finished
-        var dependencies_met_navigator_core = setInterval (function () {
-          if (_this.getState() === 'data_loaded') {
-            _this.setState('processing');
-
-            logger.info('status: ' + _this.getState());
-            logger.info('initialize navigator core');
-
-            // Detect|Set J1 App status
-            appDetected       = j1.appDetected();
-            authClientEnabled = j1.authEnabled();
-            logger.info('application status detected: ' + appDetected);
-
-            j1.core.navigator.init (
-              _this.navDefaults,
-              _this.navMenuOptions
-            );
-
-            // cast text-based booleans
-            themerEnabled = ({{themer_options.enabled }} === 'true');
-
-            if ({{themer_options.enabled }}) {
-              logText = 'theme switcher detect: enabled';
-              logger.info(logText);
-              // initialize theme switcher menu
-              $('#ThemeList').bootstrapThemeSwitcher({localFeed: ''});          // load themes from Bootswatch API
-              $('#ThemeSelect').bootstrapThemeSwitcher();                       // Load (local) J1 themes
-              logText = 'theme switcher menu loaded successfully';
-              logger.info(logText);
-            } else {
-              logText = 'theme switcher detect: disabled';
-              logger.info(logText);
-            }
-            _this.setState('initialized');
-
-            // -----------------------------------------------------------------
-            // event handler|css styles
-            // -----------------------------------------------------------------
-            // continue if Theme CSS is applied
-            var dependencies_met_adapter_finished = setInterval(function() {
+        if (j1.xhrDOMState['#'+navQuicklinksOptions.xhr_container_id] == 'success' &&
+            j1.xhrDOMState['#'+navAuthClientConfig.xhr_container_id] == 'success' &&
+            j1.xhrDOMState['#'+navMenuOptions.xhr_container_id] == 'success' ){
+          _this.setState('processing');
+          logger.info('status: ' + _this.getState());
+          logger.info('initialize navigator core');
+
+          // Detect|Set J1 App status
+          appDetected       = j1.appDetected();
+          authClientEnabled = j1.authEnabled();
+          logger.info('application status detected: ' + appDetected);
+
+          j1.core.navigator.init (
+            _this.navDefaults,
+            _this.navMenuOptions
+          );
+
+          // cast text-based booleans
+          // themerEnabled = ({{themer_options.enabled }} === 'true');
+
+          if ({{themer_options.enabled }}) {
+            logText = 'theme switcher detect: enabled';
+            logger.info(logText);
+            // initialize theme switcher menu
+            // load themes from Bootswatch API (set localFeed EMPTY)
+            $('#ThemeList').bootstrapThemeSwitcher({
+                localFeed: ''
+            });
+            // load (local) J1 themes (default settings)
+            $('#ThemeSelect').bootstrapThemeSwitcher();
+            logText = 'theme switcher menu loaded successfully';
+            logger.info(logText);
+          } else {
+            logText = 'theme switcher detect: disabled';
+            logger.info(logText);
+          }
+          _this.setState('initialized');
+
+          // -----------------------------------------------------------------
+          // event handler|css styles
+          // -----------------------------------------------------------------
+          // continue if Theme CSS is applied
+          var dependencies_met_adapter_finished = setInterval(function() {
+            if (themerEnabled) {
               if (j1.adapter.themer.getState() === 'finished') {
                 _this.setState('processing');
 
@@ -356,51 +368,69 @@ j1.adapter['navigator'] = (function (j1, window) {
                 );
 
                 logger.info('init auth client');
-                j1.adapter.navigator.initAuthClient(j1.adapter.navigator.navAuthManagerConfig);
+                _this.initAuthClient(_this.navAuthManagerConfig);
+
                 _this.setState('finished');
                 logger.info('state: ' + _this.getState());
+                logger.info('module initialized successfully');
                 clearInterval(dependencies_met_adapter_finished);
               }
-            }, 25); // END 'dependencies_met_adapter_finished'
-            clearInterval(dependencies_met_navigator_core);
-          }
-        }, 25); // END 'dependencies_met_navigator_core'
-
-        // --------------------------------------------------------------------
-        // Register event 'reset on resize' to call j1.core.navigator on
-        // manageDropdownMenu to manage the (current) NAV menu for
-        // desktop or mobile
-        // ---------------------------------------------------------------------
-        $(window).on('resize', function() {
-          j1.core.navigator.manageDropdownMenu(navDefaults, navMenuOptions);
-
-          // jadams, 2020-07-10: cause severe trouble on mobile devices if
-          // OnScreen Kbd comes up and reduces the window size (resize event)
-          // DISABLED
-          // -------------------------------------------------------------------
-          // Hide|Close topSearch on resize event
-          // $('.top-search').slideUp();
-
-          // Manage sticky NAV bars
-          setTimeout (function(){
-            j1.core.navigator.navbarSticky();
-          }, 500);
-
-          // Scroll the page one pixel back and forth to get
-          // the right position for Toccer (trigger) and SSM
-          $(window).scrollTop($(window).scrollTop()+1);
-          $(window).scrollTop($(window).scrollTop()-1);
-
-          // jadams, 2020-06-21: unclear|forgotten what I'm doing here!
-          // Looks like the old BS3 implementation
-          //
-          // $('.navbar-collapse').removeClass('in');
-          // $('.navbar-collapse').removeClass('on');
-          // $('.navbar-collapse').removeClass('bounceIn');
-        });
-
-        return true;
-      }); // END 'core initializer'
+            } else {
+              _this.setState('processing');
+
+              logger.info('initialize eventHandler');
+              j1.core.navigator.eventHandler();
+
+              // set general|global theme colors
+              logger.info('apply dynamic CSS styles');
+              _this.setCSS (
+                navBarOptions, navMenuOptions,
+                navQuicklinksOptions, navTopsearchOptions
+              );
+
+              logger.info('init auth client');
+              _this.initAuthClient(_this.navAuthManagerConfig);
+              _this.setState('finished');
+              logger.info('state: ' + _this.getState());
+              clearInterval(dependencies_met_adapter_finished);
+            }
+          }, 25); // END 'dependencies_met_adapter_finished'
+          clearInterval(dependencies_met_load_menu_finished);
+        }
+      }, 25); // END 'dependencies_met_load_menu_finished'
+
+      // --------------------------------------------------------------------
+      // Register event 'reset on resize' to call j1.core.navigator on
+      // manageDropdownMenu to manage the (current) NAV menu for
+      // desktop or mobile
+      // ---------------------------------------------------------------------
+      $(window).on('resize', function() {
+        j1.core.navigator.manageDropdownMenu(navDefaults, navMenuOptions);
+
+        // jadams, 2020-07-10: cause severe trouble on mobile devices if
+        // OnScreen Kbd comes up and reduces the window size (resize event)
+        // DISABLED
+        // -------------------------------------------------------------------
+        // Hide|Close topSearch on resize event
+        // $('.top-search').slideUp();
+
+        // Manage sticky NAV bars
+        setTimeout (function() {
+          j1.core.navigator.navbarSticky();
+        }, 500);
+
+        // Scroll the page one pixel back and forth to get
+        // the right position for Toccer (trigger) and SSM
+        $(window).scrollTop($(window).scrollTop()+1);
+        $(window).scrollTop($(window).scrollTop()-1);
+
+        // jadams, 2020-06-21: unclear|forgotten what I'm doing here!
+        // Looks like the old BS3 implementation
+        //
+        // $('.navbar-collapse').removeClass('in');
+        // $('.navbar-collapse').removeClass('on');
+        // $('.navbar-collapse').removeClass('bounceIn');
+      });
     }, // END init
 
     // -------------------------------------------------------------------------
@@ -745,20 +775,20 @@ j1.adapter['navigator'] = (function (j1, window) {
     }, // END messageHandler
 
     // -------------------------------------------------------------------------
-    // setState
-    // Set the current (processing) state of the module
+    // setState()
+    // Sets the current (processing) state of the module
     // -------------------------------------------------------------------------
     setState: function (stat) {
-      j1.adapter.navigator.state = stat;
+      _this.state = stat;
     }, // END setState
 
     // -------------------------------------------------------------------------
-    // getState
+    // getState()
     // Returns the current (processing) state of the module
     // -------------------------------------------------------------------------
     getState: function () {
-      return j1.adapter.navigator.state;
-    } // END state
+      return _this.state;
+    } // END getState
 
   }; // END return
 })(j1, window);