j1-template 2021.1.11 → 2021.1.16

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

@@ -79,8 +79,8 @@ j1.adapter['bmd'] = (function (j1, window) {
 
       // initialize state flag
       _this.setState('started');
-      logger.info('state: ' + _this.getState());
-      logger.info('module is being initialized');
+      logger.info('\n' + 'state: ' + _this.getState());
+      logger.info('\n' + 'module is being initialized');
 
       // -----------------------------------------------------------------------
       // Default module settings
@@ -93,7 +93,7 @@ j1.adapter['bmd'] = (function (j1, window) {
       // -----------------------------------------------------------------------
       // BMD initializer
       // -----------------------------------------------------------------------
-      var log_text = 'BMD is being initialized';
+      var log_text = '\n' + 'BMD is being initialized';
       logger.info(log_text);
 
       var dependencies_met_j1_finished = setInterval(function() {
@@ -101,7 +101,7 @@ j1.adapter['bmd'] = (function (j1, window) {
           $('body').bootstrapMaterialDesign();
 
           _this.setState('finished');
-          logger.info('state: ' + _this.getState());
+          logger.info('\n' + 'state: ' + _this.getState());
 
           clearInterval(dependencies_met_j1_finished);
         } // END dependencies_met_j1_finished
@@ -116,7 +116,7 @@ j1.adapter['bmd'] = (function (j1, window) {
     messageHandler: function (sender, message) {
       var json_message = JSON.stringify(message, undefined, 2);
 
-      logText = 'received message from ' + sender + ': ' + json_message;
+      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
       logger.debug(logText);
 
       // -----------------------------------------------------------------------
@@ -126,7 +126,7 @@ j1.adapter['bmd'] = (function (j1, window) {
         //
         // Place handling of command|action here
         //
-        logger.info(message.text);
+        logger.info('\n' + message.text);
       }
 
       //

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

@@ -131,8 +131,8 @@ j1.adapter['carousel'] = (function (j1, window) {
       }
 
       _this.setState('started');
-      logger.info('state: ' + _this.getState());
-      logger.info('module is being initialized');
+      logger.info('\n' + 'state: ' + _this.getState());
+      logger.info('\n' + 'module is being initialized');
 
       var dependencies_met_page_finished = setInterval(function() {
         if (j1.getState() == 'finished') {
@@ -157,11 +157,11 @@ j1.adapter['carousel'] = (function (j1, window) {
               if ($('#{{slider_id}}').length) {
 
                 {% if environment == 'development' %}
-                  logText = 'slider is being initialized on id: #{{slider_id}}';
+                  logText = '\n' + 'slider is being initialized on id: #{{slider_id}}';
                   logger.info(logText);
                   _this.setState('running');
-                  logger.info('state: ' + _this.getState());
-                  logger.info('module is being initialized');
+                  logger.info('\n' + 'state: ' + _this.getState());
+                  logger.info('\n' + 'module is being initialized');
                 {% endif %}
 
                 {% if item.show.slide_height != null %}
@@ -336,7 +336,7 @@ j1.adapter['carousel'] = (function (j1, window) {
                     {% endif %}
                   }
                   $('#{{slider_id}}').html(content);
-                  logText = 'initializing slider finished on id: {{slider_id}}';
+                  logText = '\n' + 'initializing slider finished on id: {{slider_id}}';
                   logger.info(logText);
                 } // END customDataSuccess_{{forloop.index}}
               } // END if carousel exists
@@ -345,8 +345,8 @@ j1.adapter['carousel'] = (function (j1, window) {
           clearInterval(dependencies_met_page_finished);
         }
         _this.setState('finished');
-        logger.info('state: ' + _this.getState());
-        logger.info('initializing module finished');
+        logger.info('\n' + 'state: ' + _this.getState());
+        logger.info('\n' + 'initializing module finished');
       }, 25); // END 'dependencies_met_adapter_finished'
     }, // END init
 
@@ -357,7 +357,7 @@ j1.adapter['carousel'] = (function (j1, window) {
     messageHandler: function (sender, message) {
       var json_message = JSON.stringify(message, undefined, 2);
 
-      logText = 'received message from ' + sender + ': ' + json_message;
+      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
       logger.debug(logText);
 
       // -----------------------------------------------------------------------
@@ -367,7 +367,7 @@ j1.adapter['carousel'] = (function (j1, window) {
         //
         // Place handling of command|action here
         //
-        logger.info(message.text);
+        logger.info('\n' + message.text);
       }
 
       //

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

@@ -101,13 +101,13 @@ j1.adapter['clipboard'] = (function (j1, window) {
 
       // initialize state flag
       _this.state = 'started';
-      logText = 'initialization: started';
+      logText = '\n' + 'initialization: started';
       logger.info(logText);
 
       // initialize ClipboardJS if page is loaded
       var dependencies_met_j1_finished = setInterval(function() {
         if ( j1.getState() == 'finished' ) {
-          logText = 'create clipboard';
+          logText = '\n' + 'create clipboard';
           logger.info(logText);
 
           clipboardJS = new ClipboardJS('.btn-clipboard', {
@@ -120,10 +120,10 @@ j1.adapter['clipboard'] = (function (j1, window) {
           _this.initEventHandler(clipboardJS);
 
           clearInterval(dependencies_met_j1_finished);
-          logger.info('met dependencies for: j1');
+          logger.info('\n' + 'met dependencies for: j1');
           _this.setState('finished');
-          logger.info('state: ' + _this.getState());
-          logger.info('module initialized successfully');
+          logger.info('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'module initialized successfully');
         }
       }, 25); // END dependencies_met_j1_finished
     },
@@ -154,7 +154,7 @@ j1.adapter['clipboard'] = (function (j1, window) {
       clipboard.on('success', function (e) {
         $(e.trigger).attr('title', 'copied!').tooltip('_fixTitle').tooltip('show').attr('title', 'Copy to clipboard').tooltip('_fixTitle');
         var logger = log4javascript.getLogger('j1.initClipboard');
-        var logText = 'initialization copy-to-clipboard sucessfull';
+        var logText = '\n' + 'initialization copy-to-clipboard sucessfull';
         logger.debug(logText);
         /* Cleanup clipped data for trailing numbers */
         var splitted = e.text.split('\n');
@@ -168,7 +168,7 @@ j1.adapter['clipboard'] = (function (j1, window) {
       clipboard.on('error', function (e) {
         var fallbackMsg = /Mac/i.test(navigator.userAgent) ? 'press \u2318 to copy' : 'press ctrl-c to copy';
         logger = log4javascript.getLogger('j1.initClipboard');
-        logText = 'initialization copy-to-clipboard failed, fallback used.';
+        logText = '\n' + 'initialization copy-to-clipboard failed, fallback used.';
         logger.warn(logText);
         $(e.trigger).attr('title', fallbackMsg).tooltip('_fixTitle').tooltip('show').attr('title', 'copy to clipboard').tooltip('_fixTitle');
       });
@@ -182,7 +182,7 @@ j1.adapter['clipboard'] = (function (j1, window) {
       // var json_message = JSON.stringify(message, undefined, 2);              // multiline
       var json_message = JSON.stringify(message);
 
-      logText = 'received message from ' + sender + ': ' + json_message;
+      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
       logger.debug(logText);
 
       // -----------------------------------------------------------------------
@@ -192,10 +192,10 @@ j1.adapter['clipboard'] = (function (j1, window) {
         //
         // Place handling of command|action here
         //
-        logger.info(message.text);
+        logger.info('\n' + message.text);
       }
       if (message.type === 'command' && message.action === 'status') {
-        logger.info('messageHandler: received - ' + message.action);
+        logger.info('\n' + 'messageHandler: received - ' + message.action);
       }
 
       //

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

@@ -39,6 +39,8 @@ regenerate:                             true
 {% assign tracking_enabled    = template_config.analytics.enabled %}
 {% assign tracking_id         = template_config.analytics.google.tracking_id %}
 
+{% assign comment_provider    = site.data.j1_config.comments.provider %}
+
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign consent_options     = consent_defaults | merge: consent_settings %}
@@ -78,20 +80,28 @@ regenerate:                             true
 'use strict';
 
 {% comment %} Main
---------------------------------------------------------------- {% endcomment %}
+-------------------------------------------------------------------------------- {% endcomment %}
 j1.adapter['cookieConsent'] = (function (j1, window) {
 
   var environment       = '{{environment}}';
   var tracking_enabled  = ('{{tracking_enabled}}' === 'true') ? true: false;
   var tracking_id       = '{{tracking_id}}';
   var tracking_id_valid = (tracking_id.includes('tracking-id')) ? false : true;
+  var comment_provider  = '{{comment_provider}}';
   var moduleOptions     = {};
   var _this;
   var $modal;
   var user_cookie;
   var logger;
+  var url;
+  var baseUrl;
+  var hostname;
+  var domain;
+  var cookie_domain;
+  var secure;
   var logText;
   var cookie_written;
+  var language;
 
   // NOTE: RegEx for tracking_id: ^(G|UA|YT|MO)-[a-zA-Z0-9-]+$
   // See: https://stackoverflow.com/questions/20411767/how-to-validate-google-analytics-tracking-id-using-a-javascript-function/20412153
@@ -113,8 +123,21 @@ j1.adapter['cookieConsent'] = (function (j1, window) {
       // -----------------------------------------------------------------------
       // globals
       // -----------------------------------------------------------------------
-      _this   = j1.adapter.cookieConsent;
-      logger  = log4javascript.getLogger('j1.adapter.cookieConsent');
+      _this         = j1.adapter.cookieConsent;
+      logger        = log4javascript.getLogger('j1.adapter.cookieConsent');
+      url           = new liteURL(window.location.href);
+      baseUrl       = url.origin;
+      hostname      = url.hostname;
+      domain        = hostname.substring(hostname.lastIndexOf('.', hostname.lastIndexOf('.') - 1) + 1);
+      secure        = (url.protocol.includes('https')) ? true : false;
+      language      = "{{site.language}}";
+
+      // set domain used by cookies
+      if(domain !== 'localhost') {
+        cookie_domain = '.' + hostname;
+      } else {
+        cookie_domain = hostname;
+      }
 
       // initialize state flag
       _this.state = 'pending';
@@ -144,22 +167,24 @@ j1.adapter['cookieConsent'] = (function (j1, window) {
       var dependencies_met_page_ready = setInterval (function (options) {
         if ( j1.getState() === 'finished' ) {
           _this.setState('started');
-          logger.info('state: ' + _this.getState());
-          logger.info('module is being initialized');
+          logger.info('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'module is being initialized');
 
           j1.cookieConsent = new BootstrapCookieConsent({
             contentURL:             moduleOptions.contentURL,
             cookieName:             moduleOptions.cookieName,
-            language:               moduleOptions.language,
+            language:               language,
             whitelisted:            moduleOptions.whitelisted,
             reloadPageOnChange:     moduleOptions.reloadPageOnChange,
-            xhr_data_element:       moduleOptions.xhr_data_element + '-' + moduleOptions.language,
+            xhr_data_element:       moduleOptions.xhr_data_element + '-' + language,
+            sameSite:               moduleOptions.sameSite,
+            secure:                 secure,
             postSelectionCallback:  function () {j1.adapter.cookieConsent.cbCookie()}
           });
 
           _this.setState('finished');
-          logger.info('state: ' + _this.getState());
-          logger.debug('module initialized successfully');
+          logger.info('\n' + 'state: ' + _this.getState());
+          logger.debug('\n' + 'module initialized successfully');
           clearInterval(dependencies_met_page_ready);
         }
       });
@@ -172,7 +197,7 @@ j1.adapter['cookieConsent'] = (function (j1, window) {
     messageHandler: function (sender, message) {
       var json_message = JSON.stringify(message, undefined, 2);
 
-      logText = 'received message from ' + sender + ': ' + json_message;
+      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
       logger.debug(logText);
 
       // -----------------------------------------------------------------------
@@ -182,7 +207,7 @@ j1.adapter['cookieConsent'] = (function (j1, window) {
         //
         // Place handling of command|action here
         //
-        logger.info(message.text);
+        logger.info('\n' + message.text);
       }
 
       //
@@ -222,8 +247,8 @@ j1.adapter['cookieConsent'] = (function (j1, window) {
       var json                = JSON.stringify(user_consent);
       var user_agent          = platform.ua;
 
-      logger.info('Entered post selection callback from CookieConsent');
-      logger.info('Current values from CookieConsent: ' + json);
+      logger.info('\n' + 'entered post selection callback from CookieConsent');
+      logger.info('\n' + 'current values from CookieConsent: ' + json);
 
       // enable cookie button if not visible
       if ($('#quickLinksCookieButton').css('display') === 'none')  {
@@ -235,20 +260,19 @@ j1.adapter['cookieConsent'] = (function (j1, window) {
       // because page is reloaded after selection
       //
       // if (tracking_enabled && !tracking_id_valid) {
-      //   logger.error('tracking enabled, but invalid tracking id found: ' + tracking_id);
+      //   logger.error('\n' + 'tracking enabled, but invalid tracking id found: ' + tracking_id);
       // } else {
-      //   logger.warn('tracking enabled, tracking id found: ' + tracking_id);
+      //   logger.warn('\n' + 'tracking enabled, tracking id found: ' + tracking_id);
       // }
 
-      // for development only
-      if (environment === 'development') {
-        gaCookies.forEach(item => console.log('cookieConsent: ' + item));
-        j1Cookies.forEach(item => console.log('cookieConsent: ' + item));
-      }
+      logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
+      j1Cookies.forEach(item => console.log('j1.core.switcher: ' + item));
+      logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
+      gaCookies.forEach(item => console.log('j1.core.switcher: ' + item));
 
       if (user_agent.includes('iPad'))  {
-        logger.warn('Product detected : ' + platform.product);
-        logger.warn('Skip deleting (unwanted) cookies for this platform');
+        logger.warn('\n' + 'product detected : ' + platform.product);
+        logger.warn('\n' + 'skip deleting (unwanted) cookies for this platform');
       }
 
       // Manage Google Analytics OptIn/Out
@@ -256,47 +280,34 @@ j1.adapter['cookieConsent'] = (function (j1, window) {
       if (tracking_enabled && tracking_id_valid) {
         GTagOptIn.register(tracking_id);
         if (user_consent.analyses)  {
-          logger.info('Enable: GA');
+          logger.info('\n' + 'enable: GA');
           GTagOptIn.optIn();
         } else {
-          logger.warn('Disable: GA');
+          logger.warn('\n' + 'disable: GA');
           GTagOptIn.optOut();
 
           if (!user_agent.includes('iPad')) {
             gaCookies.forEach(function (item) {
-              logger.warn('Delete GA cookie: ' + item);
-              j1.removeCookie({name: item, path: '/'});
+              logger.warn('\n' + 'delete GA cookie: ' + item);
+              j1.removeCookie({ name: item, domain: cookie_domain });
             });
           }
         }
 
-        if (!user_consent.analyses || !user_consent.personalization)  {
-          // expire consent|state cookies to session
-          cookie_written = j1.writeCookie({
-            name:     cookie_names.user_state,
-            data:     user_state,
-            samesite: 'Strict'
-          });
-          if (!cookie_written) {
-          	logger.error('failed to write cookie: ' + cookie_names.user_state);
-          }
+        // Managing providers for personalization OptIn/Out (Comments|Ads)
+        // moved to J1 adapter
 
-          cookie_written = j1.writeCookie({
-            name:     cookie_names.user_consent,
-            data:     user_consent,
-            samesite: 'Strict'
-          });
-          if (!cookie_written) {
-          	logger.error('failed to write cookie: ' + cookie_names.user_consent);
-          }
+        if (!user_consent.analyses || !user_consent.personalization) {
+          // expire consent|state cookies to session
+          j1.expireCookie({ name: cookie_names.user_state });
+          j1.expireCookie({ name: cookie_names.user_consent });
         }
-
-        if (moduleOptions.reloadPageOnChange)  {
+        if (moduleOptions.reloadPageOnChange) {
           // reload current page (skip cache)
           location.reload(true);
         }
-      } // END if tracking_enabled
 
+      } // END if tracking_enabled
     } // END cbCookie
 
   }; // END return

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

@@ -127,8 +127,8 @@ j1.adapter['fam'] = (function (j1, window) {
 
       // initialize state flag
       _this.setState('started');
-      logger.info('set module state to: ' + _this.getState());
-      logger.info('module is being initialized');
+      logger.info('\n' + 'set module state to: ' + _this.getState());
+      logger.info('\n' + 'module is being initialized');
 
       // create settings object from frontmatterOptions
       var frontmatterOptions = options != null ? $.extend({}, options) : {};
@@ -161,7 +161,7 @@ j1.adapter['fam'] = (function (j1, window) {
 
       var dependencies_met_navigator = setInterval(function() {
         if (j1.adapter.navigator.getState() == 'finished') {
-          logger.info('met dependencies for: navigator');
+          logger.info('\n' + 'met dependencies for: navigator');
           _this.famLoader(moduleOptions);
           clearInterval(dependencies_met_navigator);
         }
@@ -175,10 +175,10 @@ j1.adapter['fam'] = (function (j1, window) {
     famLoader: function (famOptions) {
 
       _this.setState('loading');
-      logger.info('set module state to: ' + _this.getState());
-      logger.info('load HTML data for fam');
+      logger.info('\n' + 'set module state to: ' + _this.getState());
+      logger.info('\n' + 'load HTML data for fam');
 
-      j1.xhrData ({
+      j1.loadHTML({
         xhr_container_id: famOptions.xhr_container_id,
         xhr_data_path:    famOptions.xhr_data_path,
         xhr_data_element: famOptions.fam_menu_id },
@@ -192,15 +192,15 @@ j1.adapter['fam'] = (function (j1, window) {
       var dependencies_met_fam_initialized = setInterval (function () {
         if (j1.xhrDOMState['#' + famOptions.xhr_container_id] == 'success' && j1.getState() == 'finished') {
           _this.setState('loaded');
-          logger.info('set module state to: ' + _this.getState());
-          logger.info('HTML data for fam: ' + _this.getState());
+          logger.info('\n' + 'set module state to: ' + _this.getState());
+          logger.info('\n' + 'HTML data for fam: ' + _this.getState());
 
 //        _this.scrollSpy(famOptions);
           _this.buttonInitializer(famOptions);
 
           _this.setState('finished');
-          logger.info('state: ' + _this.getState());
-          logger.info('module initialized successfully');
+          logger.info('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'module initialized successfully');
 
           $('.fam-btn').show();
 
@@ -231,14 +231,14 @@ j1.adapter['fam'] = (function (j1, window) {
       //
       $('a[href="#void"]').click(function(e) {
         e.preventDefault ? e.preventDefault() : e.returnValue = false;
-        logger.info('bound click event to "#void", suppress default action');
+        logger.info('\n' + 'bound click event to "#void", suppress default action');
       });
 
       // check if multiple buttons detected
       if ( famButtons.length == 1 ) {
         _this.setState('processing');
-        logger.info('set module state to: ' + _this.getState());
-        logger.info('initialize fam menu');
+        logger.info('\n' + 'set module state to: ' + _this.getState());
+        logger.info('\n' + 'initialize fam menu');
 
         actionButtonId  = famButtons[0].firstElementChild.id;
         actionMenuId    = actionButtonId.replace('_button', '');
@@ -281,25 +281,25 @@ j1.adapter['fam'] = (function (j1, window) {
               eventHandler = item.event_handler;
               // check if eventhandler configured is a SINGLE word
               if (eventHandler.split(' ').length == 1) {
-                logger.info('register pre-configured eventhandler ' +eventHandler+ ' on id: #' + item.id);
+                logger.info('\n' + 'register pre-configured eventhandler ' +eventHandler+ ' on id: #' + item.id);
 
                 if ( eventHandler === 'open_mmenu_toc' ) {
                   if ($('#j1-toc-mgr').length) {
-                    logger.info('found toc in page: enabled');
+                    logger.info('\n' + 'found toc in page: enabled');
                     var dependencies_met_toccer_finished = setInterval (function () {
                       if ( j1.adapter.toccer.getState() == 'finished' ) {
-                        logger.info('met dependencies for: toccer');
+                        logger.info('\n' + 'met dependencies for: toccer');
 
                         // famOptions.mode === 'icon'
-                        //   ? logger.info('fam mode detected: icon')
-                        //   : logger.info('fam mode detected: menu');
+                        //   ? logger.info('\n' + 'fam mode detected: icon')
+                        //   : logger.info('\n' + 'fam mode detected: menu');
 
                         $('#open_mmenu_toc').show();
                         clearInterval(dependencies_met_toccer_finished);
                       }
                     }, 25); // END dependencies_met_toccer_finished
                   } else {
-                    logger.info('found toc in page: disabled');
+                    logger.info('\n' + 'found toc in page: disabled');
                   }
                 } else {
                   $('#' + item.id).show();
@@ -313,16 +313,16 @@ j1.adapter['fam'] = (function (j1, window) {
                   });
                 });
               } else {
-                logger.info('register custom eventhandler on id: #' + item.id);
+                logger.info('\n' + 'register custom eventhandler on id: #' + item.id);
               }
             } else {
   //          alert ('Creating Eventhandler failed on id: #' + item.id);
-              logger.error('Creating Eventhandler failed on id: #' + item.id);
+              logger.error('\n' + 'creating Eventhandler failed on id: #' + item.id);
             } // END if items (action buttons)
           });
         } else {
           // single action, create FAB
-          logger.info('single action found for FAM, create: FAB');
+          logger.info('\n' + 'single action found for FAM, create: FAB');
 
           // disable hover event (CSS)
           // $actionButton.css({'pointer-events': 'none'})
@@ -331,7 +331,7 @@ j1.adapter['fam'] = (function (j1, window) {
             eventHandler = item.event_handler;
             // check if eventhandler configured is a SINGLE word
             if (eventHandler.split(' ').length == 1) {
-              logger.info('register pre-configured eventhandler ' +eventHandler+ ' on id: #' + actionButtonId);
+              logger.info('\n' + 'register pre-configured eventhandler ' +eventHandler+ ' on id: #' + actionButtonId);
 
               if (eventHandler === 'scroll_to_top') {
                 // register click event
@@ -346,10 +346,10 @@ j1.adapter['fam'] = (function (j1, window) {
               if ( eventHandler === 'open_mmenu_toc' ) {
                 // check if toccer (toc_mgr) is available
                 if ($('#j1-toc-mgr').length) {
-                  logger.info('found toc in page: enabled');
+                  logger.info('\n' + 'found toc in page: enabled');
                   var dependencies_met_toccer_finished = setInterval (function () {
                     if ( j1.adapter.toccer.getState() == 'finished' ) {
-                      logger.info('met dependencies for toccer: finished');
+                      logger.info('\n' + 'met dependencies for toccer: finished');
                       // change the id of the $actionButton to the already
                       // registered id by mmenu adapter of ('open_mmenu_toc')
                       // to open the TOC sidebar
@@ -359,8 +359,8 @@ j1.adapter['fam'] = (function (j1, window) {
                     }
                   }, 25); // END dependencies_met_toccer_finished
                 } else {
-                  logger.info('found toc in page: disabled');
-                  logger.info('eventhandler: disabled');
+                  logger.info('\n' + 'found toc in page: disabled');
+                  logger.info('\n' + 'eventhandler: disabled');
                 }
               } // END if eventHandler == open_mmenu_toc
             }
@@ -368,8 +368,8 @@ j1.adapter['fam'] = (function (j1, window) {
         } // END else
       } else {
 //      alert ('Multiple FAM buttons found: ' + famButtons.length);
-        logger.error('Multiple FAM buttons found: ' + famButtons.length);
-        logger.info('FAM container set to hidden: ' + $famContainer);
+        logger.error('\n' + 'multiple FAM buttons found: ' + famButtons.length);
+        logger.info('\n' + 'FAM container set to hidden: ' + $famContainer);
         $famContainer.hide();
       } // END if famButton
     }, // END buttonInitializer
@@ -573,7 +573,7 @@ j1.adapter['fam'] = (function (j1, window) {
       // var json_message = JSON.stringify(message, undefined, 2);              // multiline
       var json_message = JSON.stringify(message);
 
-      logText = 'received message from ' + sender + ': ' + json_message;
+      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
       logger.debug(logText);
 
       // -----------------------------------------------------------------------
@@ -583,10 +583,10 @@ j1.adapter['fam'] = (function (j1, window) {
         //
         // Place handling of command|action here
         //
-        logger.info(message.text);
+        logger.info('\n' + message.text);
       }
       if (message.type === 'command' && message.action === 'status') {
-        logger.info('messageHandler: received - ' + message.action);
+        logger.info('\n' + 'messageHandler: received - ' + message.action);
       }
 
       //
@@ -645,8 +645,8 @@ j1.adapter['fam'] = (function (j1, window) {
           ? $famContainer.css('display','block')
           : $famContainer.css('display','none');
 
-        // logger.debug('content pos detected as: ' + m + 'px');
-        // logger.debug('scroll pos detected as: ' + scrollPos + 'px');
+        // logger.debug('\n' + 'content pos detected as: ' + m + 'px');
+        // logger.debug('\n' + 'scroll pos detected as: ' + scrollPos + 'px');
       }); // END setTop on scroll
 
     }, // END scrollSpy