j1-template 2023.2.6 → 2023.3.0

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

@@ -151,25 +151,25 @@ j1.adapter.attic = (function (j1, window) {
           {% if attic_options.enabled %}
           logger.info('\n' + 'module initializaton: started');
 
-          if (atticOptions.hide_oninit) {
-            // hide page while attic is being created
-            // jadams, 2023-05-12: Visible page/attic cause high number
-            // for cumulative layout shift (CLS)
+          if (atticOptions.hide_page_oninit) {
+            // hide whole page while attic is being created
+            // jadams, 2023-05-12: page visible while loading the attic
+            // cause high numbers for cumulative layout shift (CLS)
             //
-            logger.debug('\n' + 'hide attics on initia.lization');
+            logger.debug('\n' + 'hide attic on initialization');
             $('#no_flicker').css('display', 'none');
           }
 
           _this.createAllAttics();
           clearInterval(dependencies_met_page_ready);
           {% else %}
-          logger.debug('\n' + 'found module attics disabled');
+          logger.warn('\n' + 'found module attics disabled');
           // add additional top space if attics are disabled
           $('#content').addClass('mt-5');
           clearInterval(dependencies_met_page_ready);
           {% endif %}
         }
-      }, 25);
+      }, 10);
     }, // END init
 
     // -------------------------------------------------------------------------
@@ -423,10 +423,10 @@ j1.adapter.attic = (function (j1, window) {
               //
               $('#{{attic_id}}').backstretch('resize');
 
-              _this.setState('finished');
-              logger.debug('\n' + 'state: ' + _this.getState());
+             _this.setState('finished');
+             logger.debug('\n' + 'state: ' + _this.getState());
               logger.info('\n' + 'initialize attic on id {{attic_id}}: finished');
-              logger.info('\n' + 'module initializaton: finished');
+             logger.info('\n' + 'module initializaton: finished');
 
             }); // END callback backstretch.after
 
@@ -668,16 +668,24 @@ j1.adapter.attic = (function (j1, window) {
                   {{attic_id}}_runner (atticOptions);
                   clearInterval(dependencies_met_attic_ready);
                 }
-              }, 25);
+              }, 10);
             });
 
           } // END apply CSS styles|start ATTIC RUNNER
 
         {% else %}
           {% assign attic_id = item.attic.id %}
-          // add additional top space
-          $('#content').addClass('mt-8');
-          logger.info('\n' + 'attic on id {{attic_id}}: disabled');
+          _this.setState('finished');
+          logger.debug('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'initialize attic on id {{attic_id}}: finished');
+          logger.info('\n' + 'module initializaton: finished');
+
+          // add additional top space if attic disabled
+          //
+          $('#content').addClass('mt-3');
+
+          logger.warn('\n' + 'attic on id {{attic_id}}: disabled');
+          $('#no_flicker').css('display', 'block');
         {% endif %} // END if header enabled
       {% endfor %} // END for item in header_config.attics
 

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

@@ -117,7 +117,7 @@ j1.adapter.bmd = (function (j1, window) {
           logger.info('\n' + 'initializing module finished');
           clearInterval(dependencies_met_j1_finished);
         } // END dependencies_met_j1_finished
-      }, 25);
+      }, 10);
 
     }, // END init
 

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

@@ -135,7 +135,8 @@ j1.adapter.carousel = (function (j1, window) {
         var pageVisible   = (pageState == 'block') ? true : false;
         var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true: false;
 
-        if (j1.getState() == 'finished' && pageVisible && atticFinished) {
+        if (j1.getState() == 'finished' && pageVisible) {
+//      if (j1.getState() == 'finished' && pageVisible && atticFinished) {
 
           _this.setState('started');
           logger.debug('\n' + 'state: ' + _this.getState());
@@ -212,7 +213,7 @@ j1.adapter.carousel = (function (j1, window) {
                       $('#{{slider_id}} > .owl-wrapper-outer').addClass('ml-3');
                       clearInterval(dependency_met_owl_initialized);
                     }
-                  }, 25); // END dependency_met_owl_initialized
+                  }, 10); // END dependency_met_owl_initialized
                 {% endif %} {% endunless %}
 
                 // place additional parallax styles if enabled
@@ -373,9 +374,9 @@ j1.adapter.carousel = (function (j1, window) {
 
               clearInterval(dependencies_met_sliders_processed);
             }
-          }, 25); // END 'dependencies_met_sliders_processed'
+          }, 10); // END 'dependencies_met_sliders_processed'
         } // END if j1.getState 'finished'
-      }, 25); // END 'dependencies_met_page_finished'
+      }, 10); // END 'dependencies_met_page_finished'
     }, // END init
 
     // -------------------------------------------------------------------------

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

@@ -151,7 +151,7 @@ j1.adapter.clipboard = (function (j1, window) {
           logger.debug('\n' + 'state: ' + _this.getState());
           logger.info('\n' + 'module initialized successfully');
         }
-      }, 25); // END dependencies_met_j1_finished
+      }, 10); // END dependencies_met_j1_finished
     },
 
     // -------------------------------------------------------------------------

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

@@ -248,7 +248,7 @@ var logText;
                   $('#hyvor-talk-iframe').prop('title', 'Hyvor comments iframe');
                   clearInterval(dependencies_met_load_provider_finished);
                 }
-              }, 25);
+              }, 10);
             } else {
               // disable Hyvor Talk
               // ---------------------------------------------------------------
@@ -264,7 +264,7 @@ var logText;
             }
             clearInterval(dependencies_met_page_ready);
           } // END if getState 'finished'
-        }, 25);
+        }, 10);
 
         {% when "disqus" %}
         // [INFO   ] [j1.adapter.comments                    ] [ place provider: Disqus ]
@@ -344,11 +344,11 @@ var logText;
             //     $('#hyvor-talk-iframe').prop('title', 'Disqus comments iframe');
             //     clearInterval(dependencies_met_load_provider_finished);
             //   }
-            // }, 25);
+            // }, 10);
 
             clearInterval(dependencies_met_page_ready);
           } // END if getState 'finished'
-        }, 25);
+        }, 10);
         {% endcase %}
       } else {
         var dependencies_met_page_ready = setInterval(function() {
@@ -357,7 +357,7 @@ var logText;
             logger.info('\n' + 'comment services: disabled');
             clearInterval(dependencies_met_page_ready);
           }
-        }, 25);
+        }, 10);
       } // END if 'commentsOptions.comments'
 
     }, // END init

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

@@ -271,7 +271,7 @@ j1.adapter.cookieConsent = (function (j1, window) {
 
           clearInterval(dependencies_met_page_ready);
         }
-      }, 25);
+      }, 10);
     }, // END init
 
     // -------------------------------------------------------------------------

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

@@ -151,7 +151,7 @@ j1.adapter.customFunctions = (function (j1, window) {
 
           clearInterval(dependencies_met_j1_finished);
         } // END dependencies_met_j1_finished
-      }, 25);
+      }, 10);
 
     }, // END init
 

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

@@ -151,7 +151,7 @@ j1.adapter.customModule = (function (j1, window) {
 
           clearInterval(dependencies_met_j1_finished);
         } // END dependencies_met_j1_finished
-      }, 25);
+      }, 10);
 
     }, // END init
 

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

@@ -134,7 +134,9 @@ j1.adapter.dropdowns = (function (j1, window) {
         var pageVisible   = (pageState == 'block') ? true : false;
         var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true: false;
 
-        if (j1.getState() == 'finished' && pageVisible && atticFinished) {
+        if (j1.getState() == 'finished' && pageVisible) {
+//      if (j1.getState() == 'finished' && pageVisible && atticFinished) {
+
           var elms = document.querySelectorAll('.dropdowns');
 
           // -------------------------------------------------------------------
@@ -205,7 +207,7 @@ j1.adapter.dropdowns = (function (j1, window) {
 
           clearInterval(dependencies_met_j1_finished);
         } // END dependencies_met_j1_finished
-      }, 25);
+      }, 10);
 
     }, // END init
 

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

@@ -158,12 +158,14 @@ j1.adapter.fab = (function (j1, window) {
         var pageVisible   = (pageState == 'block') ? true : false;
         var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true: false;
 
-        if (j1.adapter.navigator.getState() == 'finished' && pageVisible && atticFinished) {
+        if (j1.adapter.navigator.getState() == 'finished' && pageVisible) {
+//      if (j1.adapter.navigator.getState() == 'finished' && pageVisible && atticFinished) {
+
           logger.debug('\n' + 'met dependencies for: navigator');
           _this.fabLoader(fabOptions);
           clearInterval(dependencies_met_navigator);
         }
-      }, 25);
+      }, 10);
 
     }, // END init
 
@@ -193,7 +195,8 @@ j1.adapter.fab = (function (j1, window) {
         var pageVisible   = (pageState == 'block') ? true: false;
         var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true: false;
 
-        if (j1.xhrDOMState['#' + fabOptions.xhr_container_id] == 'success' && j1.getState() == 'finished' && pageVisible && atticFinished ) {
+//      if (j1.xhrDOMState['#' + fabOptions.xhr_container_id] == 'success' && j1.getState() == 'finished' && pageVisible && atticFinished ) {
+        if (j1.xhrDOMState['#' + fabOptions.xhr_container_id] == 'success' && j1.getState() == 'finished' && pageVisible ) {
           _this.setState('loaded');
           logger.info('\n' + 'set module state to: ' + _this.getState());
           logger.info('\n' + 'HTML data for FAB: ' + _this.getState());
@@ -209,7 +212,7 @@ j1.adapter.fab = (function (j1, window) {
 
           clearInterval(dependencies_met_fab_initialized);
         }
-      }, 25); // END dependencies_met_fab_initialized
+      }, 10); // END dependencies_met_fab_initialized
     }, // END dataLoader
 
     // -------------------------------------------------------------------------
@@ -303,7 +306,7 @@ j1.adapter.fab = (function (j1, window) {
                         $('#open_mmenu_toc').show();
                         clearInterval(dependencies_met_toccer_finished);
                       }
-                    }, 25); // END dependencies_met_toccer_finished
+                    }, 10); // END dependencies_met_toccer_finished
                   } else {
                     logger.info('\n' + 'found toc in page: disabled');
                   }
@@ -363,7 +366,7 @@ j1.adapter.fab = (function (j1, window) {
                       $actionButton.prop('id', 'open_mmenu_toc');
                       clearInterval(dependencies_met_toccer_finished);
                     }
-                  }, 25); // END dependencies_met_toccer_finished
+                  }, 10); // END dependencies_met_toccer_finished
                 } else {
                   logger.info('\n' + 'found toc in page: disabled');
                   logger.info('\n' + 'eventhandler: disabled');

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

@@ -162,7 +162,7 @@ j1.adapter.framer = (function (j1, window) {
           clearInterval(dependencies_met_page_finished);
           return true;
         }
-      }, 25);
+      }, 10);
     }, // END init
 
     // -------------------------------------------------------------------------

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

@@ -0,0 +1,227 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/iconPicker.js
+ # Liquid template to adapt the iconPicker module
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # Copyright (C) 2023 Juergen Adams
+ #
+ # J1 Theme is licensed under the MIT License.
+ # For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ #  icon_picker_options:  {{ icon_picker_options | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+{% comment %} Liquid procedures
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Set global settings
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign environment           = site.environment %}
+{% 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 icon_picker_defaults  = modules.defaults.iconPicker.defaults %}
+{% assign icon_picker_settings  = modules.iconPicker.settings %}
+
+{% comment %} Set config options (settings only)
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign icon_picker_options   = icon_picker_defaults | merge: icon_picker_settings %}
+
+{% comment %} Variables
+-------------------------------------------------------------------------------- {% endcomment %}
+
+{% comment %} Detect prod mode
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/iconPicker.js
+ # J1 Adapter for the iconPicker module
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2023 Juergen Adams
+ #
+ # J1 Theme is licensed under the MIT License.
+ # For details, see: https://github.com/jekyll-one-org/j1-template/blob/main/LICENSE.md
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ # -----------------------------------------------------------------------------
+ #  Adapter generated: {{site.time}}
+ # -----------------------------------------------------------------------------
+*/
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+// -----------------------------------------------------------------------------
+'use strict';
+j1.adapter.iconPicker = (function (j1, window) {
+
+{% comment %} Set global variables
+-------------------------------------------------------------------------------- {% endcomment %}
+var environment           = '{{environment}}';
+var iconPickerDefaults;
+var iconPickerSettings;
+var iconPickerOptions;
+var frontmatterOptions;
+var icon_picker;
+var icon_picker_button_id;
+var _this;
+var logger;
+var logText;
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // init()
+    // adapter initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+
+      // -----------------------------------------------------------------------
+      // Default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.iconPicker',
+        generated:   '{{site.time}}'
+      }, options);
+
+      // -----------------------------------------------------------------------
+      // Global variable settings
+      // -----------------------------------------------------------------------
+
+      // create settings object from frontmatter
+      frontmatterOptions = options != null ? $.extend({}, options) : {};
+
+      // create settings object from module options
+      iconPickerDefaults = $.extend({}, {{icon_picker_defaults | replace: 'nil', 'null' | replace: '=>', ':' }});
+      iconPickerSettings = $.extend({}, {{icon_picker_settings | replace: 'nil', 'null' | replace: '=>', ':' }});
+      iconPickerOptions  = $.extend(true, {}, iconPickerDefaults, iconPickerSettings, frontmatterOptions);
+
+      _this  = j1.adapter.iconPicker;
+      logger = log4javascript.getLogger('j1.adapter.iconPicker');
+
+      // -----------------------------------------------------------------------
+      // initializer
+      // -----------------------------------------------------------------------
+      var dependencies_met_page_ready = setInterval (function (options) {
+        var pageState     = $('#no_flicker').css("display");
+        var pageVisible   = (pageState == 'block') ? true : false;
+        var atticFinished = (j1.adapter.attic.getState() == 'finished') ? true: false;
+
+        if (j1.getState() === 'finished' && pageVisible) {
+//      if (j1.getState() === 'finished' && pageVisible && atticFinished) {
+          icon_picker_button_id = '#' + iconPickerDefaults.picker_button_id;
+
+          _this.setState('started');
+          logger.debug('\n' + 'state: ' + _this.getState());
+          logger.info('\n' + 'module is being initialized on id: ' + icon_picker_button_id);
+
+          icon_picker = new UniversalIconPicker(icon_picker_button_id, {
+            iconLibraries:    iconPickerDefaults.iconLibraries,
+            iconLibrariesCss: iconPickerDefaults.iconLibrariesCss,
+            onSelect: function(jsonIconData) {
+              // copy selected icon to clipboard (iconClass)
+              var copyFrom = document.createElement('textarea');
+              copyFrom.value = jsonIconData.iconClass;
+              document.body.appendChild(copyFrom);
+              copyFrom.select();
+              document.execCommand('copy');
+              setTimeout(function () {
+                document.body.removeChild(copyFrom);
+              }, 500);
+              // console.log(jsonIconData);
+            }
+          });
+
+          logger.info('\n' + 'initializing module finished');
+          clearInterval(dependencies_met_page_ready);
+        }
+      }, 10);
+
+    }, // END init
+
+    // -------------------------------------------------------------------------
+    // messageHandler()
+    // 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 %}