j1-template 2020.0.10 → 2020.0.15

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

@@ -1,5 +1,5 @@
 ---
-regenerate:                             true
+regenerate: true
 ---
 
 {% capture cache %}
@@ -31,6 +31,14 @@ regenerate:                             true
  #    J1 Navigator needs a general revision on BS4 code and functionalities
  #    Current, only base function are tested with BS4 (was coded for BS3)
  # -----------------------------------------------------------------------------
+ # NOTE:
+ #  jadams, 2020-07-17:
+ #    J1 Navigator can't be minfied for now. Uglifier fails on an ES6
+ #    (most probably) structure that couldn't fixed by 'harmony' setting.
+ #    Minifier fails by:
+ #    Unexpected token: punc ())
+ #    Current, minifying has been disabled
+ # -----------------------------------------------------------------------------
 {% endcomment %}
 
 {% comment %} Liquid procedures
@@ -42,18 +50,19 @@ regenerate:                             true
 {% assign environment                   = site.environment %}
 {% assign brand_image_height            = site.brand.image_height %}
 
-
 {% comment %} Process YML config data
 ================================================================================ {% endcomment %}
 
 {% comment %} Set config files
 {% assign auth_manager_config           = site.j1_auth %}
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign site_config                   = site %}
 {% assign template_config               = site.data.template_settings %}
 {% assign blocks                        = site.data.blocks %}
 {% assign modules                       = site.data.modules %}
 
+{% assign themer_defaults               = modules.defaults.themer.defaults %}
+{% assign themer_settings               = modules.themer.settings %}
+
 {% assign authentication_defaults       = modules.defaults.authentication.defaults %}
 {% assign authentication_settings       = modules.authentication.settings %}
 
@@ -78,6 +87,7 @@ regenerate:                             true
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign authentication_options        = authentication_defaults | merge: authentication_settings %}
+{% assign themer_options                = themer_defaults | merge: themer_settings %}
 {% assign nav_bar_options               = nav_bar_defaults | merge: nav_bar_settings %}
 {% assign nav_menu_options              = nav_menu_defaults | merge: nav_menu_settings %}
 {% assign quicklinks_options            = nav_quicklinks_defaults | merge: nav_quicklinks_settings %}
@@ -96,6 +106,11 @@ regenerate:                             true
  {% assign animate_duration             = 1 %}
 {% endif %}
 
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
 {% comment %}
 --------------------------------------------------------------------------------
 Set|Overload Liquid vars hardwired to NOT break the (MD) style
@@ -159,9 +174,7 @@ j1.adapter['navigator'] = (function (j1, window) {
   var user_session_merged         = {};
   var session_state               = {};
 
-  var j1_colors                   = {};
-  var j1_font_sizes               = {};
-
+  var themerEnabled               = false;
   var authClientEnabled;
   var appDetected;
   var json_data;
@@ -174,7 +187,6 @@ j1.adapter['navigator'] = (function (j1, window) {
   // helper functions
   // ---------------------------------------------------------------------------
 
-
   // ---------------------------------------------------------------------------
   // main object
   // ---------------------------------------------------------------------------
@@ -184,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
@@ -194,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
@@ -234,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)
       // -----------------------------------------------------------------------
@@ -267,123 +282,159 @@ 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
-        // ---------------------------------------------------------------------
-
-        // Make sure that Load HTML data (AJAX) is finished
-        // setTimeout (function() {
-        //   _this.setState('data_loaded');
-        // }, 150);
-
-        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);
-
-            var dependencies_met_nav_menu = setInterval (function() {
-              if (typeof j1.colors !== 'undefined') {
-                j1.core.navigator.init (
-                  _this.navDefaults,
-                  _this.navMenuOptions
-                );
 
-                // 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);
-                _this.setState('initialized');
-                clearInterval(dependencies_met_nav_menu);
-              }
-            }, 25); // END 'core initialized'
-
-            // -----------------------------------------------------------------
-            // event handler + css styles
-            // NOTE: jadams, 2019-08-22:
-            //  Add to dependcy to themer to fix
-            //  missing color setting for menu bar background
-            // -----------------------------------------------------------------
-            var dependencies_met_events_css = setInterval(function() {
-              if (_this.getState() === 'initialized' && j1.adapter.themer.getState() === 'finished') {
+      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
+        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');
 
-                logger.info('initialize events and styles');
+                logger.info('initialize eventHandler');
                 j1.core.navigator.eventHandler();
 
-                // set general|global module colors
-                logger.info('apply styles');
+                // set general|global theme colors
+                logger.info('apply dynamic CSS styles');
                 _this.setCSS (
                   navBarOptions, navMenuOptions,
                   navQuicklinksOptions, navTopsearchOptions
                 );
 
                 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());
-                clearInterval(dependencies_met_events_css);
+                logger.info('module initialized successfully');
+                clearInterval(dependencies_met_adapter_finished);
               }
-            }, 25); // END 'core initialized'
-            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);
-
-          // Hide|Close topSearch on resize event
-          $('.top-search').slideUp();
-
-          // Manage sticky NAV bars
-          setTimeout (function(){
-            j1.core.navigator.navbarSticky();
-          }, 500);
-
-          // 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
 
     // -------------------------------------------------------------------------
-    // Initialize JS portion for the dialogs (modals) used by J1AuthClient
+    // initialize JS portion for the dialogs (modals) used by J1AuthClient
     // NOTE: Currently cookie updates NOT processed at the NAV module
     //       All updates on Cookies are managed by Cookie Consent.
     //       To be considered to re-add cookie updates for the auth state
@@ -547,45 +598,35 @@ j1.adapter['navigator'] = (function (j1, window) {
       var gridBreakpoint_md   = '768px';
       var gridBreakpoint_sm   = '576px';
 
-      {% comment %} Resolve symbolic font sizes
-      -------------------------------------------------------------------------- {% endcomment %}
-
       {% comment %} Set|Resolve navMenuOptions
       -------------------------------------------------------------------------- {% endcomment %}
-      navMenuOptions.dropdown_font_size               = j1.setFontSize(navMenuOptions.dropdown_font_size);
-      navMenuOptions.megamenu_font_size               = j1.setFontSize(navMenuOptions.megamenu_font_size);
-
-
-      {% comment %} Resolve symbolic color names
-      -------------------------------------------------------------------------- {% endcomment %}
+      navMenuOptions.dropdown_font_size               = navMenuOptions.dropdown_font_size;
+      navMenuOptions.megamenu_font_size               = navMenuOptions.megamenu_font_size;
 
       {% comment %} Set|Resolve navBarOptions
       -------------------------------------------------------------------------- {% endcomment %}
-      navBarOptions.background_color_full             = j1.setColorData(navBarOptions.background_color_full);
-//    navBarOptions.background_color_collapsed        = j1.setColorData(navBarOptions.background_color_collapsed);
-//    navBarOptions.background_color_scrolled         = j1.setColorData(navBarOptions.background_color_scrolled);
+      navBarOptions.background_color_full             = navBarOptions.background_color_full;
 
       {% comment %} Set|Resolve navMenuOptions
       -------------------------------------------------------------------------- {% endcomment %}
-      navMenuOptions.menu_item_color                  = j1.setColorData(navMenuOptions.menu_item_color);
-      navMenuOptions.menu_item_color_hover            = j1.setColorData(navMenuOptions.menu_item_color_hover);
-      navMenuOptions.menu_item_dropdown_color         = j1.setColorData(navMenuOptions.menu_item_dropdown_color);
-      navMenuOptions.dropdown_item_color              = j1.setColorData(navMenuOptions.dropdown_item_color);
-      navMenuOptions.dropdown_background_color_hover  = j1.setColorData(navMenuOptions.dropdown_background_color_hover);
-      navMenuOptions.dropdown_background_color_active = j1.setColorData(navMenuOptions.dropdown_background_color_active);
-      navMenuOptions.dropdown_border_color            = j1.setColorData(navMenuOptions.dropdown_border_color);
+      navMenuOptions.menu_item_color                  = navMenuOptions.menu_item_color;
+      navMenuOptions.menu_item_color_hover            = navMenuOptions.menu_item_color_hover;
+      navMenuOptions.menu_item_dropdown_color         = navMenuOptions.menu_item_dropdown_color;
+      navMenuOptions.dropdown_item_color              = navMenuOptions.dropdown_item_color;
+      navMenuOptions.dropdown_background_color_hover  = navMenuOptions.dropdown_background_color_hover;
+      navMenuOptions.dropdown_background_color_active = navMenuOptions.dropdown_background_color_active;
+      navMenuOptions.dropdown_border_color            = navMenuOptions.dropdown_border_color;
 
       {% comment %} Set|Resolve navQuicklinksOptions
       -------------------------------------------------------------------------- {% endcomment %}
-      navQuicklinksOptions.icon_color                 = j1.setColorData(navQuicklinksOptions.icon_color);
-      navQuicklinksOptions.icon_color_hover           = j1.setColorData(navQuicklinksOptions.icon_color_hover);
-      navQuicklinksOptions.background_color           = j1.setColorData(navQuicklinksOptions.background_color);
+      navQuicklinksOptions.icon_color                 = navQuicklinksOptions.icon_color;
+      navQuicklinksOptions.icon_color_hover           = navQuicklinksOptions.icon_color_hover;
+      navQuicklinksOptions.background_color           = navQuicklinksOptions.background_color;
 
       {% comment %} Set|Resolve navTopsearchOptions
       -------------------------------------------------------------------------- {% endcomment %}
-      navTopsearchOptions.input_color                 = j1.setColorData(navTopsearchOptions.input_color);
-      navTopsearchOptions.background_color            = j1.setColorData(navTopsearchOptions.background_color);
-
+      navTopsearchOptions.input_color                 = navTopsearchOptions.input_color;
+      navTopsearchOptions.background_color            = navTopsearchOptions.background_color;
 
       {% comment %} Set dymanic styles
       -------------------------------------------------------------------------- {% endcomment %}
@@ -649,15 +690,6 @@ j1.adapter['navigator'] = (function (j1, window) {
       $('head').append('<style>.top-search { background-color: ' +navTopsearchOptions.background_color+ ' !important; }</style>');
       $('head').append('<style>.top-search input.form-control { color: ' +navTopsearchOptions.input_color+ ' !important; }</style>');
 
-      // if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
-    	// 	$('input:-webkit-autofill').each(function(){
-    	// 		var text = $(this).val();
-    	// 		var name = $(this).attr('name');
-    	// 		$(this).after(this.outerHTML).remove();
-    	// 		$('input[name=' + name + ']').val(text);
-    	// 	});
-      // }
-
       return true;
     }, // END setCSS
 
@@ -743,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);