j1-template 2024.1.0 → 2024.1.1

data/assets/themes/j1/modules/translator/js/translator.js

@@ -33,7 +33,11 @@ function Translator(props) {
   var logger                = log4javascript.getLogger('j1.core.translator');
   var pageURL               = new liteURL(window.location.href);
   var cookieSecure          = (pageURL.protocol.includes('https')) ? true : false;
+  var navigatorLanguage     = navigator.language || navigator.userLanguage;
+  var defaultDialogLanguage = 'en';
   var detailedSettingsShown = false;
+  var defaultDialogLanguage = 'en';
+  var translator            = {};
   var navigator_language;
   var translation_language;
 
@@ -92,46 +96,48 @@ function Translator(props) {
   // ---------------------------------------------------------------------------
   // default property settings
   // ---------------------------------------------------------------------------
-  this.props = {
-    contentURL:                 '/assets/data/translator',                      // this URL must contain the dialog content (modals) in the needed languages
-    cookieName:                 'j1.user.state',                                // the name of the User State Cookie (primary data)
-    cookieConsentName:          'j1.user.consent',                              // the name of the Cookie Consent Cookie (secondary data)
-    cookieStorageDays:          365,                                            // the duration the cookie is stored on the client
-    cookieSameSite:             'Lax',                                       // restrict consent cookie to first-party, do NOT send cookie to other domains
-    cookieSecure:               cookieSecure,                                   // secure flag on cookies
-    translationEnabled:         false,                                          // enable|disable translation on first page view
-    disableLanguageSelector:    false,                                          // disable language dropdown for translation in dialog (modal)
-    translatorName:             'google',                                       // name of the default translator
-    translationLanguages:       'all',                                          // supported languages for translation
-    translationLanguage:        'auto',                                         // language used for translation
-    translateAllPages:          true,                                           // enable tranlation on all pages
-    hideSuggestionBox:          true,                                           // disable suggestions on translated text
-    hidePoweredBy:              true,                                           // disable label "Powered by Google"
-    hideTopFrame:               true,                                           // disable the (google) translator frame
-    dialogLanguage:             'content',                                      // language used for the consent dialog (modal)
-    dialogLanguages:            ['en','de'],                                    // supported languages for the consent dialog (modal), defaults to first in array//
-    dialogContainerID:          'translator-modal',                             // container, the dialog modal is (dynamically) loaded
-    xhrDataElement:             '',                                             // container for the language-specific consent modal taken from /assets/data/cookieconsent.html
-    postSelectionCallback:      '',                                             // callback function, called after the user has made his selection
+  translator.props = {
+    contentURL:              '/assets/data/translator',                         // this URL must contain the dialog content (modals) in the needed languages
+    translatorLanguagesFile: '/assets/data/iso-639-language-codes-flags.json',  // this FILE contains the all codes/flags the can be used by the "dialog modal"
+    translatorLanguages:     'translator-languages',                            // contains the supprted language codes/flags used by the "dialog modal"
+    cookieName:              'j1.user.state',                                   // the name of the User State Cookie (primary data)
+    cookieConsentName:       'j1.user.consent',                                 // the name of the Cookie Consent Cookie (secondary data)
+    cookieStorageDays:       365,                                               // the duration the cookie is stored on the client
+    cookieSameSite:          'Lax',                                             // restrict consent cookie to first-party, do NOT send cookie to other domains
+    cookieSecure:            cookieSecure,                                      // secure flag on cookies
+    translationEnabled:      false,                                             // enable|disable translation on first page view
+    disableLanguageSelector: false,                                             // disable language dropdown for translation in dialog (modal)
+    translatorName:          'google',                                          // name of the default translator
+    translationLanguages:    'all',                                             // supported languages for translation
+    translationLanguage:     'auto',                                            // language used for translation
+    translateAllPages:       true,                                              // enable tranlation on all pages
+    hideSuggestionBox:       true,                                              // disable suggestions on translated text
+    hidePoweredBy:           true,                                              // disable label "Powered by Google"
+    hideTopFrame:            true,                                              // disable the (google) translator frame
+    dialogLanguage:          'auto',                                            // language used for the consent dialog (modal)
+    dialogLanguages:         ['en', 'de'],                                      // supported languages for the consent dialog (modal), defaults to first in array//
+    dialogContainerID:       'translator-modal',                                // container, the dialog modal is (dynamically) loaded
+    xhrDataElement:          '',                                                // container for the language-specific consent modal taken from /assets/data/cookieconsent.html
+    postSelectionCallback:   '',                                                // callback function, called after the user has made his selection
   };
 
   // merge properties from default|module
   for (var property in props) {
-    this.props[property] = props[property];
+    translator.props[property] = props[property];
   }
 
   // extract the language portion (e.g. "en" for English)
-  if (this.props.dialogLanguage.indexOf("-") !== -1) {
-    this.props.dialogLanguage = this.props.dialogLanguage.split("-")[0];
+  if (translator.props.dialogLanguage.indexOf("-") !== -1) {
+    translator.props.dialogLanguage = translator.props.dialogLanguage.split("-")[0];
   }
 
   // fallback on default language (modal) if dialogLanguage not suppported
-  if (!this.props.dialogLanguages.includes(this.props.dialogLanguage)) {
-    this.props.dialogLanguage = this.props.dialogLanguages[0];
+  if (!translator.props.dialogLanguages.includes(translator.props.dialogLanguage)) {
+    translator.props.dialogLanguage = defaultDialogLanguage;
   }
 
   // set the xhrDataElement of the modal loadad based on dialogLanguage
-  this.props.xhrDataElement = this.props.xhrDataElement + '-' + this.props.dialogLanguage;
+  translator.props.xhrDataElement = translator.props.xhrDataElement + '-' + translator.props.dialogLanguage;
 
   logger.info('\n' + 'initializing core module: started');
   logger.debug('\n' + 'state: started');
@@ -146,17 +152,17 @@ function Translator(props) {
     "personalization":        true
   };
 
-  var translatorCookie = Cookie.get(self.props.cookieName);
+  var translatorCookie = Cookie.get(translator.props.cookieName);
   if (!translatorCookie) {
-    logger.info('\n' + 'initializing translator cookie: ' + self.props.cookieName);
+    logger.info('\n' + 'initializing translator cookie: ' + translator.props.cookieName);
     // enable and write all settings required for translation (translation cookie)
     Cookie.set(
-      self.props.cookieName,
+      translator.props.cookieName,
       JSON.stringify(translationDefaultSettings),
-      self.props.cookieStorageDays,
-      self.props.cookieSameSite,
-      self.props.cookieDomain,
-      self.props.cookieSecure
+      translator.props.cookieStorageDays,
+      translator.props.cookieSameSite,
+      translator.props.cookieDomain,
+      translator.props.cookieSecure
     );
   }
 
@@ -261,14 +267,19 @@ function Translator(props) {
         var dropdownLanguages = [];
 
         // collect translation languages
-        if (self.props.translationLanguages.includes('all')) {
+        if (translator.props.translationLanguages.includes('all')) {
           dropdownLanguages = data[settings.elm];
         } else {
-          for (var i = 0; i < data[settings.elm].length; i++) {
-            if(self.props.translationLanguages.includes(data[settings.elm][i].value)) {
-              dropdownLanguages.push(data[settings.elm][i]);
+          if (dropdownLanguages.length == 0) {
+            for (var i = 0; i < data[settings.elm].length; i++) {
+              if (translator.props.translationLanguages.includes(data[settings.elm][i].value)) {
+                dropdownLanguages.push(data[settings.elm][i]);
+              } else {
+                var elementNotFoundText = "element not found: " + data[settings.elm][i];
+              }
             }
-          }
+          } // END if dropdownLanguages.length
+
         }
 
         // correct rows of the dropdown if required
@@ -306,18 +317,18 @@ function Translator(props) {
     var cbAction = 'none'
     Events.documentReady(function () {
 
-      self.modal = document.getElementById(self.props.dialogContainerID);
+      self.modal = document.getElementById(translator.props.dialogContainerID);
       if (!self.modal) {
         logger.info('\n' +  'load consent modal');
 
         self.modal = document.createElement('div');
-        self.modal.id = self.props.dialogContainerID;
+        self.modal.id = translator.props.dialogContainerID;
         self.modal.style.display = 'none';
 
         self.modal.setAttribute('class', 'modal fade');
         self.modal.setAttribute('tabindex', '-1');
         self.modal.setAttribute('role', 'dialog');
-        self.modal.setAttribute('aria-labelledby', self.props.dialogContainerID);
+        self.modal.setAttribute('aria-labelledby', translator.props.dialogContainerID);
         document.body.append(self.modal);
         self.$modal = $(self.modal);
 
@@ -340,8 +351,8 @@ function Translator(props) {
           // create msDropdown from JSON data
           $.when (
             createMsDropdownFromJSON({
-              url:                '/assets/data/iso-639-language-codes-flags.json',
-              elm:                'iso-639-languages',
+              url:                translator.props.translatorLanguagesFile,           // '/assets/data/iso-639-language-codes-flags.json',
+              elm:                translator.props.translatorLanguages,               // 'supported-languages',
               selector:           'dropdownJSON',
               width:              400,
               visibleRows:        8,
@@ -369,18 +380,18 @@ function Translator(props) {
               	self.$modal.hide();
               } else {
               	// set translation language for auto detection
-              	if (self.props.translationLanguage === 'auto') {
+              	if (translator.props.translationLanguage === 'auto') {
               	  navigator_language   = navigator.language || navigator.userLanguage;
               	  translation_language = navigator_language.split('-')[0];
               	} else {
-              	  translation_language = self.props.translationLanguage;
+              	  translation_language = translator.props.translationLanguage;
               	}
 
               	// set translation language for the dropdown
               	msDropdownJSON.selectedIndex = $('#dropdownJSON option[value=' +  translation_language + ']').index();;
 
               	// disable translation language selection
-              	if (self.props.disableLanguageSelector) {
+              	if (translator.props.disableLanguageSelector) {
               	  msDropdownJSON.disabled = true;
               	}
 
@@ -406,18 +417,18 @@ function Translator(props) {
           // if the modal is closed, show the menubar
           // $('#navigator_nav_navbar').show();
           // run the postSelectionCallback for (final) translation
-          executeFunctionByName (self.props.postSelectionCallback, window, cbAction);
+          executeFunctionByName (translator.props.postSelectionCallback, window, cbAction);
         }); // END modal on 'hidden'
 
         // ---------------------------------------------------------------------
         // load the dialog (modal content)
         // ---------------------------------------------------------------------
-        var templateUrl = self.props.contentURL + '/' + 'index.html';
+        var templateUrl = translator.props.contentURL + '/' + 'index.html';
         $.get(templateUrl)
         .done(function (data) {
           logger.info('\n' + 'loading consent modal: successfully');
           self.modal.innerHTML = data;
-          self.modal.innerHTML = $('#' + self.props.xhrDataElement).eq(0).html();
+          self.modal.innerHTML = $('#' + translator.props.xhrDataElement).eq(0).html();
           self.modal.style.display  = 'block';
 
           $(self.modal).modal({
@@ -543,8 +554,8 @@ function Translator(props) {
   // On 'agreeAll', enable ALL settings required for translation
   // ---------------------------------------------------------------------------
   function agreeAll() {
-    var consentSettings     = JSON.parse(Cookie.get(self.props.cookieConsentName));
-    var translationSettings = JSON.parse(Cookie.get(self.props.cookieName));
+    var consentSettings     = JSON.parse(Cookie.get(translator.props.cookieConsentName));
+    var translationSettings = JSON.parse(Cookie.get(translator.props.cookieName));
 
     // enable all settings required for translation
     translationSettings.analysis = true;
@@ -556,22 +567,22 @@ function Translator(props) {
     consentSettings.personalization = translationSettings.personalization;
 
     Cookie.set(
-      self.props.cookieConsentName,
+      translator.props.cookieConsentName,
       JSON.stringify(consentSettings),
-      self.props.cookieStorageDays,
-      self.props.cookieSameSite,
-      self.props.cookieDomain,
-      self.props.cookieSecure
+      translator.props.cookieStorageDays,
+      translator.props.cookieSameSite,
+      translator.props.cookieDomain,
+      translator.props.cookieSecure
     );
 
     // write all settings required for translation (translation cookie)
     Cookie.set(
-      self.props.cookieName,
+      translator.props.cookieName,
       JSON.stringify(translationSettings),
-      self.props.cookieStorageDays,
-      self.props.cookieSameSite,
-      self.props.cookieDomain,
-      self.props.cookieSecure
+      translator.props.cookieStorageDays,
+      translator.props.cookieSameSite,
+      translator.props.cookieDomain,
+      translator.props.cookieSecure
     );
 
     self.$modal.modal('hide');
@@ -591,12 +602,12 @@ function Translator(props) {
     // disable all settings required for translation (translation cookie)
     translationSettings.translationEnabled = false;
     Cookie.set(
-      self.props.cookieName,
+      translator.props.cookieName,
       JSON.stringify(translationSettings),
-      self.props.cookieStorageDays,
-      self.props.cookieSameSite,
-      self.props.cookieDomain,
-      self.props.cookieSecure
+      translator.props.cookieStorageDays,
+      translator.props.cookieSameSite,
+      translator.props.cookieDomain,
+      translator.props.cookieSecure
     );
     self.$modal.modal('hide');
   }
@@ -607,7 +618,7 @@ function Translator(props) {
   // ---------------------------------------------------------------------------
   function saveSettings() {
     var translationSettings = gatherOptions();
-    var consentSettings     = JSON.parse(Cookie.get(self.props.cookieConsentName));
+    var consentSettings     = JSON.parse(Cookie.get(translator.props.cookieConsentName));
 
     // update all cookies required for (google-)translation
     //
@@ -615,20 +626,20 @@ function Translator(props) {
     consentSettings.personalization = translationSettings.personalization;
 
     Cookie.set(
-      self.props.cookieConsentName,
+      translator.props.cookieConsentName,
       JSON.stringify(consentSettings),
-      self.props.cookieStorageDays,
-      self.props.cookieSameSite,
-      self.props.cookieDomain,
-      self.props.cookieSecure
+      translator.props.cookieStorageDays,
+      translator.props.cookieSameSite,
+      translator.props.cookieDomain,
+      translator.props.cookieSecure
     );
     Cookie.set(
-      self.props.cookieName,
+      translator.props.cookieName,
       JSON.stringify(translationSettings),
-      self.props.cookieStorageDays,
-      self.props.cookieSameSite,
-      self.props.cookieDomain,
-      self.props.cookieSecure
+      translator.props.cookieStorageDays,
+      translator.props.cookieSameSite,
+      translator.props.cookieDomain,
+      translator.props.cookieSecure
     );
     self.$modal.modal('hide');
   }
@@ -650,9 +661,9 @@ function Translator(props) {
   // collect settings from cookie
   // ---------------------------------------------------------------------------
   this.getSettings = function (optionName) {
-    var cookie = Cookie.get(self.props.cookieName);
+    var cookie = Cookie.get(translator.props.cookieName);
     if (cookie) {
-      var settings = JSON.parse(Cookie.get(self.props.cookieName));
+      var settings = JSON.parse(Cookie.get(translator.props.cookieName));
       if (optionName === undefined) {
           return settings;
       } else {

data/assets/themes/j1/modules/translator/js/translator.min.js

@@ -12,4 +12,5 @@
  #  See: https://github.com/jekyll-one/J1 Theme/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-"use strict";function Translator(o){var e,t,a=this,n=log4javascript.getLogger("j1.core.translator"),i=!!new liteURL(window.location.href).protocol.includes("https"),s=!1,r={set:function(o,e,t,a,n,i){var s=window.btoa(e),r="; expires=Thu, 01 Jan 1970 00:00:00 UTC";if(t>0){var l=new Date;l.setTime(l.getTime()+24*t*60*60*1e3),r="; expires="+l.toUTCString()}document.cookie=i?n?o+"="+(s||"")+r+"; Path=/; SameSite="+a+"; Domain="+n+"; Secure="+i+";":o+"="+(s||"")+r+"; Path=/; SameSite="+a+"; Secure="+i+";":n?o+"="+(s||"")+r+"; Path=/; SameSite="+a+";Domain="+n+"; ":o+"="+(s||"")+r+"; Path=/; SameSite="+a+";"},get:function(o){for(var e=o+"=",t=document.cookie.split(";"),a=0;a<t.length;a++){for(var n=t[a];" "===n.charAt(0);)n=n.substring(1,n.length);if(0===n.indexOf(e)){var i=n.substring(e.length,n.length);return window.atob(i)}}}};for(var l in this.props={contentURL:"/assets/data/translator",cookieName:"j1.user.state",cookieConsentName:"j1.user.consent",cookieStorageDays:365,cookieSameSite:"Lax",cookieSecure:i,translationEnabled:!1,disableLanguageSelector:!1,translatorName:"google",translationLanguages:"all",translationLanguage:"auto",translateAllPages:!0,hideSuggestionBox:!0,hidePoweredBy:!0,hideTopFrame:!0,dialogLanguage:"content",dialogLanguages:["en","de"],dialogContainerID:"translator-modal",xhrDataElement:"",postSelectionCallback:""},o)this.props[l]=o[l];-1!==this.props.dialogLanguage.indexOf("-")&&(this.props.dialogLanguage=this.props.dialogLanguage.split("-")[0]),this.props.dialogLanguages.includes(this.props.dialogLanguage)||(this.props.dialogLanguage=this.props.dialogLanguages[0]),this.props.xhrDataElement=this.props.xhrDataElement+"-"+this.props.dialogLanguage,n.info("\ninitializing core module: started"),n.debug("\nstate: started");r.get(a.props.cookieName)||(n.info("\ninitializing translator cookie: "+a.props.cookieName),r.set(a.props.cookieName,JSON.stringify({translatorName:"google",translationEnabled:!1,translateAllPages:!0,useLanguageFromBrowser:!0,translationLanguage:"de",analysis:!0,personalization:!0}),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure));var d={documentReady:function(o){"loading"!==document.readyState?o():document.addEventListener("DOMContentLoaded",o)}};function p(o){var e,t=function o(){var e={},t=!1,a=0,n=arguments.length;"[object Boolean]"===Object.prototype.toString.call(arguments[0])&&(t=arguments[0],a++);for(var i=function(a){for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(t&&"[object Object]"===Object.prototype.toString.call(a[n])?e[n]=o(!0,e[n],a[n]):e[n]=a[n])};a<n;a++)i(arguments[a]);return e}({size:0,width:250,multiple:!1,selectedIndex:1,enableAutoFilter:!1,visibleRows:null},o);e="#"+t.selector,$.ajax({url:t.url,dataType:"json",success:function(o){var n=[];if(a.props.translationLanguages.includes("all"))n=o[t.elm];else for(var i=0;i<o[t.elm].length;i++)a.props.translationLanguages.includes(o[t.elm][i].value)&&n.push(o[t.elm][i]);t.visibleRows>n.length&&(t.visibleRows=n.length),void 0===$("#dropdownJSON")[0].msDropdown&&MsDropdown.make(e,{byJson:{data:n,name:t.name,size:t.size,width:t.width,multiple:t.multiple},enableAutoFilter:t.enableAutoFilter,visibleRows:t.visibleRows})},error:function(o,e,a){n.error("\nfailed to retrieve JSON data from: "+t.url)}})}function c(){var o="none";d.documentReady(function(){if(a.modal=document.getElementById(a.props.dialogContainerID),a.modal)a.$modal.modal("show");else{n.info("\nload consent modal"),a.modal=document.createElement("div"),a.modal.id=a.props.dialogContainerID,a.modal.style.display="none",a.modal.setAttribute("class","modal fade"),a.modal.setAttribute("tabindex","-1"),a.modal.setAttribute("role","dialog"),a.modal.setAttribute("aria-labelledby",a.props.dialogContainerID),document.body.append(a.modal),a.$modal=$(a.modal),a.$modal.on("show.bs.modal",function(){n.debug("\nshow.bs.modal: entered"),$.when(p({url:"/assets/data/iso-639-language-codes-flags.json",elm:"iso-639-languages",selector:"dropdownJSON",width:400,visibleRows:8})).then(function(o){n.info("\ncreating msDropdown from JSON data: finished")})}),a.$modal.on("shown.bs.modal",function(){var o,i;i=setInterval(function(){void 0!==document.getElementById("dropdownJSON").msDropdown&&((o=document.getElementById("dropdownJSON").msDropdown).length?("auto"===a.props.translationLanguage?(e=navigator.language||navigator.userLanguage,t=e.split("-")[0]):t=a.props.translationLanguage,o.selectedIndex=$("#dropdownJSON option[value="+t+"]").index(),a.props.disableLanguageSelector&&(o.disabled=!0),$("#dropdownJSON").show(),$("body").addClass("stop-scrolling"),n.info("\nmsDropdown successfully loaded in translation dialog"),clearInterval(i)):(n.error("\nno msDropdown found in translation dialog"),a.$modal.hide()))},10)}),a.$modal.on("hidden.bs.modal",function(){$("body").removeClass("stop-scrolling"),function(o,e){for(var t=Array.prototype.slice.call(arguments,2),a=o.split("."),n=a.pop(),i=0;i<a.length;i++)e=e[a[i]];e[n].apply(e,t)}(a.props.postSelectionCallback,window,o)});var i=a.props.contentURL+"/index.html";$.get(i).done(function(e){n.info("\nloading consent modal: successfully"),a.modal.innerHTML=e,a.modal.innerHTML=$("#"+a.props.xhrDataElement).eq(0).html(),a.modal.style.display="block",$(a.modal).modal({backdrop:"static",keyboard:!1}),a.$buttonDoNotAgree=$("#translator-buttonDoNotAgree"),a.$buttonAgree=$("#translator-buttonAgree"),a.$buttonExit=$("#translator-buttonExit"),a.$buttonSave=$("#translator-buttonSave"),a.$buttonAgreeAll=$("#translator-buttonAgreeAll"),n.info("\nload/initialze options from cookie"),u(),g(),$("#google-options").on("hide.bs.collapse",function(){s=!1,u()}).on("show.bs.collapse",function(){s=!0,u()}),n.info("\ninitialze button event handler"),a.$buttonDoNotAgree.click(function(){var e;(e=m()).translationEnabled=!1,r.set(a.props.cookieName,JSON.stringify(e),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),a.$modal.modal("hide"),o="process"}),a.$buttonAgree.click(function(){h(),o="process"}),a.$buttonExit.click(function(){o="exitOnly",a.$modal.modal("hide")}),a.$buttonSave.click(function(){var e,t;$("#google-options").collapse("hide"),e=m(),(t=JSON.parse(r.get(a.props.cookieConsentName))).analysis=e.analysis,t.personalization=e.personalization,r.set(a.props.cookieConsentName,JSON.stringify(t),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),r.set(a.props.cookieName,JSON.stringify(e),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),a.$modal.modal("hide"),g(),o="process"}),a.$buttonAgreeAll.click(function(){$("#google-options").collapse("hide"),h(),o="process"}),a.$modal.modal("show")}).fail(function(){n.error("\nloading translator dialog (modal): failed"),n.warn("\nprobably no|wrong `contentURL` set")})}}.bind(this))}function g(){var o=a.getSettings();if(o)for(var e in o){a.$modal.find("#google-options .translator-option[data-name="+e+'] input[type="checkbox"]').prop("checked",o[e])}}function u(){s?(a.$buttonDoNotAgree.hide(),a.$buttonAgree.hide(),a.$buttonSave.show(),a.$buttonAgreeAll.show()):(a.$buttonDoNotAgree.show(),a.$buttonAgree.show(),a.$buttonSave.hide(),a.$buttonAgreeAll.hide())}function m(o){for(var e=a.$modal.find("#google-options .translator-option"),t={},n=0;n<e.length;n++){var i=e[n],s=i.getAttribute("data-name");if("necessary"===s)t[s]=!0;else if(void 0===o){var r=$(i).find('input[type="checkbox"]');t[s]=r.prop("checked")}else t[s]=!!o}return t}function h(){var o=JSON.parse(r.get(a.props.cookieConsentName)),e=JSON.parse(r.get(a.props.cookieName));e.analysis=!0,e.personalization=!0,e.translationEnabled=!0,o.analysis=e.analysis,o.personalization=e.personalization,r.set(a.props.cookieConsentName,JSON.stringify(o),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),r.set(a.props.cookieName,JSON.stringify(e),a.props.cookieStorageDays,a.props.cookieSameSite,a.props.cookieDomain,a.props.cookieSecure),a.$modal.modal("hide")}this.showDialog=function(){c()},this.getSettings=function(o){if(r.get(a.props.cookieName)){var e=JSON.parse(r.get(a.props.cookieName));return void 0===o?e:!!e&&e[o]}},n.info("\ninitializing core module finished"),n.debug("\nstate: finished")}
+
+"use strict";function Translator(o){var e,a,t=this,n=log4javascript.getLogger("j1.core.translator"),i=!!new liteURL(window.location.href).protocol.includes("https"),r=(navigator.language||navigator.userLanguage,!1),s={},l={set:function(o,e,a,t,n,i){var r=window.btoa(e),s="; expires=Thu, 01 Jan 1970 00:00:00 UTC";if(a>0){var l=new Date;l.setTime(l.getTime()+24*a*60*60*1e3),s="; expires="+l.toUTCString()}document.cookie=i?n?o+"="+(r||"")+s+"; Path=/; SameSite="+t+"; Domain="+n+"; Secure="+i+";":o+"="+(r||"")+s+"; Path=/; SameSite="+t+"; Secure="+i+";":n?o+"="+(r||"")+s+"; Path=/; SameSite="+t+";Domain="+n+"; ":o+"="+(r||"")+s+"; Path=/; SameSite="+t+";"},get:function(o){for(var e=o+"=",a=document.cookie.split(";"),t=0;t<a.length;t++){for(var n=a[t];" "===n.charAt(0);)n=n.substring(1,n.length);if(0===n.indexOf(e)){var i=n.substring(e.length,n.length);return window.atob(i)}}}};for(var p in s.props={contentURL:"/assets/data/translator",translatorLanguagesFile:"/assets/data/iso-639-language-codes-flags.json",translatorLanguages:"translator-languages",cookieName:"j1.user.state",cookieConsentName:"j1.user.consent",cookieStorageDays:365,cookieSameSite:"Lax",cookieSecure:i,translationEnabled:!1,disableLanguageSelector:!1,translatorName:"google",translationLanguages:"all",translationLanguage:"auto",translateAllPages:!0,hideSuggestionBox:!0,hidePoweredBy:!0,hideTopFrame:!0,dialogLanguage:"auto",dialogLanguages:["en","de"],dialogContainerID:"translator-modal",xhrDataElement:"",postSelectionCallback:""},o)s.props[p]=o[p];-1!==s.props.dialogLanguage.indexOf("-")&&(s.props.dialogLanguage=s.props.dialogLanguage.split("-")[0]),s.props.dialogLanguages.includes(s.props.dialogLanguage)||(s.props.dialogLanguage="en"),s.props.xhrDataElement=s.props.xhrDataElement+"-"+s.props.dialogLanguage,n.info("\ninitializing core module: started"),n.debug("\nstate: started");l.get(s.props.cookieName)||(n.info("\ninitializing translator cookie: "+s.props.cookieName),l.set(s.props.cookieName,JSON.stringify({translatorName:"google",translationEnabled:!1,translateAllPages:!0,useLanguageFromBrowser:!0,translationLanguage:"de",analysis:!0,personalization:!0}),s.props.cookieStorageDays,s.props.cookieSameSite,s.props.cookieDomain,s.props.cookieSecure));var d=function(o){"loading"!==document.readyState?o():document.addEventListener("DOMContentLoaded",o)};function c(){var o={},e=!1,a=0,t=arguments.length;"[object Boolean]"===Object.prototype.toString.call(arguments[0])&&(e=arguments[0],a++);for(var n=function(a){for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e&&"[object Object]"===Object.prototype.toString.call(a[t])?o[t]=c(!0,o[t],a[t]):o[t]=a[t])};a<t;a++){n(arguments[a])}return o}function g(o){var e,a=c({size:0,width:250,multiple:!1,selectedIndex:1,enableAutoFilter:!1,visibleRows:null},o);e="#"+a.selector,$.ajax({url:a.url,dataType:"json",success:function(o){var t=[];if(s.props.translationLanguages.includes("all"))t=o[a.elm];else for(var n=0;n<o[a.elm].length;n++)s.props.translationLanguages.includes(o[a.elm][n].value)&&t.push(o[a.elm][n]);a.visibleRows>t.length&&(a.visibleRows=t.length),void 0===$("#dropdownJSON")[0].msDropdown&&MsDropdown.make(e,{byJson:{data:t,name:a.name,size:a.size,width:a.width,multiple:a.multiple},enableAutoFilter:a.enableAutoFilter,visibleRows:a.visibleRows})},error:function(o,e,t){n.error("\nfailed to retrieve JSON data from: "+a.url)}})}function u(){var o="none";d(function(){if(t.modal=document.getElementById(s.props.dialogContainerID),t.modal)t.$modal.modal("show");else{n.info("\nload consent modal"),t.modal=document.createElement("div"),t.modal.id=s.props.dialogContainerID,t.modal.style.display="none",t.modal.setAttribute("class","modal fade"),t.modal.setAttribute("tabindex","-1"),t.modal.setAttribute("role","dialog"),t.modal.setAttribute("aria-labelledby",s.props.dialogContainerID),document.body.append(t.modal),t.$modal=$(t.modal),t.$modal.on("show.bs.modal",(function(){n.debug("\nshow.bs.modal: entered"),$.when(g({url:s.props.translatorLanguagesFile,elm:s.props.translatorLanguages,selector:"dropdownJSON",width:400,visibleRows:8})).then((function(o){n.info("\ncreating msDropdown from JSON data: finished")}))})),t.$modal.on("shown.bs.modal",(function(){var o,i;i=setInterval((function(){void 0!==document.getElementById("dropdownJSON").msDropdown&&((o=document.getElementById("dropdownJSON").msDropdown).length?("auto"===s.props.translationLanguage?(e=navigator.language||navigator.userLanguage,a=e.split("-")[0]):a=s.props.translationLanguage,o.selectedIndex=$("#dropdownJSON option[value="+a+"]").index(),s.props.disableLanguageSelector&&(o.disabled=!0),$("#dropdownJSON").show(),$("body").addClass("stop-scrolling"),n.info("\nmsDropdown successfully loaded in translation dialog"),clearInterval(i)):(n.error("\nno msDropdown found in translation dialog"),t.$modal.hide()))}),10)})),t.$modal.on("hidden.bs.modal",(function(){$("body").removeClass("stop-scrolling"),function(o,e){for(var a=Array.prototype.slice.call(arguments,2),t=o.split("."),n=t.pop(),i=0;i<t.length;i++)e=e[t[i]];e[n].apply(e,a)}(s.props.postSelectionCallback,window,o)}));var i=s.props.contentURL+"/index.html";$.get(i).done((function(e){n.info("\nloading consent modal: successfully"),t.modal.innerHTML=e,t.modal.innerHTML=$("#"+s.props.xhrDataElement).eq(0).html(),t.modal.style.display="block",$(t.modal).modal({backdrop:"static",keyboard:!1}),t.$buttonDoNotAgree=$("#translator-buttonDoNotAgree"),t.$buttonAgree=$("#translator-buttonAgree"),t.$buttonExit=$("#translator-buttonExit"),t.$buttonSave=$("#translator-buttonSave"),t.$buttonAgreeAll=$("#translator-buttonAgreeAll"),n.info("\nload/initialze options from cookie"),f(),m(),$("#google-options").on("hide.bs.collapse",(function(){r=!1,f()})).on("show.bs.collapse",(function(){r=!0,f()})),n.info("\ninitialze button event handler"),t.$buttonDoNotAgree.click((function(){var e;(e=b()).translationEnabled=!1,l.set(s.props.cookieName,JSON.stringify(e),s.props.cookieStorageDays,s.props.cookieSameSite,s.props.cookieDomain,s.props.cookieSecure),t.$modal.modal("hide"),o="process"})),t.$buttonAgree.click((function(){h(),o="process"})),t.$buttonExit.click((function(){o="exitOnly",t.$modal.modal("hide")})),t.$buttonSave.click((function(){var e,a;$("#google-options").collapse("hide"),e=b(),(a=JSON.parse(l.get(s.props.cookieConsentName))).analysis=e.analysis,a.personalization=e.personalization,l.set(s.props.cookieConsentName,JSON.stringify(a),s.props.cookieStorageDays,s.props.cookieSameSite,s.props.cookieDomain,s.props.cookieSecure),l.set(s.props.cookieName,JSON.stringify(e),s.props.cookieStorageDays,s.props.cookieSameSite,s.props.cookieDomain,s.props.cookieSecure),t.$modal.modal("hide"),m(),o="process"})),t.$buttonAgreeAll.click((function(){$("#google-options").collapse("hide"),h(),o="process"})),t.$modal.modal("show")})).fail((function(){n.error("\nloading translator dialog (modal): failed"),n.warn("\nprobably no|wrong `contentURL` set")}))}}.bind(this))}function m(){var o=t.getSettings();if(o)for(var e in o){t.$modal.find("#google-options .translator-option[data-name="+e+'] input[type="checkbox"]').prop("checked",o[e])}}function f(){r?(t.$buttonDoNotAgree.hide(),t.$buttonAgree.hide(),t.$buttonSave.show(),t.$buttonAgreeAll.show()):(t.$buttonDoNotAgree.show(),t.$buttonAgree.show(),t.$buttonSave.hide(),t.$buttonAgreeAll.hide())}function b(o){for(var e=t.$modal.find("#google-options .translator-option"),a={},n=0;n<e.length;n++){var i=e[n],r=i.getAttribute("data-name");if("necessary"===r)a[r]=!0;else if(void 0===o){var s=$(i).find('input[type="checkbox"]');a[r]=s.prop("checked")}else a[r]=!!o}return a}function h(){var o=JSON.parse(l.get(s.props.cookieConsentName)),e=JSON.parse(l.get(s.props.cookieName));e.analysis=!0,e.personalization=!0,e.translationEnabled=!0,o.analysis=e.analysis,o.personalization=e.personalization,l.set(s.props.cookieConsentName,JSON.stringify(o),s.props.cookieStorageDays,s.props.cookieSameSite,s.props.cookieDomain,s.props.cookieSecure),l.set(s.props.cookieName,JSON.stringify(e),s.props.cookieStorageDays,s.props.cookieSameSite,s.props.cookieDomain,s.props.cookieSecure),t.$modal.modal("hide")}this.showDialog=function(){u()},this.getSettings=function(o){if(l.get(s.props.cookieName)){var e=JSON.parse(l.get(s.props.cookieName));return void 0===o?e:!!e&&e[o]}},n.info("\ninitializing core module finished"),n.debug("\nstate: finished")}

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2024.1.0'
+  VERSION = '2024.1.1'
 end

data/lib/starter_web/README.md

@@ -379,7 +379,7 @@ This command creates a **initial** project in folder **my-starter**.
   2023-02-28 18:12:12 - GENERATE: Resolving dependencies...
   2023-02-28 18:12:12 - GENERATE: Using bundler 2.3.7
   ...
-  2023-02-28 18:12:12 - GENERATE: Using j1-template 2024.1.0
+  2023-02-28 18:12:12 - GENERATE: Using j1-template 2024.1.1
   2023-02-28 18:12:12 - GENERATE: Bundle complete! 31 Gemfile dependencies, 78 gems now installed.
   2023-02-28 18:12:12 - GENERATE: Bundled gems are installed into `../../.gem`
   2023-02-28 18:12:12 - GENERATE:  C:/Users/xxx/.gem/ruby/3.1.0;C:/DevTools/Ruby31-x64/lib/ruby/gems/3.1.0;
@@ -415,7 +415,7 @@ commands are available as well.
   2023-02-28 18:17:48 - SETUP: Initialize the project ...
   2023-02-28 18:17:48 - SETUP: Be patient, this will take a while ...
   2023-02-28 18:17:49 - SETUP:
-  2023-02-28 18:17:49 - SETUP: > j1@2024.1.0 setup C:\Users\xxx\j1-projects\my-starter
+  2023-02-28 18:17:49 - SETUP: > j1@2024.1.1 setup C:\Users\xxx\j1-projects\my-starter
   2023-02-28 18:17:49 - SETUP: > npm --silent run setup-start && npm --silent run setup-base && run-s -s setup:*
   2023-02-28 18:17:49 - SETUP:
   2023-02-28 18:17:50 - SETUP: Setup project for first use ..
@@ -460,7 +460,7 @@ browser. Let's start the journey ...
   Check setup state of the J1 project ...
   2023-02-28 18:26:18 - SITE: Starting up your site ...
   2023-02-28 18:26:18 - SITE:
-  2023-02-28 18:26:18 - SITE: > j1@2024.1.0 j1-site C:\Users\jadams\j1-projects\my-starter
+  2023-02-28 18:26:18 - SITE: > j1@2024.1.1 j1-site C:\Users\jadams\j1-projects\my-starter
   2023-02-28 18:26:18 - SITE: > run-p -s j1-site:*
   2023-02-28 18:26:18 - SITE:
   2023-02-28 18:26:20 - SITE: Startup UTILSRV ..
@@ -499,7 +499,7 @@ Check setup state of the J1 project ...
 REBUILD: Rebuild the projects website ...
 REBUILD: Be patient, this will take a while ...
 2023-02-28 18:45:09 - REBUILD:
-2023-02-28 18:45:09 - REBUILD: > j1@2024.1.0 rebuild C:\Users\xxx\j1-projects\my-starter
+2023-02-28 18:45:09 - REBUILD: > j1@2024.1.1 rebuild C:\Users\xxx\j1-projects\my-starter
 2023-02-28 18:45:09 - REBUILD: > run-s -s rebuild:* && run-s -s post-rebuild:*
 2023-02-28 18:45:09 - REBUILD:
 2023-02-28 18:45:10 - REBUILD: Rebuild site incremental ..
@@ -547,7 +547,7 @@ using Lerna for all packages:
   2023-02-28 18:29:07 - RESET: Reset the project to factory state ...
   2023-02-28 18:29:07 - RESET: Be patient, this will take a while ...
   2023-02-28 18:29:08 - RESET:
-  2023-02-28 18:29:08 - RESET: > j1@2024.1.0 reset C:\Users\xxx\j1-projects\my-starter
+  2023-02-28 18:29:08 - RESET: > j1@2024.1.1 reset C:\Users\xxx\j1-projects\my-starter
   2023-02-28 18:29:08 - RESET: > run-s -s reset:*
   2023-02-28 18:29:08 - RESET:
   2023-02-28 18:29:08 - RESET: Reset project to factory state ..

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            development
 # ------------------------------------------------------------------------------
 # Sets the build version of the site
 #
-version:                                2024.1.0
+version:                                2024.1.1
 
 # copyright
 # ------------------------------------------------------------------------------

data/lib/starter_web/_data/blocks/banner.yml

@@ -203,7 +203,7 @@ settings:
             card:
               enabled:                  true
               type:                     quote
-#             cite:                     J1 Team
+              cite:                     J1 Team
               cite_text_size:           300%
               cite_text_quotes:         false
               cite_text: >

data/lib/starter_web/_data/layouts/collection.yml

@@ -55,14 +55,14 @@
 #   values:           head|body-navigation|body-header|body-main|body-footer
 #   default:          no defaults
 #
-#   type
+#   type (required)
 #   ----------------------------------------------------------------------------
-#   The (HTML) content of a lane can be included (from an include file) or
-#   loaded asychronously from a HTML data file by AJAX (get|load) calls.
-#   J1 Theme is using jQuery as an interface to AJAX calls.
+#   The (HTML) content of a lane can be passed from an included HTML template
+#   file or loaded asychronously at runtime from HTML data files by AJAX
+#   calls for dynamic HTML pages.
 #
-#   values:           include|load
-#   default:          no defaults
+#     values:                           sync|async
+#     default:                          no default
 #
 #   source
 #   ----------------------------------------------------------------------------

data/lib/starter_web/_data/layouts/default.yml

@@ -54,14 +54,14 @@
 #   values:           head|body-navigation|body-header|body-main|body-footer
 #   default:          no defaults
 #
-#   type
+#   type (required)
 #   ----------------------------------------------------------------------------
-#   The (HTML) content of a lane can be included (from an include file) or
-#   loaded asychronously from a HTML data file by AJAX (get|load) calls.
-#   J1 Theme is using jQuery as an interface to AJAX calls.
+#   The (HTML) content of a lane can be passed from an included HTML template
+#   file or loaded asychronously at runtime from HTML data files by AJAX
+#   calls for dynamic HTML pages.
 #
-#   values:           include|load
-#   default:          no defaults
+#     values:                           sync|async
+#     default:                          no default
 #
 #   source
 #   ----------------------------------------------------------------------------

data/lib/starter_web/_data/layouts/home.yml

@@ -78,7 +78,7 @@
 #   type (required)
 #   ----------------------------------------------------------------------------
 #   The (HTML) content of a lane can be passed from an included HTML template
-#   file or loaded asychronously at runtime from HTML data files by AJAX
+#   file (sync) or loaded asychronously at runtime from HTML data files by AJAX
 #   calls for dynamic HTML pages.
 #
 #     values:                           sync|async
@@ -381,7 +381,7 @@ lanes:
   # ----------------------------------------------------------------------------
   #
   - lane:
-      enabled:                          false
+      enabled:                          true
       id:                               banner_home_parallax
       region:                           body-main
       type:                             async

data/lib/starter_web/_data/layouts/news_panel_posts.yml

@@ -55,14 +55,14 @@
 #   values:           head|body-navigation|body-header|body-main|body-footer
 #   default:          no defaults
 #
-#   type
+#   type (required)
 #   ----------------------------------------------------------------------------
-#   The (HTML) content of a lane can be included (from an include file) or
-#   loaded asychronously from a HTML data file by AJAX (get|load) calls.
-#   J1 Theme is using jQuery as an interface to AJAX calls.
+#   The (HTML) content of a lane can be passed from an included HTML template
+#   file or loaded asychronously at runtime from HTML data files by AJAX
+#   calls for dynamic HTML pages.
 #
-#   values:           include|load
-#   default:          no defaults
+#     values:                           sync|async
+#     default:                          no default
 #
 #   source
 #   ----------------------------------------------------------------------------

data/lib/starter_web/_data/layouts/page.yml

@@ -55,14 +55,14 @@
 #   values:           head|body-navigation|body-header|body-main|body-footer
 #   default:          no defaults
 #
-#   type
+#   type (required)
 #   ----------------------------------------------------------------------------
-#   The (HTML) content of a lane can be included (from an include file) or
-#   loaded asychronously from a HTML data file by AJAX (get|load) calls.
-#   J1 Theme is using jQuery as an interface to AJAX calls.
+#   The (HTML) content of a lane can be passed from an included HTML template
+#   file or loaded asychronously at runtime from HTML data files by AJAX
+#   calls for dynamic HTML pages.
 #
-#   values:           include|load
-#   default:          no defaults
+#     values:                           sync|async
+#     default:                          no default
 #
 #   source
 #   ----------------------------------------------------------------------------

data/lib/starter_web/_data/layouts/post.yml

@@ -55,14 +55,14 @@
 #   values:           head|body-navigation|body-header|body-main|body-footer
 #   default:          no defaults
 #
-#   type
+#   type (required)
 #   ----------------------------------------------------------------------------
-#   The (HTML) content of a lane can be included (from an include file) or
-#   loaded asychronously from a HTML data file by AJAX (get|load) calls.
-#   J1 Theme is using jQuery as an interface to AJAX calls.
+#   The (HTML) content of a lane can be passed from an included HTML template
+#   file or loaded asychronously at runtime from HTML data files by AJAX
+#   calls for dynamic HTML pages.
 #
-#   values:           include|load
-#   default:          no defaults
+#     values:                           sync|async
+#     default:                          no default
 #
 #   source
 #   ----------------------------------------------------------------------------

data/lib/starter_web/_data/layouts/raw.yml

@@ -55,14 +55,14 @@
 #   values:           head|body-navigation|body-header|body-main|body-footer
 #   default:          no defaults
 #
-#   type
+#   type (required)
 #   ----------------------------------------------------------------------------
-#   The (HTML) content of a lane can be included (from an include file) or
-#   loaded asychronously from a HTML data file by AJAX (get|load) calls.
-#   J1 Theme is using jQuery as an interface to AJAX calls.
+#   The (HTML) content of a lane can be passed from an included HTML template
+#   file or loaded asychronously at runtime from HTML data files by AJAX
+#   calls for dynamic HTML pages.
 #
-#   values:           include|load
-#   default:          no defaults
+#     values:                           sync|async
+#     default:                          no default
 #
 #   source
 #   ----------------------------------------------------------------------------

data/lib/starter_web/_data/modules/analytics.yml

@@ -23,7 +23,7 @@ description:
 # User configuration settings
 #
 settings:
-  enabled:                              true
+  enabled:                              false
   skipAllHosts:                         localhost, 127.0.0.1
   trackingID:                           <your-tracking-id>