j1-template 2024.3.21 → 2024.3.23

data/assets/theme/j1/adapter/js/slimSelect.js

@@ -86,26 +86,28 @@ regenerate:                             true
 "use strict";
 j1.adapter.slimSelect = ((j1, window) => {
 
-// -----------------------------------------------------------------------------
-// Set global variables
-// -----------------------------------------------------------------------------
-var slimSelectDefaults;
-var slimSelectSettings;
-var slimSelectOptions;
+  const isDev = (j1.env === "development" || j1.env === "dev") ? true : false;
+
+  // -----------------------------------------------------------------------------
+  // Set global variables
+  // -----------------------------------------------------------------------------
+  var slimSelectDefaults;
+  var slimSelectSettings;
+  var slimSelectOptions;
 
-var _this;
-var logger;
-var logText;
+  var _this;
+  var logger;
+  var logText;
 
-var selectDIV;
-var selectHTML;
+  var selectDIV;
+  var selectHTML;
 
-// date|time
-var startTime;
-var endTime;
-var startTimeModule;
-var endTimeModule;
-var timeSeconds;
+  // date|time
+  var startTime;
+  var endTime;
+  var startTimeModule;
+  var endTimeModule;
+  var timeSeconds;
 
   // ---------------------------------------------------------------------------
   // main
@@ -150,15 +152,15 @@ var timeSeconds;
           startTimeModule = Date.now();
 
           _this.setState('started');
-          logger.debug('\n' + 'set module state to: ' + _this.getState());
-          logger.info('\n' + 'initializing module: started');
+          logger.debug('set module state to: ' + _this.getState());
+          logger.info('initializing module: started');
 
           var wrapper_dependencies = {};
           var dependency;
 
           // setup selects on all wrappers
           {% for select in slim_select_settings.selects %} {% if select.enabled %}
-          logger.debug('\n' + 'select {{select.id}} is being initialized on wrapper: {{select.wrapper_id}}');
+          logger.debug('select {{select.id}} is being initialized on wrapper: {{select.wrapper_id}}');
 
           // create dynamic loader variable to setup the
           // select '{{select.id}}' on wrapper: '{{select.wrapper_id}}'
@@ -171,7 +173,7 @@ var timeSeconds;
 
             // process the wrapper if extsts
             if (wrapperReady) {
-              logger.debug('\n' + 'select {{select.id}} is being placed on wrapper: {{select.wrapper_id}}');
+              logger.debug('select {{select.id}} is being placed on wrapper: {{select.wrapper_id}}');
 
               // create|place select <div> element
               selectDIV           = document.createElement('div');
@@ -185,7 +187,7 @@ var timeSeconds;
 
               // setup new SlimSelect
               // jadams, 2024-03-06: setup events moved to page (test_icon_picker.adoc)
-              logger.debug('\n' + 'SlimSelect object is being created for id: {{select.id}}');
+              logger.debug('SlimSelect object is being created for id: {{select.id}}');
               var $select_{{select.id}} = new SlimSelect ({
                 select:                   'select[name ="{{select.name}}"]',
                 settings: {
@@ -211,7 +213,7 @@ var timeSeconds;
               // store the select in the adapter for later access
               _this.select.{{select.id}} = $select_{{select.id}};
 
-              logger.debug('\n' + 'initializing finished select: {{select.id}}');
+              logger.debug('initializing finished select: {{select.id}}');
 
               clearInterval(wrapper_dependencies['dependency_met_wrapper_ready_{{select.id}}']);
             } // END if wrapperReady
@@ -220,11 +222,11 @@ var timeSeconds;
           // END (for) all selects
 
           _this.setState('finished');
-          logger.debug('\n' + 'state: ' + _this.getState());
-          logger.info('\n' + 'initializing module: finished');
+          logger.debug('state: ' + _this.getState());
+          logger.info('initializing module: finished');
 
           endTimeModule = Date.now();
-          logger.info('\n' + 'module initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
+          logger.info('module initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
 
           clearInterval(dependency_met_page_ready);
         } // END pageVisible
@@ -238,7 +240,7 @@ var timeSeconds;
     messageHandler: (sender, message) => {
       var json_message = JSON.stringify(message, undefined, 2);
 
-      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
+      logText = 'received message from ' + sender + ': ' + json_message;
       logger.debug(logText);
 
       // -----------------------------------------------------------------------
@@ -250,7 +252,7 @@ var timeSeconds;
         // Place handling of command|action here
         //
 
-        logger.info('\n' + message.text);
+        logger.info(message.text);
       }
 
       //

data/assets/theme/j1/adapter/js/speak2me.js

@@ -91,6 +91,8 @@ regenerate:                             true
 "use strict";
 j1.adapter.speak2me = ((j1, window) => {
 
+  const isDev = (j1.env === "development" || j1.env === "dev") ? true : false;
+
   {% comment %} Set global variables
   ------------------------------------------------------------------------------ {% endcomment %}
   const scrollBehavior    = 'smooth';
@@ -200,8 +202,8 @@ j1.adapter.speak2me = ((j1, window) => {
       logger = log4javascript.getLogger('j1.adapter.speak2me');
 
       _this.setState('started');
-      logger.debug('\n' + 'state: ' + _this.getState());
-      logger.info('\n' + 'module is being initialized');
+      logger.debug('state: ' + _this.getState());
+      logger.info('module is being initialized');
 
       // -----------------------------------------------------------------------
       // module initializer
@@ -215,12 +217,12 @@ j1.adapter.speak2me = ((j1, window) => {
           startTimeModule = Date.now();
 
           _this.setState('started');
-          logger.debug('\n' + 'set module state to: ' + _this.getState());
-          logger.info('\n' + 'initializing module: started');
+          logger.debug('set module state to: ' + _this.getState());
+          logger.info('initializing module: started');
 
           if (mobilesDisabled && isMobile) {
             console.log('module speak2me is disabled for mobile browsers');
-            logger.warn('\n' + 'module speak2me is disabled for mobile browsers');
+            logger.warn('module speak2me is disabled for mobile browsers');
             $('#quickLinksSpeakButton').hide();
             clearInterval(dependencies_met_page_ready);
             return;
@@ -229,7 +231,7 @@ j1.adapter.speak2me = ((j1, window) => {
           var operaDisabled = (browsersDisabled.includes('Opera')) ? true : false;
           if (operaDisabled && isOpera) {
             console.log('module speak2me is disabled for the Opera browser');
-            logger.warn('\n' + 'module speak2me is disabled for the Opera browser');
+            logger.warn('module speak2me is disabled for the Opera browser');
             $('#quickLinksSpeakButton').hide();
             clearInterval(dependencies_met_page_ready);
             return;
@@ -238,7 +240,7 @@ j1.adapter.speak2me = ((j1, window) => {
           var firefoxDisabled = (browsersDisabled.includes('Firefox')) ? true : false;
           if (firefoxDisabled && isFirefox) {
             console.log('module speak2me is disabled for the Firefox browser');
-            logger.warn('\n' + 'module speak2me is disabled for the Firefox browser');
+            logger.warn('module speak2me is disabled for the Firefox browser');
             $('#quickLinksSpeakButton').hide();
             clearInterval(dependencies_met_page_ready);
             return;
@@ -248,7 +250,7 @@ j1.adapter.speak2me = ((j1, window) => {
           var avastDisabled = (browsersDisabled.includes('Avast')) ? true : false;
           if (avastDisabled && isAvast) {
             console.log('module speak2me is not supported for the Avast Secure browser');
-            logger.warn('\n' + 'module speak2me is disabled for the Avast Secure browser');
+            logger.warn('module speak2me is disabled for the Avast Secure browser');
             $('#quickLinksSpeakButton').hide();
             clearInterval(dependencies_met_page_ready);
             return;
@@ -257,14 +259,14 @@ j1.adapter.speak2me = ((j1, window) => {
           var safariDisabled = (browsersDisabled.includes('Safari')) ? true : false;
           if (safariDisabled && !isChrome && !isEdge && !isSafari) {
             console.log('module speak2me is disabled for the Safari browser');
-            logger.warn('\n' + 'module speak2me is disabled for the Safari browser');
+            logger.warn('module speak2me is disabled for the Safari browser');
             $('#quickLinksSpeakButton').hide();
             clearInterval(dependencies_met_page_ready);
             return;
           }
 
           if (ttsDisabled) {
-            logger.debug('\n' + 'tts detected: disabled');
+            logger.debug('tts detected: disabled');
             $('#quickLinksSpeakButton').hide();
             clearInterval(dependencies_met_page_ready);
             return;
@@ -282,7 +284,7 @@ j1.adapter.speak2me = ((j1, window) => {
             // -----------------------------------------------------------------
             // data loader
             // -----------------------------------------------------------------
-            logger.info('\n' + 'load modal');
+            logger.info('load modal');
             j1.loadHTML ({
               xhr_container_id:   'speak2me_container',
               xhr_data_path:      '/assets/data/speak2me/index.html',
@@ -292,7 +294,7 @@ j1.adapter.speak2me = ((j1, window) => {
             );
           }
 
-          logger.info('\n' + 'initialize modal');
+          logger.info('initialize modal');
           // -------------------------------------------------------------------
           // on 'show'
           // -------------------------------------------------------------------
@@ -312,17 +314,17 @@ j1.adapter.speak2me = ((j1, window) => {
             //
             this.$buttonSpeak.click(function () {
               if (isChrome) {
-                logger.info('\n' + 'speak: setup pause workaround for chromium based browsers');
+                logger.info('speak: setup pause workaround for chromium based browsers');
                 chromeWorkaround = setInterval(() => {
                   var isSpeaking  = $().speak2me('isSpeaking');
 
-                  logger.debug('\n' + 'speak: isSpeaking|isPaused: ' + isSpeaking + '|' + isPaused);
+                  logger.debug('speak: isSpeaking|isPaused: ' + isSpeaking + '|' + isPaused);
                   if (isSpeaking) {
                     $().speak2me('pause').speak2me('resume');
-                    logger.debug('\n' + 'speak: send pause-resumed');
+                    logger.debug('speak: send pause-resumed');
                   } else {
                     $().speak2me('resume');
-                    logger.debug('\n' + 'speak: send resumed');
+                    logger.debug('speak: send resumed');
                   }
 
                 }, speak2meOptions.chrome_pause_resume_cycle);
@@ -331,7 +333,7 @@ j1.adapter.speak2me = ((j1, window) => {
 
             // stop workaround for chromium based browsers
             this.$buttonStop.click(function () {
-              logger.info('\n' + 'speak: remove pause workaround for chromium based browsers');
+              logger.info('speak: remove pause workaround for chromium based browsers');
               // wait 3 sec to make sure speech output is stopped
               setTimeout (() => {
                 var isSpeaking  = $().speak2me('isSpeaking');
@@ -357,11 +359,11 @@ j1.adapter.speak2me = ((j1, window) => {
           }); // END modal on 'hidden'
 
           _this.setState('finished');
-          logger.debug('\n' + 'state: ' + _this.getState());
-          logger.info('\n' + 'module initialization finished');
+          logger.debug('state: ' + _this.getState());
+          logger.info('module initialization finished');
 
           endTimeModule = Date.now();
-          logger.info('\n' + 'module initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
+          logger.info('module initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
 
           clearInterval(dependencies_met_page_ready);
         } // END pageVisible
@@ -392,7 +394,7 @@ j1.adapter.speak2me = ((j1, window) => {
     // display the tts settings dialog
     // -------------------------------------------------------------------------
     showDialog: () => {
-      logger.debug('\n' + "showDialog");
+      logger.debug("showDialog");
 
       $('#speak2me_container').modal({
         backdrop: 'static',
@@ -536,7 +538,7 @@ j1.adapter.speak2me = ((j1, window) => {
     messageHandler: (sender, message) => {
       var json_message = JSON.stringify(message, undefined, 2);
 
-      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
+      logText = 'received message from ' + sender + ': ' + json_message;
       logger.debug(logText);
 
       // -----------------------------------------------------------------------
@@ -548,7 +550,7 @@ j1.adapter.speak2me = ((j1, window) => {
         // place handling of command|action here
         //
 
-        logger.info('\n' + message.text);
+        logger.info(message.text);
       }
 
       //

data/assets/theme/j1/adapter/js/swiper.js

@@ -81,6 +81,8 @@ regenerate:                             true
 "use strict";
 j1.adapter.swiper = ((j1, window) => {
 
+  const isDev = (j1.env === "development" || j1.env === "dev") ? true : false;
+
   {% comment %} Set global variables
   ------------------------------------------------------------------------------ {% endcomment %}
   var environment         = '{{environment}}';
@@ -167,11 +169,11 @@ j1.adapter.swiper = ((j1, window) => {
           _this.loadSwiperHTML(swiperOptions, swiperOptions.swipers);
 
           _this.setState('started');
-          logger.debug('\n' + 'state: ' + _this.getState());
-          logger.info('\n' + 'module is being initialized');
+          logger.debug('state: ' + _this.getState());
+          logger.info('module is being initialized');
 
           {% for swiper in swipers %}{% if swiper.enabled %}
-          logger.info ('\n' + 'initialize swiper on id: ' + '{{swiper.id}}');
+          logger.info ('initialize swiper on id: ' + '{{swiper.id}}');
 
           // create dynamic loader variable
           dependency = 'dependencies_met_html_loaded_{{swiper.id}}';
@@ -183,7 +185,7 @@ j1.adapter.swiper = ((j1, window) => {
             xhrLoadState = j1.xhrDOMState['#{{swiper.id}}_app'];
             if (xhrLoadState === 'success') {
 
-              logger.info ('\n' + 'HTML portion loaded for swiper on id: ' + '{{swiper.id}}');
+              logger.info ('HTML portion loaded for swiper on id: ' + '{{swiper.id}}');
 
               {% comment %} Set Swiper Layout
               ------------------------------------------------------------------ {% endcomment %}      
@@ -192,7 +194,7 @@ j1.adapter.swiper = ((j1, window) => {
 
               // setup slider {{swiper.id}}
               // ---------------------------------------------------------------
-              logger.info ('\n' + 'swiper is being setup on id: ' + '{{swiper.id}}');
+              logger.info ('swiper is being setup on id: ' + '{{swiper.id}}');
 
               const slider        = document.querySelector('#{{swiper.id}}');
               const swiperEl      = slider.querySelector('.swiper');
@@ -338,7 +340,7 @@ j1.adapter.swiper = ((j1, window) => {
                 const targetEl = document.getElementById('{{swiper.id}}');
                 targetEl.appendChild(sourceEl);
 
-                logger.debug('\n' + 'pagination elements (outer) moved');
+                logger.debug('pagination elements (outer) moved');
               }, {{init_swiper_delay}});
               {% endif %}
               // ---------------------------------------------------------------
@@ -350,11 +352,11 @@ j1.adapter.swiper = ((j1, window) => {
           {% endif %}{% endfor %} // ENDFOR (all) carousels
 
           _this.setState('finished');
-          logger.debug('\n' + 'state: ' + _this.getState());
-          logger.info('\n' + 'initializing module finished');
+          logger.debug('state: ' + _this.getState());
+          logger.info('initializing module finished');
 
           endTimeModule = Date.now();
-          logger.info('\n' + 'module initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
+          logger.info('module initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
 
           clearInterval(dependencies_met_page_ready);
         } // END pageVisible
@@ -500,7 +502,7 @@ j1.adapter.swiper = ((j1, window) => {
     messageHandler: (sender, message) => {
       var json_message = JSON.stringify(message, undefined, 2);
 
-      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
+      logText = 'received message from ' + sender + ': ' + json_message;
       logger.debug(logText);
 
       // -----------------------------------------------------------------------
@@ -512,7 +514,7 @@ j1.adapter.swiper = ((j1, window) => {
         // place handling of command|action here
         //
 
-        logger.info('\n' + message.text);
+        logger.info(message.text);
       }
 
       //

data/assets/theme/j1/adapter/js/themeToggler.js

@@ -86,6 +86,8 @@ regenerate:                             true
 "use strict";
 j1.adapter.themeToggler = ((j1, window) => {
 
+  const isDev = (j1.env === "development" || j1.env === "dev") ? true : false;
+
   {% comment %} Set global variables
   ------------------------------------------------------------------------------ {% endcomment %}
   var environment           = '{{environment}}';
@@ -171,8 +173,8 @@ j1.adapter.themeToggler = ((j1, window) => {
           user_state = j1.readCookie(cookie_names.user_state);
 
           _this.setState('started');
-          logger.debug('\n' + 'set module state to: ' + _this.getState());
-          logger.info('\n' + 'initializing module: started');
+          logger.debug('set module state to: ' + _this.getState());
+          logger.info('initializing module: started');
 
           // -------------------------------------------------------------------
           // Event Mgmt SHOULD moved ta navigator core
@@ -180,11 +182,11 @@ j1.adapter.themeToggler = ((j1, window) => {
           _this.initThemeTogglerEvent();
 
           _this.setState('finished');
-          logger.debug('\n' + 'state: ' + _this.getState());
-          logger.info('\n' + 'initializing module: finished');
+          logger.debug('state: ' + _this.getState());
+          logger.info('initializing module: finished');
 
           endTimeModule = Date.now();
-          logger.info('\n' + 'module initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
+          logger.info('module initializing time: ' + (endTimeModule-startTimeModule) + 'ms');
 
           clearInterval(dependencies_met_page_ready);
         } // END pageVisible
@@ -214,7 +216,7 @@ j1.adapter.themeToggler = ((j1, window) => {
           user_state.theme_css  = light_theme_css;
           user_state.theme_icon = 'mdib-lightbulb-outline';
         }
-        logger.info('\n' + 'switch theme to: ' + user_state.theme_name);
+        logger.info('switch theme to: ' + user_state.theme_name);
 
         user_state.writer = 'themeToggler';
         var cookie_written = j1.writeCookie({
@@ -225,7 +227,7 @@ j1.adapter.themeToggler = ((j1, window) => {
         });
 
         if (!cookie_written) {
-          logger.error('\n' + 'failed write to cookie: ' + cookie_names.user_consent);
+          logger.error('failed write to cookie: ' + cookie_names.user_consent);
         } else {
           location.reload(true);
         }
@@ -240,7 +242,7 @@ j1.adapter.themeToggler = ((j1, window) => {
     messageHandler: (sender, message) => {
       var json_message = JSON.stringify(message, undefined, 2);
 
-      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
+      logText = 'received message from ' + sender + ': ' + json_message;
       logger.debug(logText);
 
       // -----------------------------------------------------------------------
@@ -252,7 +254,7 @@ j1.adapter.themeToggler = ((j1, window) => {
         // place handling of command|action here
         //
 
-        logger.info('\n' + message.text);
+        logger.info(message.text);
       }
 
       //