j1-template 2023.9.2 → 2023.10.1

data/assets/data/galleries.json

@@ -1,156 +0,0 @@
----
-regenerate:                             true
-exclude_from_search:                    true
----
-
-{% capture cache %}
-
-{% comment %}
- # -----------------------------------------------------------------------------
- # ~/assets/data/galleries.json
- # Liquid JSON template for ALL Galleries configured
- #
- # Product/Info:
- # http://jekyll.one
- #
- # Copyright (C) 2023 Juergen Adams
- #
- # J1 Theme is licensed under the MIT License.
- # See: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
- # -----------------------------------------------------------------------------
- # The Liquid template galleries.json is used by J1 Justified Gallery.
- # This template is a helper that creates the gallery (JSON) data
- # for all galleries configured (if enabled or NOT). It's used by
- # the J1 Theme Adapter to LOAD the gallery HTML markup portion
- # via AJAX get.
- #
- # The Liquid template engine generates a JSON file as an object of
- # arrays that contains all image data used by several sliders. See
- # below the fields taken from the YAML data file:
- # ~/_data/modules/j1_justified_gallery.yml.
- # -----------------------------------------------------------------------------
- # NOTE:
- # Be careful changing the Liquid code. If the code is changed, check
- # the integrity of the JSON data created. Corrupted JSON data makes
- # the Javascript of an Adapter to fail and no functionality will
- # be available for most UNCLEAR reasons.
- # -----------------------------------------------------------------------------
- # Test data:
- #  {{ liquid_var | debug }}
- # -----------------------------------------------------------------------------
-{% endcomment %}
-
-{% comment %} Process YML config data
-================================================================================ {% endcomment %}
-
-{% comment %} Set config files
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign modules             = site.data.modules %}
-
-{% comment %} Set config data
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign environment         = site.environment %}
-
-{% assign jg_config_defaults  = modules.defaults.justifiedGallery.defaults %}
-{% assign jg_config_settings  = modules.justifiedGallery.settings %}
-
-{% comment %} Set config options
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign jg_config           = jg_config_defaults | merge: jg_config_settings %}
-
-{% comment %} Detect prod mode
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign production = false %}
-{% if environment == 'prod' or environment == 'production' %}
-  {% assign production = true %}
-{% endif %}
-
-{% comment %} Main
-================================================================================ {% endcomment %}
-
-{
-
-{% for item in jg_config.galleries %}
-  "{{ item.gallery.id }}" : [
-
-    {% if item.gallery.type == "image" %}
-      {% for image in item.gallery.images %}
-        {% assign image_no = forloop.index %}
-        {% capture image_full_path %}{{ item.gallery.images_path }}/{{ image }}{% endcapture %}
-      {
-        {% if item.gallery.captions_lightbox %}
-        {% for caption in item.gallery.captions_lightbox %}
-        {% if forloop.index == image_no %}
-        "captions_lightbox": "{{ caption }}",
-        {% endif %}
-        {% endfor %}
-        {% endif %}
-        {% if item.gallery.captions_gallery %}
-        {% for caption in item.gallery.captions_gallery %}
-        {% if forloop.index == image_no %}
-        "captions_gallery":  "{{ caption }}",
-        {% endif %}
-        {% endfor %}
-        {% endif %}
-        "img":               "{{ image_full_path }}"
-      }{% if forloop.last %}{% else %},{% endif %}
-      {% endfor %}
-    {% endif %}
-
-    {% if item.gallery.type == "video-html5" or item.gallery.type == "video-online"%}
-      {% for video in item.gallery.videos %}
-        {% assign image_no = forloop.index %}
-      {
-        "video":             "{{ video }}",
-        "image_path":        "{{ item.gallery.image_path }}",
-
-        {% if item.gallery.type == "video-html5" %}
-        "video_path":        "{{ item.gallery.video_path }}",
-        "video_id":          "{{ video | slugify }}",
-        {% endif %}
-
-        {% for poster in item.gallery.poster %}
-        {% if forloop.index == image_no %}
-        "poster":   	       "{{ poster }}",
-        {% endif %}
-        {% endfor %}
-
-        {% if item.gallery.captions_lightbox %}
-        {% for caption in item.gallery.captions_lightbox %}
-        {% if forloop.index == image_no %}
-        "captions_lightbox": "{{ caption }}",
-        {% endif %}
-        {% endfor %}
-        {% endif %}
-
-        {% if item.gallery.player_params %}
-        {% for params in item.gallery.player_params %}
-        {% if forloop.index == image_no %}
-        "player_params":     "{{ params }}",
-        {% endif %}
-        {% endfor %}
-        {% endif %}
-
-        {% if item.gallery.captions_gallery %}
-        {% for caption in item.gallery.captions_gallery %}
-        {% if forloop.index == image_no %}
-        "captions_gallery":  "{{ caption }}"
-        {% endif %}
-        {% endfor %}
-        {% endif %}
-      }{% if forloop.last %}{% else %},{% endif %}
-      {% endfor %}
-    {% endif %}
-
-  ]{% if forloop.last %}{% else %},{% endif %}
-{% endfor %}
-
-}
-
-{% endcapture %}
-{% if production %}
-  {{ cache | minifyJSON }}
-{% else %}
-  {{ cache | strip_empty_lines }}
-{% endif %}
-{% assign cache = nil %}

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

@@ -1,360 +0,0 @@
----
-regenerate:                             true
----
-
-{% capture cache %}
-
-{% comment %}
- # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/adapter/js/justifiedGalleryCustomizer.js
- # Liquid template to adapt Gallery Customizer JS functions
- #
- # Product/Info:
- # https://jekyll.one
- #
- # Copyright (C) 2023 Juergen Adams
- #
- # J1 Theme is licensed under the MIT License.
- # For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
- # -----------------------------------------------------------------------------
- # 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         = modules.defaults.justifiedGallery.defaults %}
-{% assign jf_gallery_settings         = modules.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 %}
-
-{% comment %} Detect prod mode
--------------------------------------------------------------------------------- {% endcomment %}
-{% assign production = false %}
-{% if environment == 'prod' or environment == 'production' %}
-  {% assign production = true %}
-{% endif %}
-
-/*
- # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/adapter/js/justifiedGalleryCustomizer.js
- # J1 Adapter for Gallery Customizer
- #
- # Product/Info:
- # https://jekyll.one
- #
- # Copyright (C) 2023 Juergen Adams
- #
- # J1 Theme is licensed under the MIT License.
- # For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
- # -----------------------------------------------------------------------------
- # Adapter generated: {{site.time}}
- # -----------------------------------------------------------------------------
-*/
-
-// -----------------------------------------------------------------------------
-// ESLint shimming
-// -----------------------------------------------------------------------------
-/* eslint indent: "off"                                                       */
-// -----------------------------------------------------------------------------
-'use strict';
-j1.adapter.justifiedGalleryCustomizer = (function (j1, window) {
-
-  {% comment %} Set global variables
-  ------------------------------------------------------------------------------ {% endcomment %}
-  var environment       = '{{environment}}';
-  var galleryOptions    = {};
-  var customizerOptions = {};
-  var state             = 'not_started';
-  var _this;
-  var logger;
-  var logText;
-
-  // ---------------------------------------------------------------------------
-  // Main object
-  // ---------------------------------------------------------------------------
-  return {
-
-    // -------------------------------------------------------------------------
-    // initializer
-    // -------------------------------------------------------------------------
-    init: function (options) {
-
-      // -----------------------------------------------------------------------
-      // Default module settings
-      // -----------------------------------------------------------------------
-      var settings = $.extend({
-        module_name: 'j1.adapter.justifiedGalleryCustomizer',
-        generated:   '{{site.time}}'
-      }, options);
-
-      // -----------------------------------------------------------------------
-      // Global variable settings
-      // -----------------------------------------------------------------------
-      _this   = j1.adapter.justifiedGalleryCustomizer;
-      logger  = log4javascript.getLogger('j1.adapter.justifiedGalleryCustomizer');
-
-      {% 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:   customizerOptions.xhr_container_id,
-        xhr_data_path:      customizerOptions.xhr_data_path,
-        xhr_data_element:   customizerOptions.xhr_data_element },
-        'j1.adapter.gallery_customizer',
-        'null'
-      );
-
-      // -----------------------------------------------------------------------
-      // initializer
-      // -----------------------------------------------------------------------
-      var dependencies_met_data_loaded = setInterval(function() {
-        if (j1.getState() == 'finished' && j1.xhrDOMState['#customizer'] == 'success' && j1.adapter.justifiedGallery.getState() == 'finished') {
-          var galleryId             = '#jg_customizer';
-          var $formId               = $('#jg-customizer-form');
-          var $instance             = $('#jg_customizer');
-          var rangeRowHeigth        = document.getElementById('jgSlider_row_heigth');
-          var rangeThumbSpacing     = document.getElementById('jgSlider_thumb_spacing');
-          var rangeGalleryPadding   = document.getElementById('jgSlider_gallery_padding');
-          var kbdDelay              = 750;
-          var imageHeightMin        = 100;
-
-          logger.info('\n' + 'module is being initialized');
-
-          // initialize state flag
-          _this.setState('started');
-          logger.debug('\n' + 'state: ' + _this.getState());
-
-          logger.info('\n' + 'loading HTML portion of the customizer finished on id: #' + customizerOptions.xhr_container_id);
-
-          // -------------------------------------------------------------------
-          // load gallery data
-          //
-          j1.adapter.justifiedGallery.initialize(galleryOptions);
-
-          // -------------------------------------------------------------------
-          // initialize customizer ui
-          //
-          if ($formId.length) {
-            var dependencies_met_sliders_loaded = setInterval(function() {
-              if (j1.adapter.rangeSlider.getState() == 'finished') {
-                logger.info('\n' + 'initialize customizer ui');
-
-                rangeRowHeigth.noUiSlider.on('update', function (values, handle) {
-                  $instance.justifiedGallery({rowHeight: values[handle]});
-                });
-                rangeThumbSpacing.noUiSlider.on('update', function (values, handle) {
-                  $instance.justifiedGallery({margins: values[handle]});
-                });
-                rangeGalleryPadding.noUiSlider.on('update', function (values, handle) {
-                  $instance.justifiedGallery({border: values[handle]});
-                });
-
-                $('input:checkbox[name="captions"]').on('click', function (e) {
-                  var value = $(this).is(':checked');
-
-                  $instance.justifiedGallery({captions: value});
-                  if(environment === 'development') {
-                    logText = '\n' + 'gallery on ID ' +galleryId+ ' changed captions to: ' +value;
-                    logger.info(logText);
-                  }
-                  e.stopPropagation();
-                });
-
-                $('input:checkbox[name="random"]').on('click', function (e) {
-                  var value = $(this).is(':checked');
-
-                  $instance.justifiedGallery({randomize: value});
-                  if(environment === 'development') {
-                    logText = '\n' + 'gallery on ID ' +galleryId+ ' changed randomize to: ' +value;
-                    logger.info(logText);
-                  }
-                  e.stopPropagation();
-                });
-
-                $('input:checkbox[name="justify_last_row"]').on('click', function (e) {
-                  var value = $(this).is(':checked');
-
-                  if (value == true) {
-                    value = 'justify';
-                    $instance.justifiedGallery({lastRow: value});
-                  } else {
-                    value = 'nojustify';
-                    $instance.justifiedGallery({lastRow: value});
-                  }
-                  if(environment === 'development') {
-                    logText = '\n' + 'gallery on ID ' +galleryId+ ' changed lastRow to: ' +value;
-                    logger.info(logText);
-                  }
-                  e.stopPropagation();
-                });
-
-                $('input:checkbox[name="hide_last_row"]').on('click', function (e) {
-                  var value = $(this).is(':checked');
-
-                  if (value == true) {
-                    value = 'hide';
-                    $instance.justifiedGallery({lastRow: value});
-                  } else {
-                    value = 'nojustify';
-                    $instance.justifiedGallery({lastRow: value});
-                  }
-                  if(environment === 'development') {
-                    logText = '\n' + 'gallery on ID ' +galleryId+ ' changed lastRow to: ' +value;
-                    logger.info(logText);
-                  }
-                  e.stopPropagation();
-                });
-
-                $('#jg-customizer-form button[name="reset-defaults"]').on('click', function (e) {
-
-                  rangeRowHeigth.noUiSlider.set(customizerOptions.gallery_settings.rowHeight);
-                  rangeThumbSpacing.noUiSlider.set(customizerOptions.gallery_settings.margins);
-                  rangeGalleryPadding.noUiSlider.set(customizerOptions.gallery_settings.border);
-
-                  $('input:checkbox[name="captions"]').val('on').filter('[value="on"]').prop('checked', customizerOptions.gallery_settings.captions);
-                  $('input:checkbox[name="random"]').val('off').filter('[value="off"]').prop('checked', customizerOptions.gallery_settings.randomize);
-                  $('input:checkbox[name="justify_last_row"]').val('on').filter('[value="on"]').prop('checked', customizerOptions.gallery_settings.justifyLastRow);
-                  $('input:checkbox[name="hide_last_row"]').val('off').filter('[value="off"]').prop('checked', customizerOptions.gallery_settings.hideLastRow);
-
-                  // -----------------------------------------------------------
-                  // set gallery options
-                  //
-                  $instance.justifiedGallery({
-                    rowHeight:          customizerOptions.gallery_settings.rowHeight,
-                    maxRowHeight:       customizerOptions.gallery_settings.maxRowHeight,
-                    lastRow:            customizerOptions.gallery_settings.lastRow,
-                    margins:            customizerOptions.gallery_settings.margins,
-                    border:             customizerOptions.gallery_settings.border,
-                    randomize:          customizerOptions.gallery_settings.randomize,
-                    sort:               customizerOptions.gallery_settings.sort,
-                    refreshTime:        customizerOptions.gallery_settings.refreshTime,
-                    refreshSensitivity: customizerOptions.gallery_settings.refreshSensitivity,
-                    justifyThreshold:   customizerOptions.gallery_settings.justifyThreshold,
-                    captions:           customizerOptions.gallery_settings.captions
-                  });
-
-                  if(environment === 'development') {
-                    logText = '\n' + 'gallery on ID ' +galleryId+ ' reset to default values';
-                    logger.info(logText);
-                  }
-                  e.stopPropagation();
-                });
-                clearInterval(dependencies_met_sliders_loaded);
-              }
-            }, 10);
-          } // END if formId (customizer ui)
-
-          // -----------------------------------------------------------
-          // set drawer events (button toggler)
-          // See: https://jsfiddle.net/prathviraj080/vbbbw46a/1/
-          //
-          $('button.drawer-toggler').click(function(){
-            $('button.drawer-toggler span.mdi').toggleClass('mdib-menu mdib-close');
-          });
-          $('button.drawer-toggler').click(function(){
-            $('button.drawer-toggler').toggleClass('fadeIn rotateIn');
-          });
-
-          _this.setState('finished');
-          logger.debug('\n' + 'state: ' + _this.getState());
-          logger.info('\n' + 'initializing module finished');
-          logger.debug('\n' + 'met dependencies for: loadHTML');
-          clearInterval(dependencies_met_data_loaded);
-        } // END dependencies_met_data_loaded
-      }, 10);
-    }, // 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 %}