j1-template 2020.0.0

data/lib/starter_web/assets/themes/j1/adapter/js/justified_gallery.js

@@ -0,0 +1,403 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/justified_gallery.js
+ # Liquid template to create the J1 Adapter for Justified Gallery
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% 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.template_settings %}
+{% assign apps                  = site.data.apps %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign jf_gallery_defaults   = apps.defaults.justified_gallery.defaults %}
+{% assign jf_gallery_settings   = apps.justified_gallery.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign jf_gallery_options    = jf_gallery_defaults | merge: jf_gallery_settings %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/justified_gallery.js
+ # JS Adapter for JustifiedGallery
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # https://github.com/miromannino/Justified-Gallery
+ #
+ # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2016 Miro Mannino
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # Justified Gallery is licensed under the MIT license
+ # See: https://github.com/miromannino/Justified-Gallery
+ # -----------------------------------------------------------------------------
+ # Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+'use strict';
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+// j1.JustifiedGallery = (function (j1, window) {
+j1.adapter['jf_gallery'] = (function (j1, window) {
+
+  {% comment %} Global variables
+  ------------------------------------------------------------------------------ {% endcomment %}
+  var environment   = '{{environment}}';
+  var moduleOptions = {};
+  var _this;
+  var logger;
+  var logText;
+
+  // ---------------------------------------------------------------------------
+  // Helper functions
+  // ---------------------------------------------------------------------------
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // Initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+      // initialize state flag
+      j1.adapter.jf_gallery.state = 'pending';
+
+
+      // -----------------------------------------------------------------------
+      // Default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.jf_gallery',
+        generated:   '{{site.time}}'
+      }, options);
+
+      {% comment %} Load module config from yml data
+      -------------------------------------------------------------------------- {% endcomment %}
+      // Load  module DEFAULTS|CONFIG
+      //
+      moduleOptions = $.extend({}, {{jf_gallery_options | replace: '=>', ':' | replace: 'nil', '""'}});
+
+      if (typeof settings !== 'undefined') {
+        moduleOptions = j1.mergeData(moduleOptions, settings);
+      }
+
+      {% comment %} Set global variables
+      -------------------------------------------------------------------------- {% endcomment %}
+      _this = j1.adapter.jf_gallery;
+      logger = log4javascript.getLogger('j1.adapter.jf_gallery');
+
+      _this.setState('started');
+      logger.info('state: ' + _this.getState());
+      logger.info('module is being initialized');
+
+      _this.initialize(moduleOptions);
+
+      return true;
+    },
+
+    // -----------------------------------------------------------------------
+    // Load AJAX data and initialize the jg gallery
+    // -----------------------------------------------------------------------
+    initialize: function (options) {
+      logger = log4javascript.getLogger('j1.adapter.jf_gallery.init');
+
+      _this.setState('running');
+      logger.info('state: ' + _this.getState());
+
+      {% for item in jf_gallery_options.galleries %}
+        {% if item.gallery.enabled %}
+
+          {% assign gallery_id = item.gallery.id %}
+
+          {% assign lb_options        	  = item.gallery.lightbox_options %}
+          {% assign jg_options            = item.gallery.gallery_options  %}
+          {% assign gallery_title         = item.gallery.title %}
+          {% assign gallery_type          = item.gallery.type %}
+          {% assign lightbox              = item.gallery.lightbox_options.lightbox %}
+          {% assign css_classes           = item.gallery.css_classes %}
+          {% assign show_delay        	  = 250 %}
+
+          {% if lightbox == "lg" %}
+            {% assign lb_mode             = "lg-fade" %}
+            {% assign lb_cssEasing        = "cubic-bezier(0.25, 0, 0.25, 1)" %}
+            {% assign lb_thumbnails       = true  %}
+            {% assign lb_autoplay         = false %}
+            {% assign lb_fullscreen       = true  %}
+            {% assign lb_pager            = true  %}
+            {% assign lb_zoomer           = true  %}
+            {% assign lb_hash             = true  %}
+            {% assign lb_video            = false %}
+            {% assign lb_video_html5      = false %}
+            {% assign lb_video_online     = false %}
+            {% assign lb_share            = false %}
+            {% assign lb_share_facebook   = false %}
+            {% assign lb_share_twitter    = false %}
+            {% assign lb_share_googleplus = false %}
+            {% assign lb_share_pinterest  = false %}
+          {% endif %}
+
+          {% if item.gallery.show_delay %}  {% assign show_delay    = item.gallery.show_delay %}  {% endif %}
+          {% if lb_options.mode %}          {% assign lb_mode       = lb_options.mode %}          {% endif %}
+          {% if lb_options.cssEasing %}     {% assign lb_cssEasing  = lb_options.cssEasing %}     {% endif %}
+          {% if lb_options.thumbnails %}    {% assign lb_thumbnails = lb_options.thumbnails %}    {% endif %}
+          {% if lb_options.autoplay %}      {% assign lb_autoplay   = lb_options.autoplay %}      {% endif %}
+          {% if lb_options.fullscreen %}    {% assign lb_fullscreen = lb_options.fullscreen %}    {% endif %}
+          {% if lb_options.pager %}         {% assign lb_pager      = lb_options.pager %}         {% endif %}
+          {% if lb_options.zoomer %}        {% assign lb_zoomer     = lb_options.zoomer %}        {% endif %}
+          {% if lb_options.video.enabled %} {% assign lb_video      = lb_options.video.enabled %} {% endif %}
+
+          {% if lb_options.video.enabled %}
+            logText = 'Video not supported';
+            logger.error(logText);
+          {% endif %}
+
+          // Create an gallery instance if id: {{gallery_id}} exists
+          if ($('#{{gallery_id}}').length) {
+
+          logText = 'gallery is being initialized on id: #{{gallery_id}}';
+          logger.info(logText);
+
+          // Place HTML markup for the title
+          {% if gallery_title %}
+          var gallery_title = '<div class="jg-gallery-title">{{gallery_title}}</div>';
+          $('#{{gallery_id}}').before(gallery_title);
+          {% endif %}
+
+          $('#{{gallery_id}}').addClass("justified-gallery {{css_classes}}");
+
+          {% if gallery_type == "image" %}
+            // Collect image gallery data from data file (xhr_data_path)
+            $.getJSON('{{jf_gallery_options.xhr_data_path}}', function (data) {
+              var content = '';
+              var gallery_class = 'justified-gallery'
+              {% if lightbox == "lg" %}
+              gallery_class += ' light-gallery ';
+              {% endif %}
+
+              for (var i in data["{{item.gallery.id}}"]) {
+                var img               = data["{{item.gallery.id}}"][i].img;
+                // var img               = data["{{item.gallery.id}}"][i].image_path + '/' + data["{{item.gallery.id}}"][i].poster;
+                var captions_gallery  = data["{{item.gallery.id}}"][i].captions_gallery;
+                var captions_lightbox = data["{{item.gallery.id}}"][i].captions_lightbox;
+                var lightbox          = "{{lightbox}}";
+
+                if (captions_lightbox != null && lightbox == 'lg') {
+                  content +=  '<a data-sub-html="' +captions_lightbox+ '" ';
+                  content +=  'href="' +img+ '">' + '\n';
+                  content +=  '  <img src="' +img+ '" img alt="' +captions_lightbox+ '">' + '\n';
+                } else {
+                  content +=  '<a data-sub-html="' +captions_gallery+ '" ';
+                  content +=  'href="' +img+ '">' + '\n';
+                  content +=  ' <img src="' +img+ '" img alt="' +captions_gallery+ '">' + '\n';
+                }
+                content +=  '</a>' + '\n';
+
+              } // END for
+
+          {% elsif gallery_type == "video-html5" or gallery_type == "video-online" %}        
+
+            // Collect html5 video gallery data from data file (xhr_data_path)
+            $.getJSON('{{jf_gallery_options.xhr_data_path}}', function (data) {
+              var play_button = '/assets/themes/j1/extensions/light_gallery/css/themes/icons/play-button.png';
+              var content = '';
+              var gallery_class = 'justified-gallery'
+              {% if lightbox == "lg" %}
+              gallery_class += ' light-gallery ';
+              {% endif %}
+
+              for (var i in data["{{item.gallery.id}}"]) {
+                // var img               = data["{{item.gallery.id}}"][i].img;
+                var img               = data["{{item.gallery.id}}"][i].image_path + '/' + data["{{item.gallery.id}}"][i].poster;
+                var captions_gallery  = data["{{item.gallery.id}}"][i].captions_gallery;
+                var captions_lightbox = data["{{item.gallery.id}}"][i].captions_lightbox;
+                var video_id          = data["{{item.gallery.id}}"][i].video_id;
+                var video             = data["{{item.gallery.id}}"][i].video;
+                var lightbox          = "{{lightbox}}"; 
+
+                if (captions_lightbox != null && lightbox == 'lg') {
+                  content +=  '<a data-sub-html="' +captions_lightbox+ '" ';
+                  {% if gallery_type == "video-html5" %}
+                  content += ' data-html="#' +video_id+ '">' + '\n';
+                  {% endif %}
+                  {% if gallery_type == "video-online" %}
+                  content += ' data-src="' +video+ '">' + '\n';
+                  {% endif %}
+                  content +=  'href="' +img+ '">' + '\n';
+                  content +=  '<img src="' +img+ '" img alt="' +captions_lightbox+ '">' + '\n';
+                  content +=  '<span><img class="justified-gallery img-overlay" src="/assets/themes/j1/extensions/light_gallery/css/themes/icons/play-button.png"></span>' + '\n';
+                } else {
+                  content +=  '<a data-sub-html="' +captions_gallery+ '" ';
+                  content +=  'href="' +img+ '">' + '\n';
+                  content +=  '<img src="' +img+ '" img alt="' +captions_gallery+ '">' + '\n';
+                  content +=  '<span><img class="justified-gallery img-overlay" src="/assets/themes/j1/extensions/light_gallery/css/themes/icons/play-button.png"></span>' + '\n';
+                }
+                content +=  '</a>' + '\n';
+
+              } // END for
+
+              var hidden_video_div = '';
+              for (var i in data["{{item.gallery.id}}"]) {
+                var video        = data["{{item.gallery.id}}"][i].video_path + '/' + data["{{item.gallery.id}}"][i].video;
+                var poster       = data["{{item.gallery.id}}"][i].image_path + '/' + data["{{item.gallery.id}}"][i].poster;
+                var caption      = data["{{item.gallery.id}}"][i].captions_lightbox;
+                var video_id     = data["{{item.gallery.id}}"][i].video_id;
+                var video_type   = video.substr(video.lastIndexOf('.') + 1);
+                hidden_video_div += '<div style="display:none;" id="' +video_id+ '">' + '\n';
+                hidden_video_div += '  <video class="lg-video-object lg-html5 video-js vjs-default-skin"' + '\n';
+                hidden_video_div += '         poster="' +poster+ '" controls="" preload="none">' + '\n';
+                hidden_video_div += '    <source src="' +video+ '" type="video/' +video_type+ '">' + '\n';
+                hidden_video_div += '    Your browser does not support HTML5 video.' + '\n';
+                hidden_video_div += '  </video>' + '\n';
+                hidden_video_div += '</div>' + '\n';
+              }
+              $('#{{ gallery_id }}').before(hidden_video_div);
+       
+          {% endif %}
+
+              // Hide gallery container (until lightGallery is NOT initialized)
+              // and place HTML markup
+              $("#{{gallery_id}}").hide().html(content);
+              // Initialize and run the gallery using individual gallery|lightbox options
+              {% if lightbox == "lg" %}
+                var gallery_selector = $("#{{gallery_id}}");
+                if (options !== undefined) {
+                  // lightbox initialized on COMPLETE event of justifiedGallery
+                  gallery_selector.justifiedGallery({
+                    {% for option in item.gallery.gallery_options %}
+                    {{option[0] | json}}: {{option[1] | json}},
+                    {% endfor %}
+                  })
+                  .on('jg.complete', function (e) {
+                    e.stopPropagation();
+                    // options enabled
+                    gallery_selector.lightGallery({
+                      {% for option in item.gallery.lightbox_options %}
+                      {{option[0] | json}}: {{option[1] | json}},
+                      {% endfor %}
+                    });
+                    // Initialize instance variable of lightGallery (for later access)
+                    j1['{{gallery_id}}'] = gallery_selector.data('lightGallery');
+                    // Show gallery DIV element if jg has completed *and* the
+                    // lightbox is initialized (delayed)
+                    setTimeout(function() { 
+                      $("#{{gallery_id}}").show();
+                      logText = 'initializing gallery finished on id: #{{gallery_id}}';
+                      logger.info(logText);
+                    }, {{show_delay}});
+                  });
+                } else {
+                  gallery_selector.justifiedGallery({
+                    {% for option in item.gallery.gallery_options %}
+                    {{option[0] | json}}: {{option[1] | json}},
+                    {% endfor %}
+                  }).on('jg.complete', function (e) {
+                     e.stopPropagation();
+                    // lightbox initialized on COMPLETE event of justifiedGallery
+                    gallery_selector.lightGallery({
+                      {% for option in item.gallery.lightbox_options %}
+                      {{option[0] | json}}: {{option[1] | json}},
+                      {% endfor %}
+                    });
+                    // Initialize instance variable of lightGallery (for later access)
+                    j1['{{gallery_id}}'] = gallery_selector.data('lightGallery');
+                    // Show gallery DIV element if jg has completed *and* the
+                    // lightbox is initialized (delayed)
+                    setTimeout(function() { 
+                      $("#{{gallery_id}}").show();
+                      logText = 'initializing gallery finished on id: #{{gallery_id}}';
+                      logger.info(logText);
+                      }, {{show_delay}});
+                  });
+                }
+              {% endif %} // ENDIF lightbox "lg"
+
+              {% if lightbox == "cb" %}
+                // $(this).find('a').colorbox();
+              {% endif %}  // ENDIF lightbox "cb"
+
+            }); // END getJSON
+          } //end gallery
+        {% endif %} // ENDIF gallery enabled
+      {% endfor %}
+    }, // END function initialize
+
+    // -------------------------------------------------------------------------
+    // 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 = 'received message from ' + sender + ': ' + json_message;
+      logger.debug(logText);
+
+      // -----------------------------------------------------------------------
+      //  Process commands|actions
+      // -----------------------------------------------------------------------
+      if (message.type === 'command' && message.action === 'module_initialized') {
+        _this.setState('finished');
+        logger.info(message.text);
+      }
+
+      //
+      // Place handling of other command|action here
+      //
+
+      return true;
+    }, // END messageHandler
+
+    // -------------------------------------------------------------------------
+    // setState
+    // Set the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    setState: function (stat) {
+      j1.adapter.jf_gallery.state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    // getState
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: function () {
+      return j1.adapter.jf_gallery.state;
+    } // END state
+
+  }; // END return
+})(j1, window);
+
+{% endcapture %}
+{{cache | strip_empty_lines}}
+{% assign cache = nil %}

data/lib/starter_web/assets/themes/j1/adapter/js/lightbox.js

@@ -0,0 +1,181 @@
+---
+regenerate:                             false
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/lightbox.js
+ # Liquid template to adapt Lightbox Core functions
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% 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.template_settings %}
+{% assign apps              = site.data.apps %}
+
+{% comment %} Set config data
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign lightbox_defaults  = apps.defaults.lightbox.defaults %}
+{% assign lightbox_settings  = apps.lightbox.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign lightbox_options   = lightbox_defaults | merge: lightbox_settings %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/lightbox.js
+ # JS Adapter for J1 Lightbox
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # https://github.com/lokesh/lightbox2/
+ #
+ # Copyright (C) 2020 Juergen Adams
+ # Copyright (C) 2007, 2018 Lokesh Dhakar
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # Lightbox V2 is licensed under the MIT License.
+ # For details, see https://github.com/lokesh/lightbox2/
+ #
+ # -----------------------------------------------------------------------------
+ # Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+'use strict';
+
+{% comment %} Main
+--------------------------------------------------------------- {% endcomment %}
+// j1.Lightbox = (function (j1, window) {
+j1.adapter['lightbox'] = (function (j1, window) {
+
+  {% comment %} Global variables
+  ------------------------------------------------------------------------------ {% endcomment %}
+  var environment   = '{{environment}}';
+  var moduleOptions = {};
+  var _this;
+  var logger;
+  var logText;
+
+  // ---------------------------------------------------------------------------
+  // Helper functions
+  // ---------------------------------------------------------------------------
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // Initializer
+    // -------------------------------------------------------------------------
+    init: function () {
+      // initialize state flag
+      j1.adapter.lightbox.state = 'pending';
+
+      {% comment %} Set global variables
+      -------------------------------------------------------------------------- {% endcomment %}
+      _this   = j1.adapter.lightbox;
+      logger  = log4javascript.getLogger('j1.adapter.lightbox');
+
+      _this.setState('started');
+      logger.info('state: ' + _this.getState());
+      logger.info('module is being initialized');
+
+      lightbox.option({
+        alwaysShowNavOnTouchDevices:  {{ lightbox_options.alwaysShowNavOnTouchDevices | json }},
+        albumLabel:                   {{ lightbox_options.albumLabel | json }},
+        disableScrolling:             {{ lightbox_options.disableScrolling | json }},
+        fadeDuration:                 {{ lightbox_options.fadeDuration | json }},
+        fitImagesInViewport:          {{ lightbox_options.fitImagesInViewport | json }},
+        imageFadeDuration:            {{ lightbox_options.imageFadeDuration | json }},
+        maxWidth:                     {{ lightbox_options.maxWidth | json }},
+        maxHeight:                    {{ lightbox_options.maxHeight | json }},
+        positionFromTop:              {{ lightbox_options.positionFromTop | json }},
+        resizeDuration:               {{ lightbox_options.resizeDuration | json }},
+        showImageNumberLabel:         {{ lightbox_options.showImageNumberLabel | json }},
+        wrapAround:                   {{ lightbox_options.wrapAround | json }}
+      });
+
+      _this.setState('finished');
+      logger.info('state: ' + _this.getState());
+      logger.info('initializing module finished');
+
+      return true;
+    }, // END init lightbox
+
+    // -------------------------------------------------------------------------
+    // 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 = '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(message.text);
+      }
+
+      //
+      // Place handling of other command|action here
+      //
+
+      return true;
+    }, // END messageHandler
+
+    // -------------------------------------------------------------------------
+    // setState
+    // Set the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    setState: function (stat) {
+      j1.adapter.lightbox.state = stat;
+    }, // END setState
+
+    // -------------------------------------------------------------------------
+    // getState
+    // Returns the current (processing) state of the module
+    // -------------------------------------------------------------------------
+    getState: function () {
+      return j1.adapter.lightbox.state;
+    } // END state
+
+  }; // END return
+})(j1, window);
+
+{% endcapture %}
+{{ cache | strip_empty_lines }}
+{% assign cache = nil %}