j1-template 2021.1.17 → 2021.1.21

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

@@ -24,41 +24,32 @@ regenerate:                             true
 
 {% comment %} Set global settings
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign data                = site.data %}
-{% assign environment         = site.environment %}
-{% assign template_name       = site.template.name %}
-
-{% assign apps                = data.apps %}
-{% assign blocks              = data.blocks %}
-{% assign builder             = data.builder %}
-{% assign layouts             = data.layouts %}
-{% assign modules             = data.modules %}
-{% assign pages               = data.pages %}
-{% assign tables              = data.tables %}
+{% assign environment                 = site.environment %}
+{% assign template_name               = site.template.name %}
 
 {% comment %} Liquid procedures
 -------------------------------------------------------------------------------- {% endcomment %}
 
-{% comment %} Set global settings
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign environment       = site.environment %}
-{% assign template_version  = site.version %}
-
 {% comment %} Process YML config data
 ================================================================================ {% endcomment %}
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config             = site.data.j1_config %}
-{% assign blocks                      = site.data.blocks %}
-{% assign modules                     = site.data.modules %}
+{% assign data                        = site.data %}
+{% assign apps                        = data.apps %}
+{% assign blocks                      = data.blocks %}
+{% assign builder                     = data.builder %}
+{% assign layouts                     = data.layouts %}
+{% assign modules                     = data.modules %}
+{% assign pages                       = data.pages %}
+{% assign tables                      = data.tables %}
 
 {% comment %} Set config data
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign jf_gallery_defaults         = apps.defaults.justifiedGallery.defaults %}
 {% assign jf_gallery_settings         = apps.justifiedGallery.settings %}
-{% assign gallery_customizer_defaults = site.data.apps.defaults.justifiedGalleryCustomizer.defaults %}
-{% assign gallery_customizer_settings = site.data.apps.justifiedGalleryCustomizer.settings %}
+{% assign gallery_customizer_defaults = apps.defaults.justifiedGalleryCustomizer.defaults %}
+{% assign gallery_customizer_settings = apps.justifiedGalleryCustomizer.settings %}
 
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
@@ -148,9 +139,9 @@ j1.adapter['justifiedGalleryCustomizer'] = (function (j1, window) {
       customizerOptions = $.extend({}, {{customizer_options | replace: '=>', ':' | replace: 'nil', '""'}});
       /* eslint-enable */
 
-      // ---------------------------------------------------------------------
+      // -----------------------------------------------------------------------
       // data loader
-      // ---------------------------------------------------------------------
+      // -----------------------------------------------------------------------
       j1.loadHTML ({
         xhr_container_id:   customizerOptions.xhr_container_id,
         xhr_data_path:      customizerOptions.xhr_data_path,
@@ -159,17 +150,16 @@ j1.adapter['justifiedGalleryCustomizer'] = (function (j1, window) {
         'null'
       );
 
-      // -------------------------------------------------------------------
+      // -----------------------------------------------------------------------
       // initializer
-      // -------------------------------------------------------------------
+      // -----------------------------------------------------------------------
       var dependencies_met_data_loaded = setInterval(function() {
         if (j1.xhrDOMState['#customizer'] == 'success') {
-          var environment     = '{{site.environment}}';
           var galleryId       = '#jg_customizer';
           var $formId         = $('#jg-customizer-form');
           var $instance       = $('#jg_customizer');
           var kbdDelay        = 750;
-          var imageHeightMin  = 40;
+          var imageHeightMin  = 100;
 
           logger.info('\n' + 'loading customizer finished on id: #' + customizerOptions.xhr_container_id);
 

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

@@ -0,0 +1,293 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/rtextResizer.js
+ # Liquid template to adapt rtextResizer functions
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment                 = site.environment %}
+{% assign template_name               = site.template.name %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Process YML config data
+================================================================================ {% endcomment %}
+
+{% comment %} Set config files
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign data                        = site.data %}
+{% assign apps                        = data.apps %}
+{% assign blocks                      = data.blocks %}
+{% assign builder                     = data.builder %}
+{% assign layouts                     = data.layouts %}
+{% assign modules                     = data.modules %}
+{% assign pages                       = data.pages %}
+{% assign tables                      = data.tables %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign jf_gallery_defaults         = apps.defaults.justifiedGallery.defaults %}
+{% assign jf_gallery_settings         = apps.justifiedGallery.settings %}
+{% assign gallery_customizer_defaults = apps.defaults.justifiedGalleryCustomizer.defaults %}
+{% assign gallery_customizer_settings = apps.justifiedGalleryCustomizer.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign gallery_options             = jf_gallery_defaults | merge: jf_gallery_settings %}
+{% assign customizer_options          = gallery_customizer_defaults | merge: gallery_customizer_settings %}
+
+{% comment %} Liquid var initialization
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign customizer_title            = customizer_options.title %}
+{% assign gallery_rowHeight           = customizer_options.gallery_settings.rowHeight %}
+
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/rtextResizer.js
+ # Liquid template to adapt rtextResizer functions
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
+'use strict';
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+j1.adapter['rtextResizer'] = (function (j1, window) {
+
+  {% comment %} Set global variables
+  ------------------------------------------------------------------------------ {% endcomment %}
+  var environment       = '{{environment}}';
+  var galleryOptions    = {};
+  var customizerOptions = {};
+  var _this;
+  var logger;
+  var logText;
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
+      _this   = j1.adapter.rtextResizer;
+      logger  = log4javascript.getLogger('j1.adapter.rtextResizer');
+
+      // initialize state flag
+      _this.setState('started');
+      logger.info('\n' + 'state: ' + _this.getState());
+      logger.info('\n' + 'module is being initialized');
+
+      // -----------------------------------------------------------------------
+      // Default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.rtextResizer',
+        generated:   '{{site.time}}'
+      }, options);
+
+      {% comment %} Load gallery config from yml data
+      -------------------------------------------------------------------------- {% endcomment %}
+      /* eslint-disable */
+      galleryOptions    = $.extend({}, {{gallery_options | replace: '=>', ':' | replace: 'nil', '""'}});
+      customizerOptions = $.extend({}, {{customizer_options | replace: '=>', ':' | replace: 'nil', '""'}});
+      /* eslint-enable */
+
+      // -----------------------------------------------------------------------
+      // data loader
+      // -----------------------------------------------------------------------
+      j1.loadHTML ({
+        xhr_container_id:   'rtext_resizer_container',
+        xhr_data_path:      '/assets/data/rtext_resizer/index.html',
+        xhr_data_element:   'rtext_resizer_modal' },
+        'j1.adapter.rtextResizer',
+        'null'
+      );
+
+      // -----------------------------------------------------------------------
+      // initializer
+      // -----------------------------------------------------------------------
+      var dependencies_met_data_loaded = setInterval(function() {
+        var logger = log4javascript.getLogger('j1.adapter.rtextResizer');
+
+        if (j1.xhrDOMState['#rtext_resizer_container'] == 'success') {
+          var $modalContainer = $('#rtext_resizer_modal');
+
+          logger.info('\n' + 'loading rtext resizer modal finished on id: #' + 'rtext_resizer');
+          logger.info('\n' + 'initialize resizer ui');
+
+          if ($modalContainer.length) {
+            var environment     = '{{environment}}';
+            var logger          = log4javascript.getLogger('j1.template.rtext-resizer');
+            var $el             = $("main[class*='r-text']");
+            var base_classes    = $("main[class*='r-text']").attr('class').replace(/r-text-[0-9]*/g, '');
+            var r_text_default  = ' r-text-300';
+            var r_text_larger   = ' r-text-400';
+            var r_text_largest  = ' r-text-500';
+            var cl;
+            var value;
+
+            $('input:checkbox[name="textsize-300"]').on('click', function (e) {
+              value = $(this).is(':checked');
+
+              $('input:checkbox[name="textsize-400"]').prop('checked', false);
+              $('input:checkbox[name="textsize-500"]').prop('checked', false);
+
+              if (value == true) {
+                cl = r_text_default;
+              }
+              $el.attr('class', base_classes + cl);
+
+              if(environment === 'development') {
+                logText = 'Changed textsize to: ' +cl;
+                logger.info(logText);
+              }
+              e.stopPropagation();
+            });
+
+            $('input:checkbox[name="textsize-400"]').on('click', function (e) {
+              value = $(this).is(':checked');
+
+              $('input:checkbox[name="textsize-300"]').prop('checked', false);
+              $('input:checkbox[name="textsize-500"]').prop('checked', false);
+
+              if (value == true) {
+                cl = r_text_larger;
+              }
+              $el.attr('class', base_classes + cl);
+
+              if(environment === 'development') {
+                logText = 'Changed textsize to: ' +cl;
+                logger.info(logText);
+              }
+              e.stopPropagation();
+            });
+
+            $('input:checkbox[name="textsize-500"]').on('click', function (e) {
+              value = $(this).is(':checked');
+
+              $('input:checkbox[name="textsize-300"]').prop('checked', false);
+              $('input:checkbox[name="textsize-400"]').prop('checked', false);
+
+              if (value == true) {
+                cl = r_text_largest;
+              }
+              $el.attr('class', base_classes + cl);
+
+              if(environment === 'development') {
+                logText = 'Changed textsize to: ' +cl;
+                logger.info(logText);
+              }
+              e.stopPropagation();
+            });
+
+          } // END form events
+
+          _this.setState('finished');
+          logger.info('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'initializing module finished');
+          logger.info('\n' + 'met dependencies for: loadHTML');
+          clearInterval(dependencies_met_data_loaded);
+        } // END dependencies_met_data_loaded
+      }, 25);
+    }, // END init
+
+    // -------------------------------------------------------------------------
+    // messageHandler: MessageHandler for J1 CookieConsent module
+    // Manage messages send from other J1 modules
+    // -------------------------------------------------------------------------
+    messageHandler: function (sender, message) {
+      var json_message = JSON.stringify(message, undefined, 2);
+
+      logText = '\n' + 'received message from ' + sender + ': ' + json_message;
+      logger.debug(logText);
+
+      // -----------------------------------------------------------------------
+      //  Process commands|actions
+      // -----------------------------------------------------------------------
+      if (message.type === 'command' && message.action === 'module_initialized') {
+        //
+        // Place handling of command|action here
+        //
+        logger.info('\n' + message.text);
+      }
+
+      //
+      // Place handling of other command|action here
+      //
+
+      return true;
+    }, // END messageHandler
+
+    // -------------------------------------------------------------------------
+    // setState()
+    // Sets the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    setState: function (stat) {
+      _this.state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    // getState()
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: function () {
+      return _this.state;
+    } // END getState
+
+  }; // END return
+})(j1, window);
+
+{% endcapture %}
+{% if production %}
+  {{ cache | minifyJS }}
+{% else %}
+  {{ cache | strip_empty_lines }}
+{% endif %}
+{% assign cache = nil %}

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

@@ -219,17 +219,21 @@ j1.adapter['themer'] = (function (j1, window) {
            // set the theme switcher state
            user_state.theme_switcher = themerOptions.enabled;
 
+           // jadams, 2021-08-10: moved hide|show themes menu to
+           // j1 adapter (displayPage)
+           //
            // jadams, 2021-07-25: hide|show themes menu on cookie consent
            // (analyses|personalization) settings. BootSwatch is a 3rd party
            // is using e.g GA. Because NO control is possible on 3rd parties,
            // for GDPR compliance, themes feature may disabled on
            // privacy settings
-           if (!user_consent.analyses || !user_consent.personalization)  {
-             logger.warn('\n' + 'disable themes feature because of privacy settings');
-             $("#themes_menu").hide();
-           } else {
-             $("#themes_menu").show();
-           }
+           //
+           // if (!user_consent.analyses || !user_consent.personalization)  {
+           //   logger.warn('\n' + 'disable themes feature because of privacy settings');
+           //   $("#themes_menu").hide();
+           // } else {
+           //   $("#themes_menu").show();
+           // }
 
            if (themerOptions.enabled) {
            // enable BS ThemeSwitcher

data/assets/themes/j1/core/css/themes/uno-light/bootstrap.css

@@ -18281,7 +18281,7 @@ a.news-link {
   display: inline-block;
   line-height: 2.5rem;
   padding: 0 1rem 0 1rem;
-  background-color: #E91E63;
+  background-color: #2196F3;
   border-radius: 3px;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -24171,148 +24171,127 @@ a.md-black-darker:focus {
 .btn-md-red {
   background-color: #f44336 !important; }
 
-.btn-md-red:hover,
-.btn-md-red:focus {
+.btn-md-red:hover {
   background-color: #c62828 !important; }
 
 .btn-md-pink {
   background-color: #e91e63 !important; }
 
-.btn-md-pink:hover,
-.btn-md-pink:focus {
+.btn-md-pink:hover {
   background-color: #ad1457 !important; }
 
 .btn-md-purple {
   background-color: #9c27b0 !important; }
 
-.btn-md-purple:hover,
-.btn-md-purple:focus {
+.btn-md-purple:hover {
   background-color: #6a1b9a !important; }
 
 .btn-md-deep-purple {
   background-color: #673ab7 !important; }
 
-.btn-md-deep-purple:hover,
-.btn-md-deep-purple:focus {
+.btn-md-deep-purple:hover {
   background-color: #4527a0 !important; }
 
 .btn-md-indigo {
   background-color: #3f51b5 !important; }
 
-.btn-md-indigo:hover,
-.btn-md-indigo:focus {
+.btn-md-indigo:hover {
   background-color: #283593 !important; }
 
 .btn-md-blue {
   background-color: #2196f3 !important; }
 
-.btn-md-blue:hover,
-.btn-md-blue:focus {
+.btn-md-blue:hover {
   background-color: #1565c0 !important; }
 
 .btn-md-light-blue {
   background-color: #03a9f4 !important; }
 
-.btn-md-light-blue:hover,
-.btn-md-light-blue:focus {
+.btn-md-light-blue:hover {
   background-color: #0277bd !important; }
 
 .btn-md-cyan {
   background-color: #00bcd4 !important; }
 
-.btn-md-cyan:hover,
-.btn-md-cyan:focus {
+.btn-md-cyan:hover {
   background-color: #00838f !important; }
 
 .btn-md-teal {
   background-color: #009688 !important; }
 
-.btn-md-teal:hover,
-.btn-md-teal:focus {
+.btn-md-teal:hover {
   background-color: #00695c !important; }
 
 .btn-md-green {
   background-color: #4caf50 !important; }
 
-.btn-md-green:hover,
-.btn-md-green:focus {
+.btn-md-green:hover {
   background-color: #2e7d32 !important; }
 
 .btn-md-light-green {
   background-color: #8bc34a !important; }
 
-.btn-md-light-green:hover,
-.btn-md-light-green:focus {
+.btn-md-light-green:hover {
   background-color: #558b2f !important; }
 
 .btn-md-lime {
   background-color: #cddc39 !important; }
 
-.btn-md-lime:hover,
-.btn-md-lime:focus {
+.btn-md-lime:hover {
   background-color: #9e9d24 !important; }
 
 .btn-md-yellow {
   background-color: #ffeb3b !important; }
 
-.btn-md-yellow:hover,
-.btn-md-yellow:focus {
+.btn-md-yellow:hover {
   background-color: #f9a825 !important; }
 
 .btn-md-amber {
   background-color: #ffc107 !important; }
 
-.btn-md-amber:hover,
-.btn-md-amber:focus {
+.btn-md-amber:hover {
   background-color: #ff8f00 !important; }
 
 .btn-md-orange {
   background-color: #ff9800 !important; }
 
-.btn-md-orange:hover,
-.btn-md-orange:focus {
+.btn-md-orange:hover {
   background-color: #ef6c00 !important; }
 
 .btn-md-deep-orange {
   background-color: #ff5722 !important; }
 
-.btn-md-deep-orange:hover,
-.btn-md-deep-orange:focus {
+.btn-md-deep-orange:hover {
   background-color: #d84315 !important; }
 
 .btn-md-brown {
   background-color: #795548 !important; }
 
-.btn-md-brown:hover,
-.btn-md-brown:focus {
+.btn-md-brown:hover {
   background-color: #4e342e !important; }
 
 .btn-md-grey {
   background-color: #9e9e9e !important; }
 
-.btn-md-grey:hover,
-.btn-md-grey:focus {
+.btn-md-grey:hover {
   background-color: #424242 !important; }
 
 .btn-md-blue-grey {
   background-color: #607d8b !important; }
 
-.btn-md-blue-grey:hover,
-.btn-md-blue-grey:focus {
+.btn-md-blue-grey:hover {
   background-color: #37474f !important; }
 
 .btn-md-gray {
   background-color: #9e9e9e !important; }
 
-.btn-md-gray:hover,
-.btn-md-gray:focus {
+.btn-md-gray:hover {
   background-color: #424242 !important; }
 
 .btn-md-blue-gray {
   background-color: #607d8b !important; }
 
-.btn-md-blue-gray:hover,
-.btn-md-blue-gray:focus {
+.btn-md-blue-gray:hover {
   background-color: #37474f !important; }
 
 /*