j1-template 2021.2.3 → 2021.2.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c9dc0e231e62c57b4ba9b58db8fe7fcea64e6e5ce6d4968596be2f0d4b2a327b
-  data.tar.gz: 561ab314b4b3a1c751daa6d44129e28fa2b0df2f8f43593b65ab4281aeacfcbc
+  metadata.gz: '09dbfff70a16ed74df238081b060f13508ec9fe23389ee21f9658caa5c0cc6df'
+  data.tar.gz: f5e2167db6af04253321eebd10bf8b727ff2b0d501a99a84f8f88225d260e0dc
 SHA512:
-  metadata.gz: cb8f3b4979535967f5d06502b7534c69f716bd3162688036f2389660054fc274bb21d7005755d71c7f1ffe1d93f7362fe8ad3e103402b35109fee2836782e130
-  data.tar.gz: 9353adba95082496af4415cefe70d5d6ba30bd88c268f00f17ab6d2f6223184ea6019664578cf46f644e5fccb53348e9e5d37e78d3b4a66897e330e5d825f857
+  metadata.gz: 0e6eb46994768e0ff33d7f408de15daf377b5f5b5473b7dd5a674a4451e15a10b2718b0faabe56338c0f89e3aff4aa4e721c9a1b4afbe4275085be397f36febf
+  data.tar.gz: 4c36317c41ecd6ab66cd2f76515c9272b296e1834f66a6273094f299240e3b5b563fa31f59861c877b41e7fe5e026bc9ac0f693a69b0824d122c75e9a2b748a9

data/_includes/themes/j1/layouts/layout_metadata_generator.html

@@ -60,7 +60,12 @@
 
 {% if template_config.translation.enabled %}
 <!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ add google translator meta tag to enable customized translations ] -->
-<meta name="google-translate-customization" />
+<meta name="translation" content="enabled" />
+{% endif %}
+
+{% if template_config.translation.google %}
+<!-- [INFO   ] [j1.layout.meta_data_generator.html    ] [ add google translator meta tag to enable customized translations ] -->
+<meta name="{{template_config.translation.google.meta_data}}" content="enabled" />
 {% endif %}
 
 {% if page.layout == 'home' %}

data/_includes/themes/j1/modules/connectors/translators/google-translator.html

@@ -1,7 +1,7 @@
 {% comment %}
  # -----------------------------------------------------------------------------
  #  ~/_includes/themes/j1/modules/connectors/translators/google-translator.html
- #  Support of multiple languages by Google Translator for J1 Template
+ #  Connector for the Google Translator
  #
  #  Product/Info:
  #  http://jekyll.one
@@ -25,25 +25,13 @@
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-<!-- Google Translator, NOT shown by default -->
-<div id="google_translate_element" class="ml-5 mr-5 mb-4" style="display: none;"></div>
-
-  <script type="text/javascript">
-    var logger;
-    
-    function googleTranslateElementInit() {
-      logger = log4javascript.getLogger('j1.translator');
-      logger.info('initialize translator: google');
-      //includedLanguages: 'de,fr,es',
-      //layout: google.translate.TranslateElement.InlineLayout.SIMPLE
-      new google.translate.TranslateElement({
-        pageLanguage: 'en'        
-      }, 
-      'google_translate_element');
-    }
-  </script>
-    
-  <script type="text/javascript"
-    src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit">
-  </script>
-
+<!-- [INFO   ] [j1.modules.connectors.translation     ] [ place callback for the Google Translator API ] -->
+<script>
+  function googleTranslateElementInit() {
+    new google.translate.TranslateElement({
+      pageLanguage: 'en',
+      layout: google.translate.TranslateElement.FloatPosition.TOP_LEFT
+    },
+    'google_translate_element');
+  }
+</script>

data/assets/data/cookieconsent.html

@@ -69,12 +69,14 @@ exclude_from_search:                    true
 <div id="consent-data-en">
   <div id="modal-consent-en" class="modal-dialog modal-frame modal-top modal-notify modal-primary" role="document">
     <div class="modal-content">
+
       <div class="modal-header">
-        <p class="lead">{{consent_options.consent_modal_title.en}}</p>
+        <p class="lead">{{consent_options.modal_settings.title.en}}</p>
       </div>
+
       <div class="modal-body">
         <div class="bccs-body-text" style="font-size: 90%">
-          <p class="mb-4">{{consent_options.body_text.en}}</p>
+          <p class="mb-4">{{consent_options.modal_settings.body_text.en}}</p>
         </div>
         <p>
           <a href="#bccs-privacy" data-toggle="collapse" class="">Privacy Notice</a>
@@ -83,7 +85,7 @@ exclude_from_search:                    true
 
         <div id="bccs-privacy" class="collapse">
           <div class="bccs-body-text" style="font-size: 90%">
-            <p class="mb-4">{{consent_options.privacy_notice.en}}</p>
+            <p class="mb-4">{{consent_options.modal_settings.privacy_notice.en}}</p>
           </div>
         </div>
 
@@ -94,50 +96,52 @@ exclude_from_search:                    true
           <div class="bccs-option" data-name="necessary">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxNecessary" type="checkbox" name="bccs-checkboxNecessary" disabled="" checked="">
+                <input id="bccs-checkboxNecessary" type="checkbox" name="bccs-checkboxNecessary" checked="true" disabled>
                 <span class="bmd-switch-track"></span>
-                Necessary
+                Necessary (Session Cookies)
               </label>
               <ul>
                 <li>Required to run the website</li>
               </ul>
             </div>
           </div>
-          <div class="bccs-option" data-name="analyses">
+          <div class="bccs-option" data-name="analysis">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxAnalyses" type="checkbox" name="bccs-checkboxAnalyses" checked="">
+                <input id="bccs-checkboxAnalysis" type="checkbox" name="bccs-checkboxAnalysis" checked="true">
                 <span class="bmd-switch-track"></span>
-                Analyses
+                Analysis (Persistent Cookies)
               </label>
               <ul>
-                <li>Monitoring website usage</li>
-                <li>Optimizing the user experience</li>
+                <li>Usage monitoring for this site</li>
+                <li>Optimizing of the performance for this site</li>
+                <li>Optimizing of content for all visitors</li>
               </ul>
             </div>
           </div>
           <div class="bccs-option" data-name="personalization">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxPersonalization" type="checkbox"  name="bccs-checkboxPersonalization" checked="">
+                <input id="bccs-checkboxPersonalization" type="checkbox"  name="bccs-checkboxPersonalization" checked="true">
                 <span class="bmd-switch-track"></span>
-                Personalization
+                Personalization (Persistent Cookies)
               </label>
               <ul>
-                <li>Storage of your preferences from previous visits</li>
-                <li>Collecting user feedback to improve our website</li>
-                <li>Recording of your interests in order to provide customised content and offers</li>
+                <li>Collect user feedback for improvements</li>
+                <li>Storage of personal preferences from previous visits</li>
+                <li>Translation or comments to exchange visitor's experiences</li>
               </ul>
             </div>
           </div>
         </div>
       </div>
+
       <div class="modal-footer">
         <button id="bccs-buttonDoNotAgree" type="button" class="btn btn-link text-decoration-none" style="">
-        I do not agree
+        I do not Agree
         </button>
         <button id="bccs-buttonAgree" type="button" class="btn btn-primary btn-raised" style="">
-        Agree
+        I Agree
         </button>
         <button id="bccs-buttonSave" type="button" class="btn btn-primary" style="display: none;">
         Save selection
@@ -146,6 +150,7 @@ exclude_from_search:                    true
         Agree on all
         </button>
       </div>
+
     </div>
   </div>
 </div>
@@ -158,12 +163,14 @@ exclude_from_search:                    true
 <div id="consent-data-de">
   <div id="modal-consent-de" class="modal-dialog modal-frame modal-top modal-notify modal-primary" role="document">
     <div class="modal-content">
+
       <div class="modal-header">
-        <p class="lead">{{consent_options.consent_modal_title.de}}</p>
+        <p class="lead">{{consent_options.modal_settings.title.de}}</p>
       </div>
+
       <div class="modal-body">
         <div class="bccs-body-text" style="font-size: 90%">
-          <p class="mb-4">{{consent_options.body_text.de}}</p>
+          <p class="mb-4">{{consent_options.modal_settings.body_text.de}}</p>
         </div>
         <p>
           <a href="#bccs-privacy" data-toggle="collapse" class="">Datenschutzerklärung</a>
@@ -172,7 +179,7 @@ exclude_from_search:                    true
 
         <div id="bccs-privacy" class="collapse">
           <div class="bccs-body-text" style="font-size: 90%">
-            <p class="mb-4">{{consent_options.privacy_notice.de}}</p>
+            <p class="mb-4">{{consent_options.modal_settings.privacy_notice.de}}</p>
           </div>
         </div>
 
@@ -183,50 +190,52 @@ exclude_from_search:                    true
           <div class="bccs-option" data-name="necessary">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxNecessary" type="checkbox" name="bccs-checkboxNecessary" disabled="" checked="">
+                <input id="bccs-checkboxNecessary" type="checkbox" name="bccs-checkboxNecessary" checked="true" disabled>
                 <span class="bmd-switch-track"></span>
-                Notwendig
+                Notwendig (Sitzungscookies)
               </label>
               <ul>
                 <li>Zum Betrieb der Website erforderlich</li>
               </ul>
             </div>
           </div>
-          <div class="bccs-option" data-name="analyses">
+          <div class="bccs-option" data-name="analysis">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxAnalyses" type="checkbox" name="bccs-checkboxAnalyses" checked="">
+                <input id="bccs-checkboxAnalysis" type="checkbox" name="bccs-checkboxAnalysis" checked="true">
                 <span class="bmd-switch-track"></span>
-                Analysen
+                Analysen (dauerhafte Cookies)
               </label>
               <ul>
-                <li>Beobachtung der Website-Nutzung</li>
-                <li>Optimierung der Benutzererfahrung</li>
+                <li>Nutzungsüberwachung für diese Website</li>
+                <li>Optimierung der Leistung für diese Website</li>
+                <li>Optimierung des Inhalts für alle Besucher</li>
               </ul>
             </div>
           </div>
           <div class="bccs-option" data-name="personalization">
             <div class="switch">
               <label>
-                <input id="bccs-checkboxPersonalization" type="checkbox"  name="bccs-checkboxPersonalization" checked="">
+                <input id="bccs-checkboxPersonalization" type="checkbox"  name="bccs-checkboxPersonalization" checked="true">
                 <span class="bmd-switch-track"></span>
-                Personalisierung
+                Personalisierung (dauerhafte Cookies)
               </label>
               <ul>
-                <li>Speicherung Ihrer Präfererenzen aus frühreren Besuchen</li>
-                <li>Sammeln von Benutzer-Feedback zur Verbesserung unserer Website</li>
-                <li>Erfassung Ihrer Interessen, um maßgeschneiderte Inhalte und Angebote anzubieten</li>
+                <li>Sammeln von Benutzer-Feedback für Verbesserungen</li>
+                <li>Speicherung Ihrer Präferenzen aus frühreren Besuchen</li>
+                <li>Übersetzungen oder Kommentare zum Austausch von Erfahrungen der Besucher</li>
               </ul>
             </div>
           </div>
         </div>
       </div>
+
       <div class="modal-footer">
         <button id="bccs-buttonDoNotAgree" type="button" class="btn btn-link text-decoration-none" style="">
         Ich bin nicht einverstanden
         </button>
         <button id="bccs-buttonAgree" type="button" class="btn btn-primary btn-raised" style="">
-        Einverstanden
+        Ich bin Einverstanden
         </button>
         <button id="bccs-buttonSave" type="button" class="btn btn-primary" style="display: none;">
         Auswahl speichern
@@ -235,6 +244,7 @@ exclude_from_search:                    true
         Allen zustimmen
         </button>
       </div>
+
     </div>
   </div>
 </div>

data/assets/data/msdropdown.json

@@ -0,0 +1,155 @@
+---
+regenerate:                             true
+exclude_from_search:                    true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/data/msdropdown.json
+ # The Liquid template is used by J1 Translator module to create msDropdown
+ # (select) elements DYNAMICALLY
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ # Be carefull change the Liquid code. If the code is changed, check the
+ # integrity of the JSON data created. Invalid JSON data will cause the
+ # the J1 Translator module to fail.
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #   {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment         = site.environment %}
+
+{
+  "googleLanguages":
+  [
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "af",    "text": "Afrikaans"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sq",    "text": "Albanian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ar",    "text": "Arabic"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "hy",    "text": "Armenian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "az",    "text": "Azerbaijani"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "eu",    "text": "Basque"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "be",    "text": "Belarusian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "bn",    "text": "Bengali"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "bg",    "text": "Bulgarian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ca",    "text": "Catalan"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "zh-CN", "text": "Chinese (Simplified)"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "zh-TW", "text": "Chinese (Traditional)"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "hr",    "text": "Croatian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "cs",    "text": "Czech"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "da",    "text": "Danish"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "nl",    "text": "Dutch"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "eo",    "text": "Esperanto"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "et",    "text": "Estonian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "tl",    "text": "Filipino"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "fi",    "text": "Finnish"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "fr",    "text": "French"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "gl",    "text": "Galician"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ka",    "text": "Georgian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "de",    "text": "German"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "el",    "text": "Greek"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "gu",    "text": "Gujarati"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ht",    "text": "Haitian Creole"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "iw",    "text": "Hebrew"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "hi",    "text": "Hindi"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "hu",    "text": "Hungarian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "is",    "text": "Icelandic"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "id",    "text": "Indonesian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ga",    "text": "Irish"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "it",    "text": "Italian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ja",    "text": "Japanese"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "kn",    "text": "Kannada"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ko",    "text": "Korean"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "la",    "text": "Latin"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "lv",    "text": "Latvian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "lt",    "text": "Lithuanian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "mk",    "text": "Macedonian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ms",    "text": "Malay"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "mt",    "text": "Maltese"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "no",    "text": "Norwegian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "fa",    "text": "Persian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "pl",    "text": "Polish"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "pt",    "text": "Portuguese"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ro",    "text": "Romanian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ru",    "text": "Russian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sr",    "text": "Serbian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sk",    "text": "Slovak"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sl",    "text": "Slovenian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "es",    "text": "Spanish"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sw",    "text": "Swahili"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sv",    "text": "Swedish"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ta",    "text": "Tamil"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "te",    "text": "Telugu"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "th",    "text": "Thai"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "tr",    "text": "Turkish"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "uk",    "text": "Ukrainian"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ur",    "text": "Urdu"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "vi",    "text": "Vietnamese"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "cy",    "text": "Welsh"},
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "yi",    "text": "Yiddish"}
+  ],
+
+  "deeplLanguages":
+  [
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "bg",    "text": "Bulgarian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "cs",    "text": "Czech" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "da",    "text": "Danish" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "de",    "text": "German" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "el",    "text": "Greek" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "es",    "text": "Spanish" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "en",    "text": "English" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "en-us", "text": "English (American)" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "en-uk", "text": "English (British)" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "et",    "text": "Estonian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ft",    "text": "Finnish" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "fr",    "text": "French" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "hu",    "text": "Hungarian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "it",    "text": "Italian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ja",    "text": "Japanese" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "lv",    "text": "Latvian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "lt",    "text": "Lithuanian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "nl",    "text": "Dutch" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "af",    "text": "Polish" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "pt",    "text": "Portuguese" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "pt-pt", "text": "Portuguese (Portugal)" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "pt-br", "text": "Portuguese (Brazilian)" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ro",    "text": "Romanian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "ru",    "text": "Russian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sk",    "text": "Slovak" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sl",    "text": "Slovenian" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "sv",    "text": "Swedish" },
+  	{"imageCss": "flag-icon flag-icon-cz rectangle size-md", "value": "zh",    "text": "Chinese" }
+  ],
+
+  "jsonTest":
+  [
+    {"description":"Choose your payment gateway", "value":"", "text":"Payment Gateway"},
+    {"image":"/assets/themes/j1/modules/imageDropdown/icons/Amex-56.png", "description":"My life. My card...", "value":"amex", "text":"Amex"},
+    {"image":"/assets/themes/j1/modules/imageDropdown/icons/Discover-56.png", "description":"It pays to Discover...", "value":"Discover", "text":"Discover"},
+    {"image":"/assets/themes/j1/modules/imageDropdown/icons/Mastercard-56.png", "title":"For everything else...", "description":"For everything else...", "value":"Mastercard", "text":"Mastercard"},
+    {"image":"/assets/themes/j1/modules/imageDropdown/icons/Cash-56.png", "description":"Sorry not available...", "value":"cash", "text":"Cash on delivery", "disabled":true},
+    {"image":"/assets/themes/j1/modules/imageDropdown/icons/Visa-56.png", "description":"All you need...", "value":"Visa", "text":"Visa"},
+    {"image":"/assets/themes/j1/modules/imageDropdown/icons/Paypal-56.png", "description":"Pay and get paid...", "value":"Paypal", "text":"Paypal"}
+  ]
+}
+
+{% endcapture %}
+{% if production %}
+  {{ cache | minifyJSON }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

data/assets/data/quicklinks.html

@@ -80,6 +80,8 @@ exclude_from_search:                    true
 
 {% assign cookies_icon            = quicklinks_options.cookies_icon %}
 
+{% assign translate_icon          = quicklinks_options.translate_icon %}
+
 {% assign search_icon             = quicklinks_options.top_search_icon %}
 {% assign sidebar_icon            = quicklinks_options.sidebar_icon %}
 
@@ -209,6 +211,16 @@ exclude_from_search:                    true
   {% assign production = true %}
 {% endif %}
 
+{% comment %} Unused
+--------------------------------------------------------------------------------
+{% assign show_google_translate_icon = true  %}
+{% assign show_google_translate_lang = false  %}
+{% assign translate_lang = 'gb'  %}
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% assign show_google_translate_icon = true  %}
+{% assign show_google_translate_lang = false  %}
+{% assign translate_lang = 'gb'  %}
 
 <!-- [INFO   ] [j1.assets.data.quicklinks.html             ] [ set meta data (robots) to exclude HTML datafiles from index ] -->
 <head>
@@ -225,20 +237,30 @@ exclude_from_search:                    true
 <!-- [INFO   ] [j1.modules.navigator.quicklinks.html  ] [Set icon size as: {{ icon_size }}] -->
 
 <ul id="{{quicklinks_options.xhr_data_element}}" class="navbar-nav">
+
   {% if back_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="page_back_id" class="nav-icon" href="{{back_url}}" aria-label="Page back"><i class="{{icon_family}} {{icon_family}}-{{back_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if home_url != "none" %}<li id="quickLinksHomeButton" class="nav-item"><a id="home_id" class="nav-icon" href="{{home_url}}" aria-label="Home"><i class="{{icon_family}} {{icon_family}}-{{home_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if disqus_url != "none" %}<li id="quickLinksDisqusButton" class="nav-item"><a id="disqus_id" class="nav-icon" href="{{disqus_url}}" aria-label="Disqus" target="blank"><i class="{{icon_family}} {{icon_family}}-{{disqus_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if github_url != "none" %}<li id="quickLinksGithubButton" class="nav-item"><a id="github_id" class="nav-icon" href="{{github_url}}" aria-label="Github" target="blank"><i class="{{icon_family}} {{icon_family}}-{{github_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if patreon_url != "none" %}<li id="quickLinksPatreonButton" class="nav-item"><a id="patreon_id" class="nav-icon" href="{{patreon_url}}" aria-label="Patreon" target="blank"><i class="{{icon_family}} {{icon_family}}-{{patreon_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if facebook_url != "none" %}<li id="quickLinksFacebookButton" class="nav-item"><a id="facebook_id" class="nav-icon" href="{{facebook_url}}" aria-label="Facebook" target="blank"><i class="{{icon_family}} {{icon_family}}-{{facebook_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if facebook_url !=
+    "none" %}<li id="quickLinksFacebookButton" class="nav-item"><a id="facebook_id" class="nav-icon" href="{{facebook_url}}" aria-label="Facebook" target="blank"><i class="{{icon_family}} {{icon_family}}-{{facebook_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if twitter_url != "none" %}<li id="quickLinksTwitterButton" class="nav-item"><a id="twitter_id" class="nav-icon" href="{{twitter_url}}" aria-label="Twitter" target="blank"><i class="{{icon_family}} {{icon_family}}-{{twitter_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_auth_manager_icon %}<li id="quickLinksSignInOutButton" class="nav-item" style="display: none;"><a class="nav-icon" id="navLinkSignInOut" aria-label="SignOut" href="#" data-toggle="modal" data-target="#{{signin_modal_id}}"><i id="iconSignInOut" class="{{icon_family}} {{icon_family}}-{{signin_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_cookieconsent_icon %}<li id="quickLinksCookieButton" class="nav-item" style="display: block;"><a href="javascript:j1.cookieConsent.showDialog()" aria-label="Cookie Consent"><i class="{{icon_family}} {{icon_family}}-{{cookies_icon}} {{icon_size}}"></i></a></li>{% endif %}
-  {% if show_translator_icon %}<li id="quickLinksLanguageButton" class="nav-item translator"><a class="nav-icon" href="#" aria-label="Translator"><i class="{{icon_family}} {{icon_family}}-{{translator_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_quick_search_icon %}<li id="quickLinksSearchButton" class="nav-item search"><a class="nav-icon" href="#void" aria-label="Search"><i class="{{icon_family}} {{icon_family}}-{{search_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_control_center_icon %}<li id="quickLinksControlCenterButton" class="nav-item control-center" style="display: block;"><a class="nav-icon" href="{{control_center_url}}" aria-label="ControlCenter"><i class="{{icon_family}} {{icon_family}}-{{control_center_icon}} {{icon_size}}"></i></a></li>{% endif %}
   {% if show_r_text_icon %}<li id="quickLinksRTextButton" class="nav-item control-center" style="display: block;"><a class="nav-icon" href="#" aria-label="TextResizer" data-toggle="modal" data-target="#fluidModalRTextResizer"><i class="{{icon_family}} {{icon_family}}-{{r_text_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if show_google_translate_icon %}<li id="quickLinksTranslateButton" class="nav-item" style="display: block;"><a href="javascript:j1.translator.showDialog()" aria-label="Google Translate"><i class="{{icon_family}} {{icon_family}}-{{translate_icon}} {{icon_size}}"></i></a></li>{% endif %}
+
+  {% comment %} Unused
+  --------------------------------------------------------------------------------
+  {% if show_translator_icon %}<li id="quickLinksLanguageButton" class="nav-item translator"><a class="nav-icon" href="#" aria-label="Translator"><i class="{{icon_family}} {{icon_family}}-{{translator_icon}} {{icon_size}}"></i></a></li>{% endif %}
+  {% if show_google_translate_lang %}<li id="quickLinksTranslateLangButton" class="nav-item" style="display: block;"><a href="javascript:j1.translator.showDialog()" aria-label="Google Translate"><i class="flag-icon flag-icon-{{translate_lang}} rectangle size-md"></i></a></li>{% endif %}
+  -------------------------------------------------------------------------------- {% endcomment %}
+
 </ul>
+
 <!-- Test element -->
 <div id="nav_test_element" class="nav-primary" style="display: none"></div>