j1-template 2021.1.23 → 2021.1.27

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b62cb89da1e513ec4cad91941a7488629373a117a16046284ec659750fb5ee76
-  data.tar.gz: e9b411f4299fcfbc228174f1cba85028bcdeab3ca4511d1415d89b5731ecb83c
+  metadata.gz: 7a970178e8bb5d0f6a828c80831fc08072c9ac911e20de5dbe80ec5ea8c8c33a
+  data.tar.gz: 81abe20ca6bf9a02e3472aae773f22b22140621df913baf67c4fce873d34510d
 SHA512:
-  metadata.gz: 907649cbc4a3cf2ad8356cf9a0cf99b01ec93b01b72c82d969fdbf7bd3baefa86b5feab86dd779fbfde2dcbb71710767eb5c24d5d4e97512f95a33633581c425
-  data.tar.gz: b5c8a9afdfc1c732280ad783c3afcda2a5711ef45a48be5930c56256ad4a7fc5de88af601a4132446b94358ca0d712b27bbe65ff6f1e468850222fbd47feb636
+  metadata.gz: 989fcda9a0ac7933b179e4d379580a0be55782c2ed4886e4559aec2ed58a6361394ebc9c4f9c936990cdd10a49ebf2510d247867065f5bdbc1e32a7331b3519a
+  data.tar.gz: 4b1e8d305b2428b87295d9c133cfc2599b6be469e8d4b8ad788f97ee45f7aba695c6a02d861b3504d22ae3310771a80793f1b5b6099e77c75a6d4da2cda4a1b5

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/modules/connectors/survey/custom-provider.html

@@ -0,0 +1,30 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/_includes/themes/j1/modules/connectors/comments/custom-provider.html
+ # Support of custom comment provider for J1 Template
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+
+<!-- Your code for the custom provider goes here -->

data/_includes/themes/j1/modules/connectors/survey/jotform.html

@@ -0,0 +1,32 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/_includes/themes/j1/modules/connectors/comments/jotform.html
+ # Support of survey provider JOTFORM for J1 Template
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2021 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [j1.modules.connectors.jotform          ] [ place the thread container: start ] -->
+<div id="jotform"></div>
+<!-- [INFO   ] [j1.modules.connectors.jotform          ] [ connector depends on the cookie consent (personalization) ] -->
+<!-- [INFO   ] [j1.modules.connectors.jotform          ] [ connector (dynamic) JS is enabled/disabled on OptIn/Out ] -->
+<!-- [INFO   ] [j1.modules.connectors.jotform          ] [ place the thread container: end ] -->

data/_includes/themes/j1/modules/connectors/surveys

@@ -0,0 +1,58 @@
+{% comment %}
+ # -----------------------------------------------------------------------------
+ #  ~/_includes/themes/j1/modules/connectors/surveys
+ #  Liquid CONNECTOR for survey providers supported by J1 Template
+ #
+ #  Product/Info:
+ #  https://jekyll.one
+ #
+ #  Copyright (C) 2021 Juergen Adams
+ #
+ #  J1 Template is licensed under the MIT License.
+ #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  liquid_var:  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign comments          = site.data.j1_config.survey.enabled %}
+{% assign comments_page     = page.survey.enabled %}
+{% assign comment_provider  = site.data.j1_config.survey.provider %}
+
+{% comment %} Main
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Check comments settings from SITE configuration
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [j1.modules.connectors.survey      ] [ Check comments settings from SITE configuration ] -->
+<!-- [INFO   ] [j1.modules.connectors.survey      ] [ detected comments (site): {{comments}} ] -->
+
+{% comment %} Check comments settings from PAGE configuration
+-------------------------------------------------------------------------------- {% endcomment %}
+<!-- [INFO   ] [j1.modules.connectors.survey      ] [ Check comments settings from PAGE configuration ] -->
+<!-- [INFO   ] [j1.modules.connectors.survey      ] [ detected comments (page): {{page.survey}} ] -->
+
+{% if comments_page <> nil %}
+  <!-- [INFO   ] [j1.modules.connectors.survey      ] [ overload comments settings from PAGE ] -->
+  {% assign comments = comments_page %}
+{% endif %}
+
+{% if comments %}
+  <!-- [INFO   ] [j1.modules.connectors.survey      ] [ start processing load region head, layout: {{page.layout}} ] -->
+  {% case comment_provider %}
+    {% when "jotform" %}
+      <!-- [INFO   ] [j1.modules.connectors.survey      ] [ place comment provider JOTFORM ] -->
+      {% include themes/{{site.template.name}}/modules/connectors/comment/disqus.html %}
+    {% when "custom" %}
+      <!-- [INFO   ] [j1.modules.connectors.survey      ] [ place comment provider CUSTOM ] -->
+      {% include themes/{{site.template.name}}/procedures/provider/comment/custom-provider.html %}
+  {% endcase %}
+
+{% endif %}
+<!-- [INFO   ] [j1.modules.connectors.survey      ] [ end processing ] -->

data/assets/data/panel.html

@@ -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/{infiniteScroll.js → j1scroll.js}

@@ -6,8 +6,8 @@ regenerate:                             true
 
 {% comment %}
  # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/adapter/js/infiniteScroll.js
- # Liquid template to adapt infiniteScroll
+ # ~/assets/themes/j1/adapter/js/j1Scroll.js
+ # Liquid template to adapt j1Scroll
  #
  # Product/Info:
  # https://jekyll.one
@@ -23,8 +23,8 @@ regenerate:                             true
 
 /*
  # -----------------------------------------------------------------------------
- # ~/assets/themes/j1/adapter/js/infiniteScroll.js
- # J1 Adapter for infiniteScroll
+ # ~/assets/themes/j1/adapter/js/j1Scroll.js
+ # J1 Adapter for j1Scroll
  #
  # Product/Info:
  # https://jekyll.one
@@ -47,7 +47,7 @@ regenerate:                             true
 
 {% comment %} Main
 -------------------------------------------------------------------------------- {% endcomment %}
-j1.adapter['infiniteScroll'] = (function (j1, window) {
+j1.adapter['j1Scroll'] = (function (j1, window) {
 
   {% comment %} Set global variables
   ------------------------------------------------------------------------------ {% endcomment %}
@@ -84,8 +84,8 @@ j1.adapter['infiniteScroll'] = (function (j1, window) {
       // -----------------------------------------------------------------------
       // globals
       // -----------------------------------------------------------------------
-      _this   = j1.adapter.infiniteScroll;
-      logger  = log4javascript.getLogger('j1.adapter.infiniteScroll');
+      _this   = j1.adapter.j1Scroll;
+      logger  = log4javascript.getLogger('j1.adapter.j1Scroll');
 
       // initialize state flag
       _this.setState('started');
@@ -96,87 +96,52 @@ j1.adapter['infiniteScroll'] = (function (j1, window) {
       // Default module settings
       // -----------------------------------------------------------------------
       var settings = $.extend({
-        module_name: 'j1.adapter.infiniteScroll',
+        module_name: 'j1.adapter.j1Scroll',
         generated:   '{{site.time}}'
       }, options);
 
       // -----------------------------------------------------------------------
-      // infiniteScroll initializer
+      // j1Scroll initializer
       // -----------------------------------------------------------------------
-      var log_text = '\n' + 'infiniteScroll is being initialized';
+      var log_text = '\n' + 'j1Scroll is being initialized';
       logger.info(log_text);
 
-      // Add data attribute for tablesaw to all tables of a page
       var dependencies_met_page_ready = setInterval (function (options) {
-        var lastPage = 4;
-
-        if ( j1.getState() === 'finished' ) {
-          var logger = log4javascript.getLogger('j1.infiniteScroll');
-          var log_text = '\n module infiniteScroll is being initialized';
+        if (j1.getState() === 'finished') {
+          var log_text = '\n' + 'j1Scroll is being initialized';
           logger.info(log_text);
 
-          function getPosts() {
-            var pageNumber = ( this.loadCount + 1 ) + 1;                          // +1: offset for j1-paginator
-            if ( pageNumber <= lastPage) {
-              return `/assets/data/news_panel_posts/page${pageNumber}/index.html`;
-            }
-          }
-
-          // jadams, 2021-09-12
-          //
-          var scrollOffset = 450 + 20;
-          // var article_height = $('#home_news_panel-scroll-item').height();
-          var article_height = document.getElementById('home_news_panel-scroll-item').clientHeight;
-          var scrollThreshold = (article_height -200) * -1;
-
-          $('#home_news_panel-scroll-group').infiniteScroll({
-            path: getPosts,
-            append: '#home_news_panel-scroll-item',
-            history: false,
-            checkLastPage: true,
-            status: '.page-scroll-last',
-          });
-
-          $('.list-group').on( 'error.infiniteScroll', function( event, error, path, response ) {
-            var logger = log4javascript.getLogger('j1.adapter.infiniteScroll');
-            var log_text = `\n could not load next items: ${path}. ${error}`;
-            logger.info(log_text);
-          });
-
-          $('.list-group').on( 'last.infiniteScroll', function( event, body, path ) {
-            var logger = log4javascript.getLogger('j1.adapter.infiniteScroll');
-            var log_text = `\n last page reached on ${path}`;
-            logger.info(log_text);
-          });
-
-          $('.list-group').on( 'scrollThreshold.infiniteScroll', function( event ) {
-            var logger = log4javascript.getLogger('j1.adapter.infiniteScroll');
-            var log_text = '\n scroll position is less than scrollThreshold option distance';
-            logger.info(log_text);
+          var postWrapperId = '#home_news_panel-scroll-group';
+          var paginatePath  = '/assets/data/news_panel_posts/page';
+
+          // 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
+
+          $(postWrapperId).j1Scroll({
+            path:                 paginatePath,
+            elementScroll:        false,
+            scrollThreshold:      300,
+            lastPage:             4,
+            infoLastPage:         true,
           });
 
-          $('.list-group').on( 'load.infiniteScroll', function( event, body, path, response ) {
-            var elm = document.getElementById("home_news_panel-scroll-group");
+          $('.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 ww = $(window).width();
-            var wh = $(window).height();
-
-            var vw = Math.max(document.documentElement.clientWidth || 0, window.innerWidth || 0)
-            var vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)
+            var log_text = "\n initialize backdrops on load";
+            logger.info(log_text);
 
-            var article_height = $('#home_news_panel-scroll-item').height();
+            // initialize backdrops
+            j1.core.createDropCap();
 
-            // if (user_agent.includes('iPad') || user_agent.includes('Windows') || user_agent.includes('OS X')) {
-            if (user_agent.includes('Windows') || !user_agent.includes('OS X')) {
-              // on desktops, scroll the page to view appended elements
-              // window.scrollBy(0, article_height);
-            }
           });
 
-          $('.list-group').on( 'request.infiniteScroll', function( event, path, fetchPromise ) {
+          $('.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);
@@ -185,7 +150,6 @@ j1.adapter['infiniteScroll'] = (function (j1, window) {
           clearInterval(dependencies_met_page_ready);
         }
       });
-
     }, // END init
 
     // -------------------------------------------------------------------------

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