j1-template 2022.0.17 → 2022.0.18

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

@@ -0,0 +1,319 @@
+---
+regenerate:                             true
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/dropdowns.js
+ # Liquid template to adapt dropdowns
+ #
+ # 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 }}
+ #  {{ dropdowns_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
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign dropdowns_defaults = modules.defaults.dropdowns.defaults %}
+{% assign dropdowns_settings = modules.dropdowns.settings %}
+
+{% comment %} Set config options
+-------------------------------------------------------------------------------- {% endcomment %}
+{% assign dropdowns_options  = dropdowns_defaults | merge: dropdowns_settings %}
+
+{% assign production = false %}
+{% if environment == 'prod' or environment == 'production' %}
+  {% assign production = true %}
+{% endif %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/dropdowns.js
+ # J1 Adapter for J1 Module Dropdowns
+ #
+ # 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';
+j1.adapter.dropdowns = (function (j1, window) {
+
+  {% comment %} Set global variables
+  ------------------------------------------------------------------------------ {% endcomment %}
+  var environment   = '{{environment}}';
+  var moduleOptions = {};
+  var instances     = [];
+  var frontmatterOptions;
+  var _this;
+  var logger;
+  var logText;
+
+  // ---------------------------------------------------------------------------
+  // Helper functions
+  // ---------------------------------------------------------------------------
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // Initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+
+      // -----------------------------------------------------------------------
+      // Default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.dropdowns',
+        generated:   '{{site.time}}'
+      }, options);
+
+      // -----------------------------------------------------------------------
+      // Global variable settings
+      // -----------------------------------------------------------------------
+      _this   = j1.adapter.dropdowns;
+      logger  = log4javascript.getLogger('j1.adapter.dropdowns');
+
+
+      // initialize state flag
+      _this.setState('started');
+      logger.info('\n' + 'state: ' + _this.getState());
+      logger.info('\n' + 'module is being initialized');
+
+      // create settings object from frontmatterOptions
+      frontmatterOptions = options != null ? $.extend({}, options) : {};
+      moduleOptions = $.extend({}, {{dropdowns_options | replace: 'nil', 'null' | replace: '=>', ':' }});
+
+      if (typeof frontmatterOptions !== 'undefined') {
+        moduleOptions = j1.mergeData(moduleOptions, frontmatterOptions);
+      }
+
+      var dependencies_met_j1_finished = setInterval(function() {
+        if (j1.getState() == 'finished') {
+          var elms = document.querySelectorAll('.dropdowns');
+
+          // -------------------------------------------------------------------
+          // dropdowns initializer
+          // -------------------------------------------------------------------
+          var log_text = '\n' + 'dropdowns is being initialized';
+          logger.info(log_text);
+
+          {% for item in dropdowns_options.dropdowns %} {% if item.dropdown.enabled %}
+            {% assign dropdown_id = item.dropdown.id %}
+
+            {% comment %} load default options
+            ---------------------------------------------------------------------- {% endcomment %}
+            {% assign alignment       = dropdowns_options.options.alignment %}
+            {% assign autoTrigger     = dropdowns_options.options.autoTrigger %}
+            {% assign constrainWidth  = dropdowns_options.options.constrainWidth %}
+            {% assign coverTrigger    = dropdowns_options.options.coverTrigger %}
+            {% assign closeOnClick    = dropdowns_options.options.closeOnClick %}
+            {% assign hover           = dropdowns_options.options.hover %}
+            {% assign inDuration      = dropdowns_options.options.inDuration %}
+            {% assign outDuration     = dropdowns_options.options.outDuration %}
+            {% assign cbOnOpen        = dropdowns_options.options.cbOnOpen %}
+            {% assign cbOnClose       = dropdowns_options.options.cbOnClose %}
+            {% assign cbOnItemClick   = dropdowns_options.options.cbOnItemClick %}
+
+            {% comment %} set dropdown options
+            -------------------------------------------------------------------- {% endcomment %}
+            {% if item.dropdown.options.alignment %}      {% assign alignment       = item.dropdown.options.alignment %}        {% endif %}
+            {% if item.dropdown.options.autoTrigger %}    {% assign autoTrigger     = item.dropdown.options.autoTrigger %}      {% endif %}
+            {% if item.dropdown.options.constrainWidth %} {% assign constrainWidth  = item.dropdown.options.constrainWidth %}   {% endif %}
+            {% if item.dropdown.options.coverTrigger %}   {% assign coverTrigger    = item.dropdown.options.coverTrigger %}     {% endif %}
+            {% if item.dropdown.options.closeOnClick %}   {% assign closeOnClick    = item.dropdown.options.closeOnClick %}     {% endif %}
+            {% if item.dropdown.options.hover %}          {% assign hover           = item.dropdown.options.hover %}            {% endif %}
+            {% if item.dropdown.options.inDuration %}     {% assign inDuration      = item.dropdown.options.inDuration %}       {% endif %}
+            {% if item.dropdown.options.outDuration %}    {% assign outDuration     = item.dropdown.options.outDuration %}      {% endif %}
+            {% if item.dropdown.options.cbOnOpen %}       {% assign cbOnOpen        = item.dropdown.options.cbOnOpen %}         {% endif %}
+            {% if item.dropdown.options.cbOnClose %}      {% assign cbOnClose       = item.dropdown.options.cbOnClose %}        {% endif %}
+            {% if item.dropdown.options.cbOnItemClick %}  {% assign cbOnItemClick   = item.dropdown.options.cbOnItemClick %}    {% endif %}
+
+            elms.forEach(function (elm) {
+              var id = elm.dataset.target;
+
+              if (id === '{{dropdown_id}}') {
+                // processing: {{dropdown_id}}
+                //
+                var instance = j1.dropdowns.init(elm, {
+                  alignment:        "{{alignment}}",
+                  autoTrigger:      {{autoTrigger}},
+                  constrainWidth:   {{constrainWidth}},
+                  coverTrigger:     {{coverTrigger}},
+                  closeOnClick:     {{closeOnClick}},
+                  hover:            {{hover}},
+                  inDuration:       "{{inDuration}}",
+                  outDuration:      "{{outDuration}}",
+                  onOpen:           "{{cbOnOpen}}",
+                  onClose:          "{{cbOnClose}}",
+                  onItemClick:      "{{cbOnItemClick}}"
+                });
+                instances.push(instance);
+              }
+
+            });
+            {% assign item.dropdown.options = nil %}
+          {% endif %} {% endfor %}
+
+          _this.setState('finished');
+          logger.info('\n' + 'state: ' + _this.getState());
+
+          clearInterval(dependencies_met_j1_finished);
+        } // END dependencies_met_j1_finished
+      }, 25);
+
+    }, // END init
+
+    // -------------------------------------------------------------------------
+    // cbOnClick)
+    // Called by the dropdowns CORE module when and dropdown element
+    // is clicked
+    // -------------------------------------------------------------------------
+    cbOnclick: function (event) {
+      var logger  = log4javascript.getLogger('j1.adapter.dropdowns.cbOnClick');
+      var itemEl = $(event.target).closest('li')[0];
+
+
+      // logText = '\n' + 'entered cbOnClick on id: ' + id;
+      // logger.info(logText);
+
+      return true;
+    },
+
+    // -------------------------------------------------------------------------
+    // cbOnOpen()
+    // Called by the dropdowns CORE module when dropdown get opened
+    // -------------------------------------------------------------------------
+    cbOnOpen: function (elm) {
+      var logger  = log4javascript.getLogger('j1.adapter.dropdowns.cbOnOpen');
+      var id      = elm.id;
+
+      logText = '\n' + 'entered cbOnOpen on id: ' + id;
+      logger.info(logText);
+      return true;
+    },
+
+    // -------------------------------------------------------------------------
+    // cbOnClose()
+    // Called by the dropdowns CORE module when dropdown get closed
+    // -------------------------------------------------------------------------
+    cbOnClose: function (elm) {
+      var logger    = log4javascript.getLogger('j1.adapter.dropdowns.cbOnClose');
+      var id        = elm.id;
+      var listItems = '#' + elm.id + " li";
+      var menuItems = document.querySelectorAll(listItems);
+      var activeItem;
+      var activeValue;
+
+      // Loop through each <li> element and mark selected menuItem by class active
+      for (var i=0; i < menuItems.length; i++) {
+        if (menuItems[i].classList.contains('active')) {
+            activeItem  = i;
+            activeValue = menuItems[i].dataset.target;
+        }
+      }
+
+      logText = '\n' + 'entered cbOnClose on id: ' + id;
+      logger.info(logText);
+      logText = '\n' + 'item selected: ' + activeItem;
+      logger.info(logText);
+      logText = '\n' + 'value selected: ' + activeValue;
+      logger.info(logText);
+      return true;
+    },
+
+    // -------------------------------------------------------------------------
+    // 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 %}

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

@@ -130,13 +130,9 @@ j1.adapter.rtable = (function (j1, window) {
       var dependencies_met_j1_finished = setInterval(function() {
         if (j1.getState() == 'finished') {
 
-          // -----------------------------------------------------------------------
+          // -------------------------------------------------------------------
           // rtable initializer
-          // -----------------------------------------------------------------------
-          var log_text = '\n' + 'rtable is being initialized';
-          // -----------------------------------------------------------------------
-          // rtable initializer
-          // -----------------------------------------------------------------------
+          // -------------------------------------------------------------------
           var log_text = '\n' + 'rtable is being initialized';
           logger.info(log_text);
 

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

@@ -0,0 +1,109 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/dropdowns/css/theme/uno/dropdowns.css
+ # Provides styles for J1 Module Dropdowns
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+*/
+
+ul.dropdown-content {
+  list-style-type: none; /* Remove bullets */
+  padding: 0; /* Remove padding */
+  margin: 0; /* Remove margins */
+}
+
+.dropdown-content {
+    background-color: #fff;
+    margin: 0;
+    display: none;
+    min-width: 100px;
+    overflow-y: auto;
+    opacity: 0;
+    position: absolute;
+    left: 0;
+    top: 0;
+    z-index: 9999;
+    -webkit-transform-origin: 0 0;
+    transform-origin: 0 0
+    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
+    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
+}
+
+.dropdown-content:focus {
+    outline: 0
+}
+
+.dropdown-content li {
+    clear: both;
+    color: rgba(0,0,0,0.87);
+    cursor: pointer;
+    min-height: 50px;
+    line-height: 1.5rem;
+    width: 100%;
+    text-align: left
+}
+
+.dropdown-content li:hover,.dropdown-content li.active {
+    background-color: #eee
+}
+
+.dropdown-content li:focus {
+    outline: none
+}
+
+.dropdown-content li.divider {
+    min-height: 0;
+    height: 1px
+}
+
+.dropdown-content li>a,.dropdown-content li>span {
+    font-size: 16px;
+    color: #424242;
+    display: block;
+    line-height: 22px;
+    padding: 14px 16px
+}
+
+.dropdown-content li>span>label {
+    top: 1px;
+    left: 0;
+    height: 18px
+}
+
+.dropdown-content li>a>i {
+    height: inherit;
+    line-height: inherit;
+    float: left;
+    margin: 0 24px 0 0;
+    width: 24px
+}
+
+.dropdown-content li:focus {
+    background-color: #dadada
+}
+
+.dropdown-content [type="checkbox"]+label {
+    top: 1px;
+    left: 0;
+    height: 18px;
+    -webkit-transform: none;
+    transform: none
+}
+
+.dropdown-content li.divider {
+    min-height: 0;
+    height: 1px;
+    overflow: hidden;
+    background-color: #e0e0e0;
+}
+
+.dropdown-trigger {
+    cursor: pointer
+}

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

@@ -0,0 +1,15 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/dropdowns/css/theme/uno/dropdowns.min.css
+ # Provides styles for J1 Module Dropdowns
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+*/
+ul.dropdown-content{list-style-type:none;padding:0;margin:0}.dropdown-content{background-color:#fff;margin:0;display:none;min-width:100px;overflow-y:auto;opacity:0;position:absolute;left:0;top:0;z-index:9999;-webkit-transform-origin:0 0;transform-origin:0 0 -webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);box-shadow:0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2)}.dropdown-content:focus{outline:0}.dropdown-content li{clear:both;color:rgba(0,0,0,0.87);cursor:pointer;min-height:50px;line-height:1.5rem;width:100%;text-align:left}.dropdown-content li:hover,.dropdown-content li.active{background-color:#eee}.dropdown-content li:focus{outline:0}.dropdown-content li.divider{min-height:0;height:1px}.dropdown-content li>a,.dropdown-content li>span{font-size:16px;color:#424242;display:block;line-height:22px;padding:14px 16px}.dropdown-content li>span>label{top:1px;left:0;height:18px}.dropdown-content li>a>i{height:inherit;line-height:inherit;float:left;margin:0 24px 0 0;width:24px}.dropdown-content li:focus{background-color:#dadada}.dropdown-content [type="checkbox"]+label{top:1px;left:0;height:18px;-webkit-transform:none;transform:none}.dropdown-content li.divider{min-height:0;height:1px;overflow:hidden;background-color:#e0e0e0}.dropdown-trigger{cursor:pointer}