j1-template 2021.2.0 → 2021.2.4

data/assets/themes/j1/modules/j1Deepl/js/j1deepl.min.js

@@ -0,0 +1,18 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/j1Deepl/js/j1deepl.min.js
+ # J1 core module for j1Deepl
+ #
+ # 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: Based on https://github.com/jquery-boilerplate/jquery-boilerplate
+ # See:  https://www.dotnetcurry.com/jquery/1069/authoring-jquery-plugins
+ # -----------------------------------------------------------------------------
+*/
+(function(e,c,a,g){var d="j1deepl",f={api:"free",auth_key:false,source_lang:"auto",target_lang:"DE",max_chars:false,split_sentences:"1",preserve_formatting:"0",formality:"default",tag_handling:false,outline_detection:true,non_splitting_tags:false,splitting_tags:false,ignore_tags:false,onInit:function(){},onBeforeTranslation:function(){},onAfterTranslation:function(){}};function b(i,h){this.element=i;this.settings=e.extend({},f,h);this.settings.elementID="#"+this.element.id;this.xhr=new XMLHttpRequest();this.init(this.settings)}e.extend(b.prototype,{init:function(i){var h=log4javascript.getLogger("j1deepl.init");h.info("\ninitializing plugin: started");this.translate(i);h.info("\ninitializing plugin: finished")},prepareXHR:function(h){if(h.api==="free"){this.xhr.open("POST","https://api-free.deepl.com/v2/translate",true)}else{if(h.api==="pro"){this.xhr.open("POST","https://api.deepl.com/v2/translate",true)}else{this.xhr.open("POST","https://api-free.deepl.com/v2/translate",true)}}this.xhr.setRequestHeader("Accept","*/*");this.xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded")},prepareText:function(h){return h.split("\n")},translate:function(C){const H=log4javascript.getLogger("j1deepl.translate");const n=4;const t=200;const u=["BG","CS","DA","DE","EL","EN-GB","EN-US","EN","ES","ET","FI","FR","HU","IT","JA","LT","LV","NL","PL","PT-PT","PT-BR","PT","RO","RU","SK","SL","SV","ZH"];const h=["DE","FR","IT","ES","NL","PL","PT","PT-BR","RU"];const r=["xml"];const w=C.targetElement;const q=e(w).length;const D="Translation failed.\nReason: ";const o="Translation skipped.\nReason: ";var y;var F;var v;var x={};x["400"]="Bad request. Please check error message and your parameters.";x["401"]="Authorization failed. Please supply a valid DeepL-Auth-Key.";x["403"]="Forbidden. The access to the requested resource is denied, because of insufficient access rights.";x["404"]="The requested resource could not be found.";x["413"]="The request size exceeds the limit.";x["415"]="The requested entries format specified in the Accept header is not supported.";x["429"]="Too many requests. Please wait and resend your request.";x["456"]="Quota exceeded. The maximum amount of glossaries has been reached.";x["500"]="Internal server error";x["503"]="Resource currently unavailable. Try again later.";x["529"]="Too many requests. Please wait and resend your request.";var l;var k="";var j="";var B="";var E="";var m;var G;if(q){y=(w.includes(".")||w.includes("#"))?w.substring(1):w;F=e(w).get(0).nodeName;if(F==="TEXTAREA"){B=this.element.value}else{if(F==="P"){j=this.element;B=e(w).text()}}v=B.length}else{H.error("\ntarget element does not exists: "+w);return false}if(C.max_char&&B.length>C.max_char){var s=B.substring(0,C.max_char-3);B=s+" ...";H.info("\nlimit for source text (max: "+C.max_char+") reached: "+B.length)}E=this.prepareText(B);this.prepareXHR(C);var p="";for(var A=0;A<E.length;A++){p+="&text="+E[A]}this.xhr.onload=function(){if(this.readyState===n){if(this.status===t){var I=JSON.parse(this.responseText);var J="";for(var K=0;K<I.translations.length;K++){J+=I.translations[K].text;J+="\n"}if(F==="TEXTAREA"){e(w).val(J)}else{if(F==="P"){e(w).text(J)}}}else{H.error("\nAPI returned "+this.status+": "+x[this.status])}}};m=this.settings.source_lang;G=this.settings.target_lang;if(this.settings.source_lang!=="auto"){this.settings.source_lang=(u.indexOf(this.settings.source_lang)>-1)?this.settings.source_lang:false}this.settings.target_lang=(u.indexOf(this.settings.target_lang)>-1)?this.settings.target_lang:false;if(!this.settings.auth_key||!this.settings.source_lang||!this.settings.target_lang){if(!this.settings.auth_key){l="NO AUTH key passed.";H.error("\ninvalid option found. "+l)}if(!this.settings.source_lang){l="WRONG source language passed: "+m;H.error("\ninvalid option found. "+l)}if(!this.settings.target_lang){l="WRONG target language passed: "+G;H.error("\ninvalid option found. "+l)}if(F==="TEXTAREA"){e(w).val(D+l)}else{if(F==="P"){e(w).text(D+l)}}return false}if(!v){l="NO text found for translation";if(F==="TEXTAREA"){e(w).val(o+l)}else{if(F==="P"){e(w).text(o+l)}}H.warn("\nno text found for translation");return false}if(this.settings.formality!=="default"){if(!(h.indexOf(this.settings.target_lang)>-1)){H.warn("\nwrong language found for formality setting: "+this.settings.target_lang)}this.settings.formality=(h.indexOf(this.settings.target_lang)>-1)?this.settings.formality:"default"}if(this.settings.tag_handling){var z=this.settings.tag_handling;this.settings.tag_handling=(r.indexOf(this.settings.tag_handling)>-1)?this.settings.tag_handling:false;if(this.settings.tag_handling){this.settings.non_splitting_tags=this.settings.non_splitting_tags?encodeURIComponent(this.settings.non_splitting_tags):false;this.settings.splitting_tags=this.settings.splitting_tags?encodeURIComponent(this.settings.splitting_tags):false;this.settings.ignore_tags=this.settings.ignore_tags?encodeURIComponent(this.settings.ignore_tags):false}else{H.error("\ninvalid option found for tag handling : "+z);H.warn("\ndisable option: tag_handling");if(this.settings.non_splitting_tags){H.warn("\ndisable option: "+this.settings.non_splitting_tags);this.settings.non_splitting_tags=false}if(this.settings.splitting_tags){H.warn("\ndisable option : "+this.settings.splitting_tags);this.settings.splitting_tags=false}if(this.settings.ignore_tags){H.warn("\ndisable option: "+this.settings.ignore_tags);this.settings.ignore_tags=false}}}else{if(this.settings.non_splitting_tags){H.warn("\ninvalid option found: "+this.settings.non_splitting_tags);this.settings.non_splitting_tags=false}if(this.settings.splitting_tags){H.warn("\ninvalid option found: "+this.settings.splitting_tags);this.settings.splitting_tags=false}if(this.settings.ignore_tags){H.warn("\ninvalid option found: "+this.settings.ignore_tags);this.settings.ignore_tags=false}}k="auth_key="+this.settings.auth_key;k+=(this.settings.source_lang!=="auto")?"&source_lang="+this.settings.source_lang:"";k+="&target_lang="+this.settings.target_lang;k+=(this.settings.formality!=="default")?"&formality="+this.settings.formality:"";k+=(this.settings.split_sentences)?"&split_sentences="+this.settings.formality:"";k+=(this.settings.tag_handling)?"&tag_handling="+this.settings.tag_handling:"&tag_handling=0";k+=(this.settings.tag_handling&&this.settings.non_splitting_tags)?"&non_splitting_tags="+this.settings.non_splitting_tags:"";k+=(this.settings.tag_handling&&this.settings.splitting_tags)?"&splitting_tags="+this.settings.splitting_tags:"";k+=(this.settings.tag_handling&&this.settings.ignore_tags)?"&ignore_tags="+this.settings.ignore_tags:"";k+=p;this.xhr.send(k)}});e.fn[d]=function(i){var h=arguments;if(i===g||typeof i==="object"){return this.each(function(){if(!e.data(this,"plugin_"+d)){e.data(this,"plugin_"+d,new b(this,i))}})}else{if(typeof i==="string"&&i[0]!=="_"&&i!=="init"){var j;this.each(function(){var k=e.data(this,"plugin_"+d);if(k instanceof b&&typeof k[i]==="function"){j=k[i].apply(k,Array.prototype.slice.call(h,1))}if(i==="destroy"){e.data(this,"plugin_"+d,null)}});return j!==g?j:this}}}})(jQuery,window,document);

data/assets/themes/j1/modules/j1Scroll/js/j1scroll.js

@@ -11,6 +11,9 @@
  # J1 Template is licensed under the MIT License.
  # For details, see https://jekyll.one
  # -----------------------------------------------------------------------------
+ # NOTE: Based on https://github.com/jquery-boilerplate/jquery-boilerplate
+ # See:  https://www.dotnetcurry.com/jquery/1069/authoring-jquery-plugins
+ # -----------------------------------------------------------------------------
 */
 
 // the semi-colon before function invocation is a SAFETY method against
@@ -19,245 +22,259 @@
 //
 ;(function($, window, document, undefined) {
 
-	'use strict';
-
-	// Create the defaults
-	var pluginName = 'j1Scroll',
-	defaults = {
-	    type:               	'infiniteScroll',
-	    scrollOffset:    			100,
-	    elementScroll:      	false,
-			firstPage:            2,
-			lastPage:             false,
-			infoLastPage:         false,
-			loadStatus:           false,
-			onInit:               function (){},					                        		// callback after plugin has initialized
-			onBeforeLoad:         function (){},	                            				// callback before new items are loaded
-			onAfterLoad:          function (){}																				// callback after new items are loaded
-	};
-
-	// Plugin constructor
-	function Plugin (element, options) {
-		this.element            = element;
-		this.settings           = $.extend( {}, defaults, options);
-		this.settings.elementID = '#' + this.element["id"]
-
-		// call the initializer
-		this.init(this.settings);
-	}
-
-	// Avoid Plugin.prototype conflicts
-	$.extend(Plugin.prototype, {
-		// -------------------------------------------------------------------------
-		// init: initializer
-		// -------------------------------------------------------------------------
-		init: function(options) {
-		  var logger = log4javascript.getLogger('j1Scroll');
-
-			logger.info('\n' + 'initializing plugin: started');
-			logger.info('\n' + 'state: started');
-
-			if ( options.elementScroll ) {
-				this.scroller = this.element;
-			} else {
-				this.scroller = window;
-			}
-
-			if (options.loadStatus) {
-				var spinner = '<div class="loader-ellips" style="display: none"> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> </div>';
-				$(spinner).insertAfter(options.elementID);
-			}
-
-			if (options.infoLastPage) {
-				var message = options.lastPageInfo;
-				$(message).insertAfter(options.elementID);
-			}
-
-		  // initialize infinite scroll
-		  if ( options.type === 'infiniteScroll') {
-					logger.info('\n' + 'processing mode: infiniteScroll');
-					logger.info('\n' + 'loading items from path: ' + options.path + "#");
-					logger.info('\n' + 'monitoring element set to: ' + this.scroller);
-		      this.registerScrollEvent(options);
-		  }
-			logger.info('\n' + 'initializing plugin: finished');
-			logger.info('\n' + 'state: finished');
-		},
-		// -------------------------------------------------------------------------
-		// bottomReached: detect final scroll position
-		// NOTE: 	the calculation for BOTTOM position is different for
-		// 				elementScroll and windowScroll. For elementScroll, the
-		//				trigger isBottomReached is TRUE, if the scroll position has
-		//        the end of the container PLUS a given scrollOffset.
-		//        For windowScroll, the trigger isBottomReached is TRUE, if
-		//        the scroll position has the end of the window MINUS
-		//        a given scrollOffset.
-		// -------------------------------------------------------------------------
-		isBottomReached: function (options) {
-		  var _this = this;
-		  var bottom, scrollY;
-			var clientHeight = $(options.elementID).height();
-
-		  if ( _this.settings.elementScroll ) {
-				// check scroll position of the container items are to be added
-				var $window = $(window);
-				var viewport_top = $window.scrollTop();
-				var viewport_height = $window.height();
-				var viewport_bottom = viewport_top + viewport_height - options.scrollOffset;
-				var $elm = $(options.elementID);
-				var top = $elm.offset().top + clientHeight;
-				var height = $elm.height();
-				bottom = top + height;
-
-
-				return (top >= viewport_top && top < viewport_bottom) ||
-				(bottom > viewport_top && bottom <= viewport_bottom) ||
-				(height > viewport_height && top <= viewport_top && bottom >= viewport_bottom);
-		  } else {
-				// check scroll position of the (overall) window
-				return (window.innerHeight + window.pageYOffset + options.scrollOffset >= document.body.offsetHeight);
-		  }
-		},
-		// -------------------------------------------------------------------------
-		// detectScroll: EventHandler to load new items for infinite scroll
-		// if final scroll position reached
-		// -------------------------------------------------------------------------
-		registerScrollEvent: function (options) {
-		  var _this = this;
-		  var logger = log4javascript.getLogger('j1Scroll');
-
-		  logger.info('\n' + 'scroll event: register');
-
-			var eventHandler_onscroll = function (event) {
-				var options = _this.settings;
-
-				if (_this.isBottomReached(options)) {
-					if (options.firstPage > options.lastPage ) {
-						logger.info('\n' + 'last page detected on: ' + options.lastPage);
-						window.removeEventListener('scroll', eventHandler_onscroll);
-						logger.info('\n' + 'scroll event: removed');
-
-						if (options.infoLastPage ) {
-							_this.infoLastPage(options);
-						}
-						return false;
-					}
-					_this.getNewPost(options);
-				}
-		  }
-			window.addEventListener('scroll', eventHandler_onscroll);
-
-			logger.info('\n' + 'scroll event: registered');
-		},
-		// -------------------------------------------------------------------------
-		// getNewPost: load new items (from current path)
-		// Note: loader flag prevents to load items if AJAX load in progress
-		// is NOT finished
-		// -------------------------------------------------------------------------
-		getNewPost: function (options) {
-		  var _this = this;
-			var logger = log4javascript.getLogger('j1Scroll');
-
-			logger.info('\n' + 'trigger loading ');
-
-			// initialze loader flag
-		  if (this.itemsLoaded === false) return false;
-
-			// set loader flag (false == not loaded)
-		  this.itemsLoaded = false;
-
-			// display spinner while loading
-			if (options.loadStatus) {
-				logger.info('\n' + 'show: spinner');
-				$('.loader-ellips').show();
-			}
-
-		  var xmlhttp = new XMLHttpRequest();
-		  xmlhttp.onreadystatechange = function () {
-		    if (xmlhttp.readyState == XMLHttpRequest.DONE) {
-		      if (xmlhttp.status == 200) {
-		        options.firstPage++;
-		        var childItems = _this.getChildItemsByAjaxHTML(options, xmlhttp.responseText);
-		        _this.appendNewItems(childItems);
-
-						logger.info('\n' + 'loading new items: successful');
-
-						// hide the spinner after loading
-						if (options.loadStatus) {
-							logger.info('\n' + 'hide: spinner');
-							$('.loader-ellips').hide();
-						}
-
-						// set loader flag (true == loaded)
-						return _this.itemsLoaded = true;
-		      } else {
-						// hide the spinner
-						if (options.loadStatus) {
-							logger.info('\n' + 'hide: spinner');
-							$('.loader-ellips').hide();
-						}
-
-						logger.error('\n' + 'loading new items failed, HTTP response: ' + xmlhttp.status );
-						// set loader flag (true == loaded)
-			      return _this.itemsLoaded = false;
-					}
-		    }
-		  };
-			logger.info('\n' + 'loading new items from path: ' + options.path + options.firstPage);
-		  xmlhttp.open("GET", location.origin + options.path + options.firstPage + '/index.html', true);
-		  xmlhttp.send();
-
-		},
-		// -------------------------------------------------------------------------
-		// getChildItemsByAjaxHTML: extract items from page loaded
-		// -------------------------------------------------------------------------
-		getChildItemsByAjaxHTML: function (options, HTMLText) {
-		  var newHTML = document.createElement('html');
-			var logger = log4javascript.getLogger('j1Scroll');
-
-			logger.info('\n' + 'load new items');
-		  newHTML.innerHTML = HTMLText;
-		  var childItems = newHTML.querySelectorAll(options.elementID + ' > *');
-		  return childItems;
-		},
-		// -------------------------------------------------------------------------
-		// appendNewItems: append items and run post processing
-		// -------------------------------------------------------------------------
-		appendNewItems: function (items) {
-		  var _this = this;
-			var logger = log4javascript.getLogger('j1Scroll');
-
-			logger.info('\n' + 'append new items');
-		  items.forEach(function (item) {
-		    _this.element.appendChild(item);
-		  });
-
-			logger.info('\n' + 'post processing: createDropCap');
-			// initialize backdrops
-			j1.core.createDropCap();
-		},
-		// -------------------------------------------------------------------------
-		// getNewPost: load/append new items
-		// Note: loader flag prevents to load items if AJAX load in progress
-		// is NOT finished
-		// -------------------------------------------------------------------------
-		infoLastPage: function (options) {
-		  var _this 		= this;
-			var logger		= log4javascript.getLogger('j1Scroll');
-
-			logger.info('\n' + 'show: infoLastPage');
-			$('.page-scroll-last').show();
-		}
-	}); // END prototype
-
-	// wrapper around the constructor to prevent multiple instantiations
-	$.fn [pluginName] = function(options) {
-	  return this.each(function() {
-	    if (!$.data( this, "plugin_" + pluginName)) {
-	      $.data(this, "plugin_" +
-	        pluginName, new Plugin(this, options));
-	    }
-	  });
-	};
+    'use strict';
+
+    // Create the defaults
+    var pluginName = 'j1Scroll',
+    defaults = {
+      type:                   'infiniteScroll',
+      scrollOffset:               100,
+      elementScroll:          false,
+      firstPage:            2,
+      lastPage:             false,
+      infoLastPage:         false,
+      loadStatus:           false,
+      onInit:               function (){},                                      // callback after plugin has initialized
+      onBeforeLoad:         function (){},                                      // callback before new items are loaded
+      onAfterLoad:          function (){}                                       // callback after new items are loaded
+    };
+
+    // Plugin constructor
+    function Plugin (element, options) {
+      this.element            = element;
+      this.settings           = $.extend( {}, defaults, options);
+      this.settings.elementID = '#' + this.element.id;
+
+      // call the initializer
+      this.init(this.settings);
+    }
+
+    // Avoid Plugin.prototype conflicts
+    $.extend(Plugin.prototype, {
+      // -------------------------------------------------------------------------
+      // init: initializer
+      // -------------------------------------------------------------------------
+      init: function(options) {
+        var logger = log4javascript.getLogger('j1Scroll');
+
+        logger.info('\n' + 'initializing plugin: started');
+        logger.info('\n' + 'state: started');
+
+        if ( options.elementScroll ) {
+            this.scroller = this.element;
+        } else {
+            this.scroller = window;
+        }
+
+        if (options.loadStatus) {
+            var spinner = '<div class="loader-ellips" style="display: none"> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> </div>';
+            $(spinner).insertAfter(options.elementID);
+        }
+
+        if (options.infoLastPage) {
+            var message = options.lastPageInfo;
+            $(message).insertAfter(options.elementID);
+        }
+
+        // initialize infinite scroll
+        if ( options.type === 'infiniteScroll') {
+          logger.info('\n' + 'processing mode: infiniteScroll');
+          logger.info('\n' + 'loading items from path: ' + options.path + "#");
+          logger.info('\n' + 'monitoring element set to: ' + this.scroller);
+          this.registerScrollEvent(options);
+        }
+          logger.info('\n' + 'initializing plugin: finished');
+          logger.info('\n' + 'state: finished');
+      },
+
+      // -----------------------------------------------------------------------
+      // bottomReached: detect final scroll position
+      // NOTE:    the calculation for BOTTOM position is different for
+      //              elementScroll and windowScroll. For elementScroll, the
+      //              trigger isBottomReached is TRUE, if the scroll position has
+      //        the end of the container PLUS a given scrollOffset.
+      //        For windowScroll, the trigger isBottomReached is TRUE, if
+      //        the scroll position has the end of the window MINUS
+      //        a given scrollOffset.
+      // -----------------------------------------------------------------------
+      isBottomReached: function (options) {
+        var _this = this;
+        var bottom, scrollY;
+        var clientHeight = $(options.elementID).height();
+
+        if ( _this.settings.elementScroll ) {
+          // check scroll position of the container items are to be added
+          var $window = $(window);
+          var viewport_top = $window.scrollTop();
+          var viewport_height = $window.height();
+          var viewport_bottom = viewport_top + viewport_height - options.scrollOffset;
+          var $elm = $(options.elementID);
+          var top = $elm.offset().top + clientHeight;
+          var height = $elm.height();
+          bottom = top + height;
+
+
+          return (top >= viewport_top && top < viewport_bottom) ||
+          (bottom > viewport_top && bottom <= viewport_bottom) ||
+          (height > viewport_height && top <= viewport_top && bottom >= viewport_bottom);
+        } else {
+          // check scroll position of the (overall) window
+          return (window.innerHeight + window.pageYOffset + options.scrollOffset >= document.body.offsetHeight);
+        }
+      },
+
+      // -----------------------------------------------------------------------
+      // detectScroll: EventHandler to load new items for infinite scroll
+      // if final scroll position reached
+      // -----------------------------------------------------------------------
+      registerScrollEvent: function (options) {
+        var _this = this;
+        var logger = log4javascript.getLogger('j1Scroll');
+
+        logger.info('\n' + 'scroll event: register');
+        var eventHandler_onscroll = function (event) {
+          var options = _this.settings;
+
+          if (_this.isBottomReached(options)) {
+            if (options.firstPage > options.lastPage ) {
+              logger.info('\n' + 'last page detected on: ' + options.lastPage);
+              window.removeEventListener('scroll', eventHandler_onscroll);
+              logger.info('\n' + 'scroll event: removed');
+
+              if (options.infoLastPage ) {
+                  _this.infoLastPage(options);
+              }
+              return false;
+            }
+            _this.getNewPost(options);
+          }
+        };
+        window.addEventListener('scroll', eventHandler_onscroll);
+        logger.info('\n' + 'scroll event: registered');
+      },
+
+      // -----------------------------------------------------------------------
+      // getNewPost: load new items (from current path)
+      // Note: loader flag prevents to load items if AJAX load in progress
+      // is NOT finished
+      // -----------------------------------------------------------------------
+      getNewPost: function (options) {
+        var _this = this;
+        var logger = log4javascript.getLogger('j1Scroll');
+
+        logger.info('\n' + 'trigger loading ');
+
+        // initialze loader flag
+        if (this.itemsLoaded === false) return false;
+
+        // set loader flag (false == not loaded)
+        this.itemsLoaded = false;
+
+        // display spinner while loading
+        if (options.loadStatus) {
+          logger.info('\n' + 'show: spinner');
+          $('.loader-ellips').show();
+        }
+
+        var xmlhttp = new XMLHttpRequest();
+        xmlhttp.onreadystatechange = function () {
+          if (xmlhttp.readyState == XMLHttpRequest.DONE) {
+            if (xmlhttp.status == 200) {
+              options.firstPage++;
+              var childItems = _this.getChildItemsByAjaxHTML(options, xmlhttp.responseText);
+              _this.appendNewItems(childItems);
+
+              logger.info('\n' + 'loading new items: successful');
+
+              // hide the spinner after loading
+              if (options.loadStatus) {
+                  logger.info('\n' + 'hide: spinner');
+                  $('.loader-ellips').hide();
+              }
+
+              // set loader flag (true == loaded)
+              // return _this.itemsLoaded = true;
+              _this.itemsLoaded = true;
+            } else {
+              // hide the spinner
+              if (options.loadStatus) {
+                  logger.info('\n' + 'hide: spinner');
+                  $('.loader-ellips').hide();
+              }
+
+              logger.error('\n' + 'loading new items failed, HTTP response: ' + xmlhttp.status );
+              // set loader flag (true == loaded)
+              // return _this.itemsLoaded = false;
+              _this.itemsLoaded = false;
+            }
+          }
+        };
+        logger.info('\n' + 'loading new items from path: ' + options.path + options.firstPage);
+        xmlhttp.open("GET", location.origin + options.path + options.firstPage + '/index.html', true);
+        xmlhttp.send();
+      },
+
+      // -----------------------------------------------------------------------
+      // getChildItemsByAjaxHTML: extract items from page loaded
+      // -----------------------------------------------------------------------
+      getChildItemsByAjaxHTML: function (options, HTMLText) {
+        var newHTML = document.createElement('html');
+        var logger = log4javascript.getLogger('j1Scroll');
+
+        logger.info('\n' + 'load new items');
+        newHTML.innerHTML = HTMLText;
+        var childItems = newHTML.querySelectorAll(options.elementID + ' > *');
+        return childItems;
+      },
+
+      // -----------------------------------------------------------------------
+      // appendNewItems: append items and run post processing
+      // -----------------------------------------------------------------------
+      appendNewItems: function (items) {
+        var _this           = this;
+        var logger          = log4javascript.getLogger('j1Scroll');
+        var cookie_names    = j1.getCookieNames();
+        var user_translate  = j1.readCookie(cookie_names.user_translate);
+
+        logger.info('\n' + 'append new items');
+        items.forEach(function (item) {
+          _this.element.appendChild(item);
+        });
+
+        // no dropcaps if translation enabled
+        if (user_translate.translationEnabled) {
+          logger.info('\n' + 'translation enabled: ' + user_translate.translationEnabled);
+          logger.warn('\n' + 'skipped processing of dropcaps');
+        } else {
+          // initialize dropcaps
+          logger.info('\n' + 'post processing: createDropCap');
+          j1.core.createDropCap();
+        }
+
+      },
+
+      // -----------------------------------------------------------------------
+      // getNewPost: load/append new items
+      // Note: loader flag prevents to load items if AJAX load in progress
+      // is NOT finished
+      // -----------------------------------------------------------------------
+      infoLastPage: function (options) {
+        var _this         = this;
+          var logger      = log4javascript.getLogger('j1Scroll');
+
+          logger.info('\n' + 'show: infoLastPage');
+          $('.page-scroll-last').show();
+      }
+    }); // END prototype
+
+    // wrapper around the constructor to prevent multiple instantiations
+    $.fn [pluginName] = function(options) {
+      return this.each(function() {
+        if (!$.data( this, "plugin_" + pluginName)) {
+          $.data(this, "plugin_" +
+          pluginName, new Plugin(this, options));
+        }
+      });
+    };
 
 })(jQuery, window, document);

data/assets/themes/j1/modules/j1Scroll/js/j1scroll.min.js

@@ -12,5 +12,4 @@
  # For details, see https://jekyll.one
  # -----------------------------------------------------------------------------
 */
-
-(function(e,c,a,g){var d="j1Scroll",f={type:"infiniteScroll",scrollOffset:100,elementScroll:false,firstPage:2,lastPage:false,infoLastPage:false,loadStatus:false,onInit:function(){},onBeforeLoad:function(){},onAfterLoad:function(){}};function b(i,h){this.element=i;this.settings=e.extend({},f,h);this.settings.elementID="#"+this.element.id;this.init(this.settings)}e.extend(b.prototype,{init:function(i){var h=log4javascript.getLogger("j1Scroll");h.info("\ninitializing plugin: started");h.info("\nstate: started");if(i.elementScroll){this.scroller=this.element}else{this.scroller=c}if(i.loadStatus){var k='<div class="loader-ellips" style="display: none"> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> </div>';e(k).insertAfter(i.elementID)}if(i.infoLastPage){var j=i.lastPageInfo;e(j).insertAfter(i.elementID)}if(i.type==="infiniteScroll"){h.info("\nprocessing mode: infiniteScroll");h.info("\nloading items from path: "+i.path+"#");h.info("\nmonitoring element set to: "+this.scroller);this.registerScrollEvent(i)}h.info("\ninitializing plugin: finished");h.info("\nstate: finished")},isBottomReached:function(s){var n=this;var h,p;var m=e(s.elementID).height();if(n.settings.elementScroll){var j=e(c);var r=j.scrollTop();var i=j.height();var l=r+i-s.scrollOffset;var k=e(s.elementID);var o=k.offset().top+m;var q=k.height();h=o+q;return(o>=r&&o<l)||(h>r&&h<=l)||(q>i&&o<=r&&h>=l)}else{return(c.innerHeight+c.pageYOffset+s.scrollOffset>=a.body.offsetHeight)}},registerScrollEvent:function(i){var k=this;var h=log4javascript.getLogger("j1Scroll");h.info("\nscroll event: register");var j=function(m){var l=k.settings;if(k.isBottomReached(l)){if(l.firstPage>l.lastPage){h.info("\nlast page detected on: "+l.lastPage);c.removeEventListener("scroll",j);h.info("\nscroll event: removed");if(l.infoLastPage){k.infoLastPage(l)}return false}k.getNewPost(l)}};c.addEventListener("scroll",j);h.info("\nscroll event: registered")},getNewPost:function(i){var k=this;var h=log4javascript.getLogger("j1Scroll");h.info("\ntrigger loading ");if(this.itemsLoaded===false){return false}this.itemsLoaded=false;if(i.loadStatus){h.info("\nshow: spinner");e(".loader-ellips").show()}var j=new XMLHttpRequest();j.onreadystatechange=function(){if(j.readyState==XMLHttpRequest.DONE){if(j.status==200){i.firstPage++;var l=k.getChildItemsByAjaxHTML(i,j.responseText);k.appendNewItems(l);h.info("\nloading new items: successful");if(i.loadStatus){h.info("\nhide: spinner");e(".loader-ellips").hide()}return k.itemsLoaded=true}else{if(i.loadStatus){h.info("\nhide: spinner");e(".loader-ellips").hide()}h.error("\nloading new items failed, HTTP response: "+j.status);return k.itemsLoaded=false}}};h.info("\nloading new items from path: "+i.path+i.firstPage);j.open("GET",location.origin+i.path+i.firstPage+"/index.html",true);j.send()},getChildItemsByAjaxHTML:function(j,i){var l=a.createElement("html");var h=log4javascript.getLogger("j1Scroll");h.info("\nload new items");l.innerHTML=i;var k=l.querySelectorAll(j.elementID+" > *");return k},appendNewItems:function(h){var j=this;var i=log4javascript.getLogger("j1Scroll");i.info("\nappend new items");h.forEach(function(k){j.element.appendChild(k)});i.info("\npost processing: createDropCap");j1.core.createDropCap()},infoLastPage:function(i){var j=this;var h=log4javascript.getLogger("j1Scroll");h.info("\nshow: infoLastPage");e(".page-scroll-last").show()}});e.fn[d]=function(h){return this.each(function(){if(!e.data(this,"plugin_"+d)){e.data(this,"plugin_"+d,new b(this,h))}})}})(jQuery,window,document);
+(function(e,c,a,g){var d="j1Scroll",f={type:"infiniteScroll",scrollOffset:100,elementScroll:false,firstPage:2,lastPage:false,infoLastPage:false,loadStatus:false,onInit:function(){},onBeforeLoad:function(){},onAfterLoad:function(){}};function b(i,h){this.element=i;this.settings=e.extend({},f,h);this.settings.elementID="#"+this.element.id;this.init(this.settings)}e.extend(b.prototype,{init:function(i){var h=log4javascript.getLogger("j1Scroll");h.info("\ninitializing plugin: started");h.info("\nstate: started");if(i.elementScroll){this.scroller=this.element}else{this.scroller=c}if(i.loadStatus){var k='<div class="loader-ellips" style="display: none"> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> <span class="loader-ellips__dot"></span> </div>';e(k).insertAfter(i.elementID)}if(i.infoLastPage){var j=i.lastPageInfo;e(j).insertAfter(i.elementID)}if(i.type==="infiniteScroll"){h.info("\nprocessing mode: infiniteScroll");h.info("\nloading items from path: "+i.path+"#");h.info("\nmonitoring element set to: "+this.scroller);this.registerScrollEvent(i)}h.info("\ninitializing plugin: finished");h.info("\nstate: finished")},isBottomReached:function(s){var n=this;var h,p;var m=e(s.elementID).height();if(n.settings.elementScroll){var j=e(c);var r=j.scrollTop();var i=j.height();var l=r+i-s.scrollOffset;var k=e(s.elementID);var o=k.offset().top+m;var q=k.height();h=o+q;return(o>=r&&o<l)||(h>r&&h<=l)||(q>i&&o<=r&&h>=l)}else{return(c.innerHeight+c.pageYOffset+s.scrollOffset>=a.body.offsetHeight)}},registerScrollEvent:function(i){var k=this;var h=log4javascript.getLogger("j1Scroll");h.info("\nscroll event: register");var j=function(m){var l=k.settings;if(k.isBottomReached(l)){if(l.firstPage>l.lastPage){h.info("\nlast page detected on: "+l.lastPage);c.removeEventListener("scroll",j);h.info("\nscroll event: removed");if(l.infoLastPage){k.infoLastPage(l)}return false}k.getNewPost(l)}};c.addEventListener("scroll",j);h.info("\nscroll event: registered")},getNewPost:function(i){var k=this;var h=log4javascript.getLogger("j1Scroll");h.info("\ntrigger loading ");if(this.itemsLoaded===false){return false}this.itemsLoaded=false;if(i.loadStatus){h.info("\nshow: spinner");e(".loader-ellips").show()}var j=new XMLHttpRequest();j.onreadystatechange=function(){if(j.readyState==XMLHttpRequest.DONE){if(j.status==200){i.firstPage++;var l=k.getChildItemsByAjaxHTML(i,j.responseText);k.appendNewItems(l);h.info("\nloading new items: successful");if(i.loadStatus){h.info("\nhide: spinner");e(".loader-ellips").hide()}k.itemsLoaded=true}else{if(i.loadStatus){h.info("\nhide: spinner");e(".loader-ellips").hide()}h.error("\nloading new items failed, HTTP response: "+j.status);k.itemsLoaded=false}}};h.info("\nloading new items from path: "+i.path+i.firstPage);j.open("GET",location.origin+i.path+i.firstPage+"/index.html",true);j.send()},getChildItemsByAjaxHTML:function(j,i){var l=a.createElement("html");var h=log4javascript.getLogger("j1Scroll");h.info("\nload new items");l.innerHTML=i;var k=l.querySelectorAll(j.elementID+" > *");return k},appendNewItems:function(h){var l=this;var i=log4javascript.getLogger("j1Scroll");var k=j1.getCookieNames();var j=j1.readCookie(k.user_translate);i.info("\nappend new items");h.forEach(function(m){l.element.appendChild(m)});if(j.translationEnabled){i.info("\ntranslation enabled: "+j.translationEnabled);i.warn("\nskipped processing of dropcaps")}else{i.info("\npost processing: createDropCap");j1.core.createDropCap()}},infoLastPage:function(i){var j=this;var h=log4javascript.getLogger("j1Scroll");h.info("\nshow: infoLastPage");e(".page-scroll-last").show()}});e.fn[d]=function(h){return this.each(function(){if(!e.data(this,"plugin_"+d)){e.data(this,"plugin_"+d,new b(this,h))}})}})(jQuery,window,document);

data/assets/themes/j1/modules/justifiedGallery/css/theme/uno.css

@@ -15,7 +15,7 @@
 
  /* Gallery title */
  .jg-gallery-title {
-   color: #212121;
+   /* color: #424242; */
    line-height: 1.25rem;
    font-size: 1.125rem;
    font-weight: 500;

data/assets/themes/j1/modules/justifiedGallery/css/theme/uno.min.css

@@ -12,4 +12,4 @@
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-.jg-gallery-title{color:#212121;line-height:1.25rem;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.justified-gallery img.img-overlay{height:64px;width:64px;bottom:0;left:50%;margin-left:-35px;margin-top:-35px;position:absolute;right:0;top:50%;-webkit-transition:background-color .15s ease 0s;-o-transition:background-color .15s ease 0s;transition:background-color .15s ease 0s}
+.jg-gallery-title{line-height:1.25rem;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.justified-gallery img.img-overlay{height:64px;width:64px;bottom:0;left:50%;margin-left:-35px;margin-top:-35px;position:absolute;right:0;top:50%;-webkit-transition:background-color .15s ease 0s;-o-transition:background-color .15s ease 0s;transition:background-color .15s ease 0s}