j1-template 2021.1.24 → 2021.1.28

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1a367f0d5a1065a8368be490241e20c1fe1c29f860ac905b75eaa8d9100c113b
-  data.tar.gz: 62750cb4f9bf459ad504d53a26c79032be7152dca9d8b638520856e630f4924e
+  metadata.gz: 6d149f9e04f389fc677449fe654ff144b8536834de7cb6bc9f61c806df4ca858
+  data.tar.gz: 95ee34bd117d6c2b6a49274d21048be1cb5e530a6474d3055f006aa8e2197f34
 SHA512:
-  metadata.gz: a1d6fca90493d2a5ff33d05996eea019a1495ba42a4eacc2963c0874cc4759c0ed028c6b8f540725fd31bf0e769fd9baef7ccc62ed1b74e6fecadd9914a320e7
-  data.tar.gz: 6892847076716ed5876b5cae69d23266180ba42aa6fec677c2fda7e5590e53e49d92e03defaea28eb92a173faa64da75c51589ead7ab82fd60c6a70b7a974125
+  metadata.gz: 2fa157e83398f1cb9fb4f1307706acc3e1a003566e8b07ff963cac9031846798bc4fc3f667e669678fe4ced86bd07e593ac7c166e0c4ff25662be7c98e27e9fe
+  data.tar.gz: f89a9f07ffccf9f204d2aac60fdb386deac13b1bf018e9e12fe5a6ad7b06e1df20c62c00999c4c2a9f82552e191f8b9ef8b173e01bc74ad28ff675e0ee57f75a

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

@@ -59,6 +59,7 @@
 {% assign page_rtext                          = page.rtext %}
 {% assign page_rtext_size                     = page.rtext_size %}
 
+
 {% comment %} rtext|size detection
 -------------------------------------------------------------------------------- {% endcomment %}
 {% if rtext %}
@@ -149,7 +150,6 @@
           </nav>
           {% endif %}
 
-
         </div>
 
         <div id="article_preview">

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

@@ -55,6 +55,7 @@
 
 {% assign previewer                           = blog_navigator_options.previewer %}
 {% assign paginate                            = paginator_options.pagination.enabled %}
+{% assign scroller                            = blog_navigator_options.scroller %}
 {% assign rtext                               = template_config.typography.rtext %}
 {% assign page_rtext                          = page.rtext %}
 {% assign page_rtext_size                     = page.rtext_size %}
@@ -165,7 +166,8 @@
             <h1 id="previewer" class="notoc mt-4">{{previewer_headline}}</h1>
           </div>
 
-          {% if paginator.total_pages > 1 %}
+          <!-- Add Jekyll Paginator if enabled: {{scroller}} -->
+          {% if scroller == 'jekyll' %} {% if paginator.total_pages > 1 %}
           <nav class="paginator mb-4">
             <ul class="pagination raised-z0">
               {% if paginator.previous_page %}
@@ -185,11 +187,11 @@
               {% endif %}
             </ul>
           </nav>
-          {% endif %}
+          {% endif %} {% endif %}
 
-          {% if blog_navigator_options.article_previewer.page_text.enabled %}
+          {% if scroller == 'jekyll' %} {% if blog_navigator_options.article_previewer.page_text.enabled %}
           <div class="view-description mb-3">{{previewer_description_text}}</div>
-          {% endif %}
+          {% endif %} {% endif %}
 
         </div>
 

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

@@ -294,7 +294,7 @@
                       {% endif %}
                       <h3 class="card-header bg-primary notoc">{{post.title}}</h3>
                       <!-- Body|Excerpt -->
-                      <div class="card-body r-text-300">
+                      <div class="card-body r-text-300 mt-3">
                         {{post.excerpt|truncatewords: truncate_words}}
                       </div>
                       <!-- End Body|Excerpt -->

data/_includes/themes/j1/procedures/posts/collate_timeline.proc

@@ -93,7 +93,7 @@
     </div>
     {% endif %}
 
-    <ul class="timeline">
+    <ul id="timeline" class="timeline">
       {% for post in posts_collate %}
 
       {% assign place_image = false %}

data/_layouts/default.html

@@ -101,6 +101,7 @@ layout:                                 compress
 
 <!-- [INFO   ] [j1.layout.default.html                ] [ page generated: {{site.time}} ] -->
 <!-- [INFO   ] [j1.layout.default.html                ] [ environment detected as: {{environment}} ] -->
+<!-- [INFO   ] [j1.layout.default.html                ] [ version detected as: {{template_version}} ] -->
 
   {% comment %} collect the head section (region head)
   ------------------------------------------------------------------------------ {% endcomment %}

data/assets/data/panel.html

@@ -402,7 +402,7 @@ exclude_from_search:                    true
                         <div class="row {{panel_settings.id}}">
                         	<div id="{{card_id}}" class="accordion">
                             {% for list in services %}
-                        	  <div class="card mb-4">
+                        	  <div class="card">
                           		<div class="card-header" id="headingOne">
                           		  <h2 class="clearfix mb-0">
                             			<a class="btn btn-link collapsed" data-toggle="collapse" data-target="#{{list.service.id}}" aria-expanded="false" aria-controls="{{list.service.id}}">
@@ -411,7 +411,7 @@ exclude_from_search:                    true
                                   </a>
                           		  </h2>
                           		</div>
-                          		<div id="{{list.service.id}}" class="collapse" aria-labelledby="{{list.service.id}}" data-parent="#{{card_id}}">
+                          		<div id="{{list.service.id}}" class="collapse mb-4" aria-labelledby="{{list.service.id}}" data-parent="#{{card_id}}">
                           		  <div class="card-body r-text-200">
                                   {{list.service.description}}
                                   <hr>
@@ -539,7 +539,7 @@ exclude_from_search:                    true
                           {% endif %}
                           <h3 class="card-header bg-primary notoc">{{post.title}}</h3>
                           <!-- Body|Excerpt -->
-                          <div class="card-body r-text-300">
+                          <div class="card-body r-text-300 mt-4">
                             {% comment %} {{post.excerpt|truncatewords: 50|replace:'...',' ...'|remove:'<div class="paragraph">'|remove:'</div>'|remove:'<p>'|remove:'</p>'}} {% endcomment %}
                             {{post.excerpt|truncatewords: truncate_words}}
                           </div>
@@ -640,20 +640,6 @@ exclude_from_search:                    true
               <!-- End recent posts -->
             {% endfor %}
 
-            <div class="row page-load-status">
-              <div class="loader-ellips infinite-scroll-request">
-                <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>
-              <p class="infinite-scroll-last">{{infinite_scroll_last}} <a href="/pages/public/blog/navigator/">Blog Navigator</a></p>
-            </div>
-
-            <div class="row page-scroll-last">
-              <p class="infinite-scroll-last">{{infinite_scroll_last}} <a href="/pages/public/blog/navigator/">Blog Navigator</a></p>
-            </div>
-
           </div>
           <!-- END container -->
 

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

@@ -0,0 +1,286 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/j1Scroll.js
+ # Liquid template to adapt j1Scroll plugin
+ #
+ # 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 %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment       = site.environment %}
+{% assign template_version  = site.version %}
+{% assign asset_path        = "/assets/themes/j1" %}
+
+{% 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 %}
+
+{% comment %} Set config data (settings only)
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign scroll_settings   = modules.j1scroll.settings %}
+
+{% comment %} Set config options (settings only)
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign scroll_options    = scroll_settings %}
+
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/j1Scroll.js
+ # J1 Adapter for j1Scroll
+ #
+ # 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['j1Scroll'] = (function (j1, window) {
+
+  {% comment %} Set global variables
+  ------------------------------------------------------------------------------ {% endcomment %}
+  var environment   = '{{environment}}';
+  var user_agent    = platform.ua;
+  var moduleOptions = {};
+  var _this;
+  var logger;
+  var logText;
+
+  // ---------------------------------------------------------------------------
+  // Helper functions
+  // ---------------------------------------------------------------------------
+  function sleep(milliseconds) {
+    var start = new Date().getTime();
+    for (var i = 0; i < 1e7; i++) {
+      if ((new Date().getTime() - start) > milliseconds){
+        break;
+      }
+    }
+    return;
+  }
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // Initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+      {% comment %} Set global variables
+      -------------------------------------------------------------------------- {% endcomment %}
+      _this = j1.adapter.j1Scroll;
+      logger = log4javascript.getLogger('j1.adapter.j1Scroll');
+
+      // 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.j1Scroll',
+        generated:   '{{site.time}}'
+      }, options);
+
+      {% comment %} Load module config from yml data (disabled)
+      --------------------------------------------------------------------------
+      // Load  module DEFAULTS|CONFIG
+      //
+      /* eslint-disable */
+      moduleOptions = $.extend({}, {{scroll_options | replace: '=>', ':' | replace: 'nil', '""'}});
+      /* eslint-enable */
+
+      if (typeof settings !== 'undefined') {
+        moduleOptions = j1.mergeData(moduleOptions, settings);
+      }
+
+      // _this.initialize(moduleOptions);
+      -------------------------------------------------------------------------- {% endcomment %}
+
+      _this.initialize();
+
+      _this.setState('finished');
+      logger.info('\n' + 'state: ' + _this.getState());
+      logger.info('\n' + 'module initialized successfully');
+    }, // END init
+
+    // -----------------------------------------------------------------------
+    // Generate scrollers configured/enabled
+    // -----------------------------------------------------------------------
+    initialize: function () {
+      logger = log4javascript.getLogger('j1.adapter.j1Scroll');
+
+      var log_text = '\n' + 'j1Scroll is being initialized';
+      logger.info(log_text);
+
+      // START generate scrollers
+      var dependencies_met_page_ready = setInterval (function (options) {
+        if (j1.getState() === 'finished') {
+
+          {% for item in scroll_options.scrollers %} {% if item.scroller.enabled %}
+
+          {% assign scroller_id     = item.scroller.id %}
+          {% assign container       = item.scroller.container %}
+          {% assign path            = item.scroller.path  %}
+          {% assign elementScroll   = item.scroller.elementScroll %}
+          {% assign scrollOffset    = item.scroller.scrollOffset %}
+          {% assign lastPage        = item.scroller.lastPage %}
+          {% assign infoLastPage    = item.scroller.infoLastPage %}
+
+          // scroller_id: {{ scroller_id }}
+          var log_text = '\n' + 'j1Scroll is being initialized on: ' + '{{scroller_id}}';
+          logger.info(log_text);
+
+          {% comment %} Unused options
+          ----------------------------------------------------------------------
+          // status:              '.page-scroll-last',
+          // firstPage:            2,
+          // onInit:               function(){},				                        // Callback after plugin has loaded
+          // onBeforeLoad:         function(link){},	                          // Callback before new content is loaded
+          // onAfterLoad:          function(html){}	                            // Callback after new content has been loaded
+          ---------------------------------------------------------------------- {% endcomment %}
+
+          var container = '#' + '{{container}}';
+          var pagePath  = '{{path}}';
+
+          // Create an j1Scroll instance if container exists
+          if ($(container).length) {
+            $(container).j1Scroll({
+              path:                 pagePath,
+              elementScroll:        {{elementScroll}},
+              scrollOffset:         {{scrollOffset}},
+              lastPage:             {{lastPage}},
+              infoLastPage:         {{infoLastPage}},
+            });
+          }
+
+          {% comment %} Unused callbacks (disabled)
+          ----------------------------------------------------------------------
+          // $('.list-group').on( 'load.j1Scroll', function( event, body, path, response ) {
+          //   var logger = log4javascript.getLogger('j1.adapter.infiniteScroll');
+          //   var log_text = `\n loaded data from path: ${path}`;
+          //   logger.info(log_text);
+          //
+          //   var log_text = "\n initialize backdrops on load";
+          //   logger.info(log_text);
+          //
+          //   // initialize backdrops
+          //   j1.core.createDropCap();
+          //
+          // });
+          //
+          // $('.list-group').on( 'request.j1Scroll', function( event, path, fetchPromise ) {
+          //   var logger = log4javascript.getLogger('j1.adapter.infiniteScroll');
+          //   var log_text = `\n request for the next page to be loaded from path: ${path}`;
+          //   logger.info(log_text);
+          // });
+          ---------------------------------------------------------------------- {% endcomment %}
+
+          // END scroller_id: {{ scroller_id }}
+          {% endif %} {% endfor %}
+          clearInterval(dependencies_met_page_ready);
+        }
+      });
+      // END generate scrollers
+    },
+
+    // -------------------------------------------------------------------------
+    // messageHandler: MessageHandler for j1Scroll 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/core/css/themes/uno-light/bootstrap.css

@@ -17885,6 +17885,48 @@ a.card-title:hover {
   border-top: 1px solid rgba(0, 0, 0, 0.04);
   border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
 
+.list-group-item {
+  width: 96%;
+  margin-right: 1% !important; }
+
+/*  Media breakpoints
+-------------------------------------------------------------------------------- */
+@media only screen and (min-width: 576px) {
+  .list-group-item.items-auto {
+    width: 48.3%; }
+  .list-group-item.items-1 {
+    width: 96%; }
+  .list-group-item.items-2 {
+    width: 48.3%; }
+  .list-group-item.items-3 {
+    width: 48.3%; }
+  .list-group-item.items-4 {
+    width: 48.3%; } }
+
+@media only screen and (min-width: 768px) {
+  .list-group-item.items-auto {
+    width: 31.333%; }
+  .list-group-item.items-1 {
+    width: 96%; }
+  .list-group-item.items-2 {
+    width: 48.3%; }
+  .list-group-item.items-3 {
+    width: 48.3%; }
+  .list-group-item.items-4 {
+    width: 48.3%; } }
+
+@media only screen and (min-width: 992px) {
+  .list-group-item.items-auto {
+    width: 23.8%; }
+  .list-group-item.items-1 {
+    width: 96%; }
+  .list-group-item.items-2 {
+    width: 48.3%; }
+  .list-group-item.items-3 {
+    width: 31.333%; }
+  .list-group-item.items-4 {
+    width: 23.8%; } }
+
 /*
  # -----------------------------------------------------------------------------
  # ~/theme_uno/extentions/_pages.scss