j1-template 2024.1.5 → 2024.2.1

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

@@ -27,30 +27,30 @@ regenerate:                             true
 
 {% comment %} Set global settings
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign environment       = site.environment %}
-{% assign asset_path        = "/assets/themes/j1" %}
+{% assign environment         = site.environment %}
+{% assign asset_path          = "/assets/themes/j1" %}
 
 {% comment %} Process YML config data
 ================================================================================ {% endcomment %}
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config    = site.data.j1_config %}
-{% assign blocks             = site.data.blocks %}
-{% assign modules            = site.data.modules %}
+{% assign template_config     = site.data.j1_config %}
+{% assign blocks              = site.data.blocks %}
+{% assign modules             = site.data.modules %}
 
 {% comment %} Set config data (settings only)
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign wave_defaults = modules.defaults.waves.defaults %}
-{% assign wave_settings = modules.waves.settings %}
+{% assign wave_defaults       = modules.defaults.waves.defaults %}
+{% assign wave_settings       = modules.waves.settings %}
 
 {% comment %} Set config options (settings only)
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign wave_options  = wave_defaults | merge: wave_settings %}
+{% assign wave_options        = wave_defaults | merge: wave_settings %}
 
 {% comment %} Variables
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign comments          = wave_options.enabled %}
+{% assign comments            = wave_options.enabled %}
 
 {% comment %} Detect prod mode
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -84,42 +84,50 @@ regenerate:                             true
 /* eslint indent: "off"                                                       */
 // -----------------------------------------------------------------------------
 'use strict';
-j1.adapter.waves = (function (j1, window) {
-
-{% comment %} Set global variables
--------------------------------------------------------------------------------- {% endcomment %}
-var environment     = '{{environment}}';
-var cookie_names    = j1.getCookieNames();
-var user_state      = j1.readCookie(cookie_names.user_state);
-var viewport_width  = $(window).width();
-var state           = 'not_started';
-var waveDefaults;
-var waveSettings;
-var waveOptions;
-var frontmatterOptions;
-var themes_allowed;
-var theme_enabled;
-var theme;
-var _this;
-var logger;
-var logText;
+j1.adapter.waves = ((j1, window) => {
+
+  {% comment %} Set global variables
+  ------------------------------------------------------------------------------ {% endcomment %}
+  var environment         = '{{environment}}';
+  var cookie_names        = j1.getCookieNames();
+  var user_state          = j1.readCookie(cookie_names.user_state);
+  var viewport_width      = $(window).width();
+  var state               = 'not_started';
+
+  var waveDefaults;
+  var waveSettings;
+  var waveOptions;
+  var frontmatterOptions;
+  var themes_allowed;
+  var theme_enabled;
+  var theme;
+
+  var _this;
+  var logger;
+  var logText;
+
+  // date|time
+  var startTime;
+  var endTime;
+  var startTimeModule;
+  var endTimeModule;
+  var timeSeconds;
 
   // ---------------------------------------------------------------------------
-  // Main object
+  // main
   // ---------------------------------------------------------------------------
   return {
 
     // -------------------------------------------------------------------------
-    // init()
     // adapter initializer
     // -------------------------------------------------------------------------
-    init: function (options) {
+    init: (options) => {
 
       // [INFO   ] [j1.adapter.comments                    ] [ detected comments provider (j1_config): {{comments_provider}}} ]
       // [INFO   ] [j1.adapter.comments                    ] [ start processing load region head, layout: {{page.layout}} ]
 
       // -----------------------------------------------------------------------
-      // Default module settings
+      // default module settings
       // -----------------------------------------------------------------------
       var settings = $.extend({
         module_name: 'j1.adapter.waves',
@@ -127,7 +135,7 @@ var logText;
       }, options);
 
       // -----------------------------------------------------------------------
-      // Global variable settings
+      // global variable settings
       // -----------------------------------------------------------------------
 
       // create settings object from frontmatter
@@ -138,20 +146,21 @@ var logText;
       waveSettings = $.extend({}, {{wave_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
       waveOptions  = $.extend(true, {}, waveDefaults, waveSettings, frontmatterOptions);
 
-      _this  = j1.adapter.waves;
-      theme  = user_state.theme_name;
-      logger = log4javascript.getLogger('j1.adapter.wave');
+      _this        = j1.adapter.waves;
+      theme        = user_state.theme_name;
+      logger       = log4javascript.getLogger('j1.adapter.wave');
 
       // -----------------------------------------------------------------------
-      // initializer
+      // module initializer
       // -----------------------------------------------------------------------
-      var dependencies_met_page_ready = setInterval (function (options) {
-        var pageState     = $('#no_flicker').css("display");
-        var pageVisible   = (pageState == 'block') ? true : false;
-        var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true: false;
+      var dependencies_met_page_ready = setInterval (() => {
+        var pageState       = $('#content').css("display");
+        var pageVisible     = (pageState === 'block') ? true : false;
+        var j1CoreFinished  = (j1.getState() === 'finished') ? true : false;
+        var atticFinished   = (j1.adapter.attic.getState() == 'finished') ? true : false;
 
-        if (j1.getState() === 'finished' && pageVisible) {
-//      if (j1.getState() === 'finished' && pageVisible && atticFinished) {
+        if (j1CoreFinished && pageVisible) {
+          startTimeModule = Date.now();
 
           themes_allowed = waveOptions.themes.toString();
           theme_enabled  = waveOptions.themes.indexOf(theme) > -1 ? true : false;
@@ -164,55 +173,63 @@ var logText;
           logger.debug('\n' + 'theme detected: ' + theme);
 
           // TODO: Check why a timeout is required to enable|disable the wave elements
-          if (themes_allowed === 'all' ) {
+          if (themes_allowed === 'all') {
             logger.info('\n' + 'activate waves for theme: ' + 'all' );
-            setTimeout (function() {
+            setTimeout(() => {
               $('.wave').show();
               logger.info('\n' + 'initializing module finished');
             }, {{template_config.page_on_load_timeout}} );
           } else if (theme_enabled) {
             logger.info('\n' + 'activate waves for theme: ' + theme );
-            setTimeout (function() {
+            setTimeout(() => {
               $('.wave').show();
               logger.info('\n' + 'initializing module finished');
             }, {{template_config.page_on_load_timeout}} );
           } else {
             logger.warn('\n' + 'no valid theme/s found');
             logger.warn('\n' + 'deactivate (hide) waves');
-            setTimeout (function() {
+            setTimeout(() => {
               $('.wave').hide();
               logger.info('\n' + 'initializing module finished');
             }, {{template_config.page_on_load_timeout}} );
           }
 
-          clearInterval(dependencies_met_page_ready);
-        }
-      }, 10);
+          _this.setState('finished');
+          logger.debug('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'initializing module finished');
 
+          endTimeModule = Date.now();
+          logger.info('\n' + 'module initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
+
+          clearInterval(dependencies_met_page_ready);
+        } // END pageVisible
+      }, 10); // END dependencies_met_page_ready
     }, // END init
 
     // -------------------------------------------------------------------------
     // messageHandler()
     // manage messages send from other J1 modules
     // -------------------------------------------------------------------------
-    messageHandler: function (sender, message) {
+    messageHandler: (sender, message) => {
       var json_message = JSON.stringify(message, undefined, 2);
 
       logText = '\n' + 'received message from ' + sender + ': ' + json_message;
       logger.debug(logText);
 
       // -----------------------------------------------------------------------
-      //  Process commands|actions
+      //  process commands|actions
       // -----------------------------------------------------------------------
       if (message.type === 'command' && message.action === 'module_initialized') {
+
         //
-        // Place handling of command|action here
+        // place handling of command|action here
         //
+
         logger.info('\n' + message.text);
       }
 
       //
-      // Place handling of other command|action here
+      // place handling of other command|action here
       //
 
       return true;
@@ -220,9 +237,9 @@ var logText;
 
     // -------------------------------------------------------------------------
     // setState()
-    // Sets the current (processing) state of the module
+    // sets the current (processing) state of the module
     // -------------------------------------------------------------------------
-    setState: function (stat) {
+    setState: (stat) => {
       _this.state = stat;
     }, // END setState
 
@@ -230,11 +247,11 @@ var logText;
     // getState()
     // Returns the current (processing) state of the module
     // -------------------------------------------------------------------------
-    getState: function () {
+    getState: () => {
       return _this.state;
     } // END getState
 
-  }; // END return
+  }; // END main (return)
 })(j1, window);
 
 {% endcapture %}

data/assets/themes/j1/core/css/themes/unolight/bootstrap.css

@@ -10838,6 +10838,30 @@ textarea.form-control-lg {
  # NOTE: This is the (SASS) entry point for all Bootstrap Overloads
  # -----------------------------------------------------------------------------
 */
+:root {
+  --md-blue:     #2196F3;
+  --md-blue-50:  #E3F2FD;
+  --md-blue-100: #BBDEFB;
+  --md-blue-200: #90CAF9;
+  --md-blue-300: #64B5F6;
+  --md-blue-400: #42A5F5;
+  --md-blue-500: #2196F3;
+  --md-blue-600: #1E88E5;
+  --md-blue-700: #1976D2;
+  --md-blue-800: #1565C0;
+  --md-blue-900: #0D47A1;
+  --md-gray:     #9E9E9E;
+  --md-gray-50:  #FAFAFA;
+  --md-gray-100: #F5F5F5;
+  --md-gray-200: #EEEEEE;
+  --md-gray-300: #E0E0E0;
+  --md-gray-400: #BDBDBD;
+  --md-gray-500: #9E9E9E;
+  --md-gray-600: #757575;
+  --md-gray-700: #616161;
+  --md-gray-800: #424242;
+  --md-gray-900: #212121; }
+
 /*
  # -----------------------------------------------------------------------------
  # ~/scss/theme_uno/bootstrap/_alerts.scss
@@ -27387,10 +27411,10 @@ li.nav-item > a {
   color: #2196f3; }
 
 .nav-icon {
-  color: #616161; }
+  color: #212121; }
 
 .nav-icon:hover {
-  color: #bdbdbd; }
+  color: #9e9e9e; }
 
 .nav-primary {
   background-color: #2196f3; }
@@ -27563,12 +27587,7 @@ li.dropdown.nav-sub-item:before {
         nav.navbar.navigator ul.dropdown-menu.megamenu-content.tabbed > li {
           padding: 0; }
       nav.navbar.navigator ul.dropdown-menu.megamenu-content .col-menu {
-        border-left: solid 1px #eee;
-        /*
-  						&:last-child {
-  							border-right: none;
-  						}
-  */ }
+        border-left: solid 1px #eee; }
         nav.navbar.navigator ul.dropdown-menu.megamenu-content .col-menu:first-child {
           border-left: none; }
       nav.navbar.navigator ul.dropdown-menu.megamenu-content .content ul.menu-col li a {
@@ -27779,8 +27798,7 @@ li.dropdown.nav-sub-item:before {
   nav.navbar.navigator ul.nav.navigator .dropdown.megamenu-fw .dropdown-toggle:after {
     display: none; }
   nav.navbar.navigator ul.nav .dropdown-menu .dropdown-menu {
-    max-height: 350px;
-    /* overflow-y: auto; */ }
+    max-height: 350px; }
   nav.navbar.navigator li.dropdown ul.dropdown-menu.megamenu-content {
     left: 0;
     top: 78px; }
@@ -27953,7 +27971,7 @@ li.dropdown.nav-sub-item:before {
       box-shadow: unset;
       z-index: 2; }
       nav.navbar.navigator .navbar-toggler:hover {
-        color: #fafafa; }
+        color: #9e9e9e; }
     nav.navbar.navigator .dropdown-item:focus {
       background-color: rgba(0, 0, 0, 0.5) !important; }
     nav.navbar.navigator .dropdown-item:hover {