j1-template 2021.2.2 → 2021.2.6

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

@@ -0,0 +1,586 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/translator/js/translator.js
+ # Provides JS Core functions|API for J1 Module Translator
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2021 Juergen Adams
+ #
+ #  J1 Template is licensed under MIT License.
+ #  See: https://github.com/jekyll-one/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+'use strict';
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+/* eslint no-unused-vars: "off"                                               */
+/* eslint no-undef: "off"                                                     */
+/* eslint no-redeclare: "off"                                                 */
+/* eslint indent: "off"                                                       */
+/* eslint JSUnfilteredForInLoop: "off"                                        */
+// -----------------------------------------------------------------------------
+
+function Translator(props) {
+
+  // ---------------------------------------------------------------------------
+  // global vars
+  // ---------------------------------------------------------------------------
+  var self                  = this;
+  var logger                = log4javascript.getLogger('j1.core.translator');
+  var pageURL               = new liteURL(window.location.href);
+  var cookieSecure          = (pageURL.protocol.includes('https')) ? true : false;
+  var detailedSettingsShown = false;
+  var navigator_language;
+  var translation_language;
+
+  // ---------------------------------------------------------------------------
+  // 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:             'Strict',                                       // 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
+  };
+
+  // merge properties from default|module
+  for (var property in props) {
+    this.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];
+  }
+
+  // fallback on default language (modal) if dialogLanguage not suppported
+  if (!this.props.dialogLanguages.includes(this.props.dialogLanguage)) {
+    this.props.dialogLanguage = this.props.dialogLanguages[0];
+  }
+
+  // set the xhrDataElement of the modal loadad based on dialogLanguage
+  this.props.xhrDataElement = this.props.xhrDataElement + '-' + this.props.dialogLanguage;
+
+  logger.info('\n' + 'initializing core module: started');
+  logger.info('\n' + 'state: started');
+
+  // ---------------------------------------------------------------------------
+  // internal functions
+  // ---------------------------------------------------------------------------
+
+  // ---------------------------------------------------------------------------
+  // Cookie()
+  // manage cookies
+  // ---------------------------------------------------------------------------
+  var Cookie = {
+    set: function (name, value, days, samesite, secure) {
+      var value_encoded = window.btoa(value);
+      var expires = '';
+      if (days) {
+        var date = new Date();
+        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+        expires = '; expires=' + date.toUTCString();
+      }
+      if (secure) {
+        document.cookie = name + '=' + (value_encoded || '') + expires + '; Path=/; SameSite=' + samesite + '; ' + 'secure=' + secure + ';';
+      } else {
+        document.cookie = name + '=' + (value_encoded || '') + expires + '; Path=/; SameSite=' + samesite + ';';
+      }
+    },
+    get: function (name) {
+    var nameEQ = name + '=';
+    var ca = document.cookie.split(';');
+    for (var i = 0; i < ca.length; i++) {
+      var c = ca[i];
+      while (c.charAt(0) === ' ') {
+        c = c.substring(1, c.length);
+      }
+      if (c.indexOf(nameEQ) === 0) {
+        var value_encoded = c.substring(nameEQ.length, c.length);
+        var value         = window.atob(value_encoded);
+        return value;
+      }
+    }
+    return undefined;
+    }
+  };
+
+  // ---------------------------------------------------------------------------
+  // global event handler
+  // ---------------------------------------------------------------------------
+  var Events = {
+    documentReady: function (onDocumentReady) {
+      if (document.readyState !== 'loading') {
+        onDocumentReady();
+      } else {
+        document.addEventListener('DOMContentLoaded', onDocumentReady);
+      }
+    }
+  };
+
+  // ---------------------------------------------------------------------------
+  // extend()
+  // deep merge of two objects
+  // ---------------------------------------------------------------------------
+  function extend () {
+    var extended = {};
+    var deep = false;
+    var i = 0;
+    var length = arguments.length;
+
+    // Check if a deep merge
+    if ( Object.prototype.toString.call( arguments[0] ) === '[object Boolean]' ) {
+        deep = arguments[0];
+        i++;
+    }
+
+    // Merge the object into the extended object
+    var merge = function (obj) {
+        for ( var prop in obj ) {
+            if ( Object.prototype.hasOwnProperty.call( obj, prop ) ) {
+                // If deep merge and property is an object, merge properties
+                if ( deep && Object.prototype.toString.call(obj[prop]) === '[object Object]' ) {
+                    extended[prop] = extend( true, extended[prop], obj[prop] );
+                } else {
+                    extended[prop] = obj[prop];
+                }
+            }
+        }
+    };
+
+    // Loop through each object and conduct a merge
+    for ( ; i < length; i++ ) {
+        var obj = arguments[i];
+        merge(obj);
+     }
+           return extended;
+  }
+
+  // ---------------------------------------------------------------------------
+  // executeFunctionByName()
+  // execute a function by NAME (functionName) in a browser context
+  // (e.g. window) the function is published
+  // ---------------------------------------------------------------------------
+  function executeFunctionByName (functionName, context /*, args */) {
+    var args = Array.prototype.slice.call(arguments, 2);
+    var namespaces = functionName.split('.');
+    var func = namespaces.pop();
+    for(var i = 0; i < namespaces.length; i++) {
+      context = context[namespaces[i]];
+    }
+    return context[func].apply(context, args);
+  }
+
+  // ---------------------------------------------------------------------------
+  // createMsDropdownFromJSON()
+  // Create a msDropdown select DYNAMICALLY from JSON data located in a file
+  // specified by "url". The JSON file contaians mutiple msDropdown elements
+  // selected by "elm". The base (empty) <div> container the msDropdown will
+  // be created is specified by theID given by "selector".
+  // ---------------------------------------------------------------------------
+  function createMsDropdownFromJSON (options /* url, elm, selector */) {
+    var selectorID;
+
+    // -----------------------------------------------------------------------
+    // Merge values from defaults|options
+    // -----------------------------------------------------------------------
+    var settings = extend ({
+      size:   0,
+      width:  250,
+      multiple: false,
+      selectedIndex: 1,
+      enableAutoFilter: false,
+      visibleRows: null,
+    }, options);
+
+    selectorID = '#' + settings.selector;
+
+    $.ajax({
+      url: settings.url,
+      dataType: 'json',
+      success: function (data) {
+        var dropdownLanguages = [];
+
+        // collect translation languages
+        if (self.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]);
+            }
+          }
+        }
+
+        // correct rows of the dropdown if required
+        if (settings.visibleRows > dropdownLanguages.length) {
+          settings.visibleRows = dropdownLanguages.length;
+        }
+
+        // create the dropdown
+        MsDropdown.make(selectorID, {
+          byJson: {
+            data: dropdownLanguages,
+            name: settings.name,
+            size: settings.size,
+            width: settings.width,
+            multiple: settings.multiple,
+          },
+          enableAutoFilter: settings.enableAutoFilter,
+          visibleRows: settings.visibleRows,
+        });
+      },
+      error: function (jqXHR, textStatus, errorThrown) {
+        logger.error('\n' + 'failed to retrieve JSON data from: ' + settings.url);
+      }
+    });
+  }
+
+  // ---------------------------------------------------------------------------
+  // showDialog
+  // Show|Create the translation dialog (modal)
+  // ---------------------------------------------------------------------------
+  function showDialog() {
+    Events.documentReady(function () {
+
+      self.modal = document.getElementById(self.props.dialogContainerID);
+      if (!self.modal) {
+        logger.info('\n' +  'load consent modal');
+        self.modal = document.createElement('div');
+        self.modal.id = self.props.dialogContainerID;
+        self.modal.setAttribute('class', 'modal fade');
+        self.modal.setAttribute('tabindex', '-1');
+        self.modal.setAttribute('role', 'dialog');
+        self.modal.setAttribute('aria-labelledby', self.props.dialogContainerID);
+        document.body.append(self.modal);
+        self.$modal = $(self.modal);
+
+        // ---------------------------------------------------------------------
+        // register events for the dialog (modal)
+        // ---------------------------------------------------------------------
+
+        // ---------------------------------------------------------------------
+        // on 'show'
+        // ---------------------------------------------------------------------
+        self.$modal.on('show.bs.modal', function () {
+          var msDropdownJSON;
+          var index;
+
+          logger.info('\n' + 'show.bs.modal: entered');
+
+          // create msDropdown from JSON data
+          $.when (
+            createMsDropdownFromJSON({
+              url:                '/assets/data/iso-639-language-codes-flags.json',
+              elm:                'iso-639-languages',
+              selector:           'dropdownJSON',
+              width:              400,
+              visibleRows:        8,
+            })
+          )
+          .then(function(data) {
+            logger.info('\n' + 'creating msDropdown from JSON data: finished');
+          });
+        }); // END modal on 'show'
+
+        // ---------------------------------------------------------------------
+        // on 'shown'
+        // ---------------------------------------------------------------------
+        self.$modal.on('shown.bs.modal', function () {
+          var msDropdownJSON = document.getElementById('dropdownJSON').msDropdown;
+
+          if (!msDropdownJSON.length) {
+            // critical error
+            logger.error('\n' + 'no msDropdown found in translation dialog');
+            self.$modal.hide();
+          } else {
+            // set translation language for auto detection
+            if (self.props.translationLanguage === 'auto') {
+              navigator_language    = navigator.language || navigator.userLanguage;
+              translation_language  = navigator_language.split('-')[0];
+            }
+
+            // set translation language for the dropdown
+            msDropdownJSON.selectedIndex = $('#dropdownJSON option[value=' +  translation_language + ']').index();;
+
+            // disable translation language selection
+            if (self.props.disableLanguageSelector) {
+              msDropdownJSON.disabled = true;
+            }
+
+            $('#dropdownJSON').show();
+
+            // jadams, 2021-10-18: added stop scrolling on the body,
+            // if modal is OPEN
+            $('body').addClass('stop-scrolling');
+
+          }
+
+        }); // END modal on 'shown'
+
+        // ---------------------------------------------------------------------
+        // on 'hidden'
+        // ---------------------------------------------------------------------
+        self.$modal.on('hidden.bs.modal', function () {
+          $('body').removeClass('stop-scrolling');
+          // run the postSelectionCallback for (final) translation
+          executeFunctionByName (self.props.postSelectionCallback, window);
+        }); // END modal on 'hidden'
+
+        // ---------------------------------------------------------------------
+        // load the dialog (modal content)
+        // ---------------------------------------------------------------------
+        var templateUrl = self.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).modal({
+            backdrop: 'static',
+            keyboard: false
+          });
+
+          self.$buttonDoNotAgree = $('#translator-buttonDoNotAgree');
+          self.$buttonAgree      = $('#translator-buttonAgree');
+          self.$buttonSave       = $('#translator-buttonSave');
+          self.$buttonAgreeAll   = $('#translator-buttonAgreeAll');
+
+          logger.info('\n' + 'load/initialze options from cookie');
+          updateButtons();
+          updateOptionsFromCookie();
+
+          // -------------------------------------------------------------------
+          // register button events for the dialog (modal)
+          // -------------------------------------------------------------------
+          $('#google-options').on('hide.bs.collapse', function () {
+            detailedSettingsShown = false;
+            updateButtons();
+          }).on('show.bs.collapse', function () {
+            detailedSettingsShown = true;
+            updateButtons();
+          });
+
+          logger.info('\n' + 'initialze button event handler');
+
+          self.$buttonDoNotAgree.click(function () {
+            doNotAgree();
+          });
+          self.$buttonAgree.click(function () {
+            agreeAll();
+          });
+          self.$buttonSave.click(function () {
+            $('#google-options').collapse('hide');
+            saveSettings();
+            updateOptionsFromCookie();
+          });
+          self.$buttonAgreeAll.click(function () {
+            $('#google-options').collapse('hide');
+            agreeAll();
+          });
+        })
+        .fail(function () {
+          logger.error('\n' + 'loading translator dialog (modal): failed');
+          logger.warn('\n' + 'probably no|wrong `contentURL` set');
+        });
+      } else {
+        self.$modal.modal('show');
+      }
+    }.bind(this));
+  }
+
+  // ---------------------------------------------------------------------------
+  // updateOptionsFromCookie()
+  // update all checkboxes in dialog (modal) from current cookie settings
+  // ---------------------------------------------------------------------------
+  function updateOptionsFromCookie() {
+    var settings = self.getSettings();
+    if (settings) {
+      for (var setting in settings) {
+        var $checkbox = self.$modal.find('#google-options .translator-option[data-name=' + setting + '] input[type="checkbox"]');
+        $checkbox.prop('checked', settings[setting]);
+      }
+    }
+  }
+
+  // ---------------------------------------------------------------------------
+  // updateButtons()
+  // toggle dialog (modal) buttons
+  // ---------------------------------------------------------------------------
+  function updateButtons() {
+    if (detailedSettingsShown) {
+      self.$buttonDoNotAgree.hide();
+      self.$buttonAgree.hide();
+      self.$buttonSave.show();
+      self.$buttonAgreeAll.show();
+    } else {
+      self.$buttonDoNotAgree.show();
+      self.$buttonAgree.show();
+      self.$buttonSave.hide();
+      self.$buttonAgreeAll.hide();
+    }
+  }
+
+  // ---------------------------------------------------------------------------
+  // gatherOptions()
+  // collect current settings from all checkboxes in dialog (modal)
+  // ---------------------------------------------------------------------------
+  function gatherOptions(setAllExceptNecessary) {
+    var $options = self.$modal.find('#google-options .translator-option');
+    var options = {};
+    for (var i = 0; i < $options.length; i++) {
+      var option = $options[i];
+      var name = option.getAttribute('data-name');
+      if (name === 'necessary') {
+        options[name] = true;
+      } else if (setAllExceptNecessary === undefined) {
+        var $checkbox = $(option).find('input[type="checkbox"]');
+        options[name] = $checkbox.prop('checked');
+      } else {
+        options[name] = !!setAllExceptNecessary;
+      }
+    }
+    return options;
+  }
+
+  // ---------------------------------------------------------------------------
+  // agreeAll()
+  // process current settings from checkboxes for button `agreeAll`
+  // ---------------------------------------------------------------------------
+  function agreeAll() {
+    var settings;
+    var consentSettings = {};
+
+    settings                        = gatherOptions();
+    consentSettings                 = JSON.parse(Cookie.get(self.props.cookieConsentName));
+    consentSettings.analysis        = settings.analysis;
+    consentSettings.personalization = settings.personalization;
+
+    Cookie.set(
+      self.props.cookieConsentName,
+      JSON.stringify(consentSettings),
+      self.props.cookieStorageDays,
+      self.props.sameSite,
+      self.props.secure
+    );
+    Cookie.set(
+      self.props.cookieName,
+      JSON.stringify(gatherOptions(true)),
+      self.props.cookieStorageDays,
+      self.props.sameSite,
+      self.props.secure
+    );
+
+    self.$modal.modal('hide');
+  }
+
+  // ---------------------------------------------------------------------------
+  // doNotAgree()
+  // process current settings from checkboxes for button `doNotAgree`
+  // ---------------------------------------------------------------------------
+  function doNotAgree() {
+    var settings = gatherOptions();
+
+    settings.translationEnabled = false;
+    Cookie.set(
+      self.props.cookieName,
+      JSON.stringify(settings),
+      self.props.cookieStorageDays,
+      self.props.sameSite,
+      self.props.secure
+    );
+    self.$modal.modal('hide');
+  }
+
+  // ---------------------------------------------------------------------------
+  // saveSettings()
+  // write current settings from checkboxes to cookie
+  // ---------------------------------------------------------------------------
+  function saveSettings() {
+    var settings;
+    var consentSettings = {};
+
+    // update all cookies required for (google-)translation
+    //
+    settings                        = gatherOptions();
+    consentSettings                 = JSON.parse(Cookie.get(self.props.cookieConsentName));
+    consentSettings.analysis        = settings.analysis;
+    consentSettings.personalization = settings.personalization;
+
+    Cookie.set(
+      self.props.cookieConsentName,
+      JSON.stringify(consentSettings),
+      self.props.cookieStorageDays,
+      self.props.sameSite,
+      self.props.secure
+    );
+    Cookie.set(
+      self.props.cookieName,
+      JSON.stringify(gatherOptions()),
+      self.props.cookieStorageDays,
+      self.props.sameSite,
+      self.props.secure
+    );
+    self.$modal.modal('hide');
+  }
+
+  // ===========================================================================
+  // API functions
+  // ===========================================================================
+
+  // ---------------------------------------------------------------------------
+  // showDialog()
+  // show the translator dialog (modal)
+  // ---------------------------------------------------------------------------
+  this.showDialog = function () {
+    showDialog();
+  }; // END showDialog
+
+  // ---------------------------------------------------------------------------
+  // getSettings()
+  // collect settings from cookie
+  // ---------------------------------------------------------------------------
+  this.getSettings = function (optionName) {
+    var cookie = Cookie.get(self.props.cookieName);
+    if (cookie) {
+      var settings = JSON.parse(Cookie.get(self.props.cookieName));
+      if (optionName === undefined) {
+          return settings;
+      } else {
+        if (settings) {
+          return settings[optionName];
+        } else {
+          return false;
+        }
+      }
+    } else {
+      return undefined;
+    }
+  }; // END getSettings
+
+  logger.info('\n' + 'initializing core module finished');
+  logger.info('\n' + 'state: finished');
+
+} // END Translator

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

@@ -0,0 +1,15 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/translator/js/translator.min.js
+ # Provides JS Core functions|API for J1 Module Translator
+ #
+ #  Product/Info:
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2021 Juergen Adams
+ #
+ #  J1 Template is licensed under MIT License.
+ #  See: https://github.com/jekyll-one/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+*/
+function Translator(d){var p=this;var u=log4javascript.getLogger("j1.core.translator");var l=new liteURL(window.location.href);var c=(l.protocol.includes("https"))?true:false;var q=false;var g;var s;this.props={contentURL:"/assets/data/translator",cookieName:"j1.user.state",cookieConsentName:"j1.user.consent",cookieStorageDays:365,cookieSameSite:"Strict",cookieSecure:c,translationEnabled:false,disableLanguageSelector:false,translatorName:"google",translationLanguages:"all",translationLanguage:"auto",translateAllPages:true,hideSuggestionBox:true,hidePoweredBy:true,hideTopFrame:true,dialogLanguage:"content",dialogLanguages:["en","de"],dialogContainerID:"translator-modal",xhrDataElement:"",postSelectionCallback:"",};for(var e in d){this.props[e]=d[e]}if(this.props.dialogLanguage.indexOf("-")!==-1){this.props.dialogLanguage=this.props.dialogLanguage.split("-")[0]}if(!this.props.dialogLanguages.includes(this.props.dialogLanguage)){this.props.dialogLanguage=this.props.dialogLanguages[0]}this.props.xhrDataElement=this.props.xhrDataElement+"-"+this.props.dialogLanguage;u.info("\ninitializing core module: started");u.info("\nstate: started");var f={set:function(x,z,C,y,A){var B=window.btoa(z);var v="";if(C){var w=new Date();w.setTime(w.getTime()+(C*24*60*60*1000));v="; expires="+w.toUTCString()}if(A){document.cookie=x+"="+(B||"")+v+"; Path=/; SameSite="+y+"; secure="+A+";"}else{document.cookie=x+"="+(B||"")+v+"; Path=/; SameSite="+y+";"}},get:function(w){var z=w+"=";var v=document.cookie.split(";");for(var x=0;x<v.length;x++){var B=v[x];while(B.charAt(0)===" "){B=B.substring(1,B.length)}if(B.indexOf(z)===0){var A=B.substring(z.length,B.length);var y=window.atob(A);return y}}return undefined}};var n={documentReady:function(v){if(document.readyState!=="loading"){v()}else{document.addEventListener("DOMContentLoaded",v)}}};function t(){var v={};var w=false;var x=0;var y=arguments.length;if(Object.prototype.toString.call(arguments[0])==="[object Boolean]"){w=arguments[0];x++}var A=function(B){for(var C in B){if(Object.prototype.hasOwnProperty.call(B,C)){if(w&&Object.prototype.toString.call(B[C])==="[object Object]"){v[C]=t(true,v[C],B[C])}else{v[C]=B[C]}}}};for(;x<y;x++){var z=arguments[x];A(z)}return v}function h(A,x){var v=Array.prototype.slice.call(arguments,2);var z=A.split(".");var y=z.pop();for(var w=0;w<z.length;w++){x=x[z[w]]}return x[y].apply(x,v)}function j(w){var v;var x=t({size:0,width:250,multiple:false,selectedIndex:1,enableAutoFilter:false,visibleRows:null,},w);v="#"+x.selector;$.ajax({url:x.url,dataType:"json",success:function(A){var z=[];if(p.props.translationLanguages.includes("all")){z=A[x.elm]}else{for(var y=0;y<A[x.elm].length;y++){if(p.props.translationLanguages.includes(A[x.elm][y].value)){z.push(A[x.elm][y])}}}if(x.visibleRows>z.length){x.visibleRows=z.length}MsDropdown.make(v,{byJson:{data:z,name:x.name,size:x.size,width:x.width,multiple:x.multiple,},enableAutoFilter:x.enableAutoFilter,visibleRows:x.visibleRows,})},error:function(y,A,z){u.error("\nfailed to retrieve JSON data from: "+x.url)}})}function m(){n.documentReady(function(){p.modal=document.getElementById(p.props.dialogContainerID);if(!p.modal){u.info("\nload consent modal");p.modal=document.createElement("div");p.modal.id=p.props.dialogContainerID;p.modal.setAttribute("class","modal fade");p.modal.setAttribute("tabindex","-1");p.modal.setAttribute("role","dialog");p.modal.setAttribute("aria-labelledby",p.props.dialogContainerID);document.body.append(p.modal);p.$modal=$(p.modal);p.$modal.on("show.bs.modal",function(){var w;var x;u.info("\nshow.bs.modal: entered");$.when(j({url:"/assets/data/iso-639-language-codes-flags.json",elm:"iso-639-languages",selector:"dropdownJSON",width:400,visibleRows:8,})).then(function(y){u.info("\ncreating msDropdown from JSON data: finished")})});p.$modal.on("shown.bs.modal",function(){var w=document.getElementById("dropdownJSON").msDropdown;if(!w.length){u.error("\nno msDropdown found in translation dialog");p.$modal.hide()}else{if(p.props.translationLanguage==="auto"){g=navigator.language||navigator.userLanguage;s=g.split("-")[0]}w.selectedIndex=$("#dropdownJSON option[value="+s+"]").index();if(p.props.disableLanguageSelector){w.disabled=true}$("#dropdownJSON").show();$("body").addClass("stop-scrolling")}});p.$modal.on("hidden.bs.modal",function(){$("body").removeClass("stop-scrolling");h(p.props.postSelectionCallback,window)});var v=p.props.contentURL+"/index.html";$.get(v).done(function(w){u.info("\nloading consent modal: successfully");p.modal.innerHTML=w;p.modal.innerHTML=$("#"+p.props.xhrDataElement).eq(0).html();$(p.modal).modal({backdrop:"static",keyboard:false});p.$buttonDoNotAgree=$("#translator-buttonDoNotAgree");p.$buttonAgree=$("#translator-buttonAgree");p.$buttonSave=$("#translator-buttonSave");p.$buttonAgreeAll=$("#translator-buttonAgreeAll");u.info("\nload/initialze options from cookie");k();i();$("#google-options").on("hide.bs.collapse",function(){q=false;k()}).on("show.bs.collapse",function(){q=true;k()});u.info("\ninitialze button event handler");p.$buttonDoNotAgree.click(function(){b()});p.$buttonAgree.click(function(){o()});p.$buttonSave.click(function(){$("#google-options").collapse("hide");r();i()});p.$buttonAgreeAll.click(function(){$("#google-options").collapse("hide");o()})}).fail(function(){u.error("\nloading translator dialog (modal): failed");u.warn("\nprobably no|wrong `contentURL` set")})}else{p.$modal.modal("show")}}.bind(this))}function i(){var x=p.getSettings();if(x){for(var w in x){var v=p.$modal.find("#google-options .translator-option[data-name="+w+'] input[type="checkbox"]');v.prop("checked",x[w])}}}function k(){if(q){p.$buttonDoNotAgree.hide();p.$buttonAgree.hide();p.$buttonSave.show();p.$buttonAgreeAll.show()}else{p.$buttonDoNotAgree.show();p.$buttonAgree.show();p.$buttonSave.hide();p.$buttonAgreeAll.hide()}}function a(w){var v=p.$modal.find("#google-options .translator-option");var y={};for(var z=0;z<v.length;z++){var B=v[z];var x=B.getAttribute("data-name");if(x==="necessary"){y[x]=true}else{if(w===undefined){var A=$(B).find('input[type="checkbox"]');y[x]=A.prop("checked")}else{y[x]=!!w}}}return y}function o(){var w;var v={};w=a();v=JSON.parse(f.get(p.props.cookieConsentName));v.analysis=w.analysis;v.personalization=w.personalization;f.set(p.props.cookieConsentName,JSON.stringify(v),p.props.cookieStorageDays,p.props.sameSite,p.props.secure);f.set(p.props.cookieName,JSON.stringify(a(true)),p.props.cookieStorageDays,p.props.sameSite,p.props.secure);p.$modal.modal("hide")}function b(){var v=a();v.translationEnabled=false;f.set(p.props.cookieName,JSON.stringify(v),p.props.cookieStorageDays,p.props.sameSite,p.props.secure);p.$modal.modal("hide")}function r(){var w;var v={};w=a();v=JSON.parse(f.get(p.props.cookieConsentName));v.analysis=w.analysis;v.personalization=w.personalization;f.set(p.props.cookieConsentName,JSON.stringify(v),p.props.cookieStorageDays,p.props.sameSite,p.props.secure);f.set(p.props.cookieName,JSON.stringify(a()),p.props.cookieStorageDays,p.props.sameSite,p.props.secure);p.$modal.modal("hide")}this.showDialog=function(){m()};this.getSettings=function(w){var v=f.get(p.props.cookieName);if(v){var x=JSON.parse(f.get(p.props.cookieName));if(w===undefined){return x}else{if(x){return x[w]}else{return false}}}else{return undefined}};u.info("\ninitializing core module finished");u.info("\nstate: finished")};

data/lib/j1/version.rb

@@ -1,3 +1,3 @@
 module J1
-  VERSION = '2021.2.2'
+  VERSION = '2021.2.6'
 end

data/lib/starter_web/Gemfile

@@ -53,7 +53,7 @@ gem 'jekyll', '~> 4.2'
 
 # Theme Rubies, default: J1 Template (NOT used for the development system)
 #
-gem 'j1-template', '~> 2021.2.2'
+gem 'j1-template', '~> 2021.2.6'
 
 # ------------------------------------------------------------------------------
 # PRODUCTION: Gem needed for the Jekyll and J1 prod environment

data/lib/starter_web/_config.yml

@@ -53,7 +53,7 @@ environment:                            development
 # ------------------------------------------------------------------------------
 #   Sets the build version of J1 Template Gem
 #
-version:                                2021.2.2
+version:                                2021.2.6
 
 # version
 # ------------------------------------------------------------------------------