j1-template 2020.0.18 → 2020.0.24

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

@@ -0,0 +1,181 @@
+---
+regenerate:                             false
+---
+
+{% capture cache %}
+
+{% comment %}
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/rtable.js
+ # Liquid template to adapt rtable
+ #
+ # Product/Info:
+ # https://jekyll.one
+ # Copyright (C) 2020 Juergen Adams
+ #
+ # J1 Template is licensed under the MIT License.
+ # For details, see https://jekyll.one
+ # -----------------------------------------------------------------------------
+ # Test data:
+ #  {{ liquid_var | debug }}
+ # -----------------------------------------------------------------------------
+{% endcomment %}
+
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/adapter/js/rtable.js
+ # J1 Adapter for rtable
+ #
+ # Product/Info:
+ # https://jekyll.one
+ #
+ # Copyright (C) 2020 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['rtable'] = (function (j1, window) {
+
+  {% comment %} Set global variables
+  ------------------------------------------------------------------------------ {% endcomment %}
+  var environment   = '{{environment}}';
+  var moduleOptions = {};
+  var _this;
+  var logger;
+  var logText;
+
+  // ---------------------------------------------------------------------------
+  // Helper functions
+  // ---------------------------------------------------------------------------
+
+  // ---------------------------------------------------------------------------
+  // Main object
+  // ---------------------------------------------------------------------------
+  return {
+
+    // -------------------------------------------------------------------------
+    // Initializer
+    // -------------------------------------------------------------------------
+    init: function (options) {
+
+      // -----------------------------------------------------------------------
+      // globals
+      // -----------------------------------------------------------------------
+      _this   = j1.adapter.rtable;
+      logger  = log4javascript.getLogger('j1.adapter.rtable');
+
+      // initialize state flag
+      _this.setState('started');
+      logger.info('state: ' + _this.getState());
+      logger.info('module is being initialized');
+
+      // -----------------------------------------------------------------------
+      // Default module settings
+      // -----------------------------------------------------------------------
+      var settings = $.extend({
+        module_name: 'j1.adapter.rtable',
+        generated:   '{{site.time}}'
+      }, options);
+
+      // -----------------------------------------------------------------------
+      // rtable initializer
+      // -----------------------------------------------------------------------
+      var log_text = 'rtable is being initialized';
+      logger.info(log_text);
+
+      // Add data attribute for tablesaw to all tables of a page
+      // as Asciidoctor has NO option to pass 'data attributes'
+      // See: https://stackoverflow.com/questions/50600405/how-to-add-custom-data-attributes-with-asciidoctor
+      //
+      $('table').each(function(){
+        var curTable = $(this);
+        // jadams, 2020-09-16: class 'rtable' indicate use of 'tablesaw'
+        if ($(curTable).hasClass('rtable')) {
+          // jadams, 2020-09-17: add BS responsive class in case of an overflow
+          $(curTable).addClass('table-responsive')
+          // jadams, 2020-09-16: add needed CSS class/attribute for tablesaw
+          $(curTable).addClass('tablesaw')
+          $(curTable).attr('data-tablesaw-mode','stack');
+        }
+      });
+
+      var dependencies_met_j1_finished = setInterval(function() {
+        if (j1.getState() == 'finished') {
+
+        	Tablesaw.init();
+
+          _this.setState('finished');
+          logger.info('state: ' + _this.getState());
+
+          clearInterval(dependencies_met_j1_finished);
+        } // END dependencies_met_j1_finished
+      }, 25);
+
+    }, // END init
+
+    // -------------------------------------------------------------------------
+    // messageHandler: MessageHandler for J1 CookieConsent module
+    // Manage messages send from other J1 modules
+    // -------------------------------------------------------------------------
+    messageHandler: function (sender, message) {
+      var json_message = JSON.stringify(message, undefined, 2);
+
+      logText = '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(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/themer.js

@@ -1,5 +1,5 @@
 ---
-regenerate: true
+regenerate:                             false
 ---
 
 {% capture cache %}
@@ -37,7 +37,7 @@ regenerate: true
 
 {% comment %} Set config files
 -------------------------------------------------------------------------------- {% endcomment %}
-{% assign template_config   = site.data.template_settings %}
+{% assign template_config   = site.data.j1_config %}
 {% assign blocks            = site.data.blocks %}
 {% assign modules           = site.data.modules %}
 
@@ -49,10 +49,8 @@ regenerate: true
 {% comment %} Set config options
 -------------------------------------------------------------------------------- {% endcomment %}
 {% assign themer_options    = themer_defaults| merge: themer_settings %}
-{% assign default_theme     = template_config.bootstrap.default_theme %}
-{% assign vendor_css        = "vendor" %}
-{% assign theme_base        = "core/css" %}
-{% assign theme_ext         = "css" %}
+{% assign default_theme     = template_config.theme %}
+{% assign theme_base        = "core/css/themes" %}
 
 {% if environment == "development" or environment == "test" %}
   {% assign theme_ext       = "css" %}
@@ -68,23 +66,23 @@ regenerate: true
 /*
  # -----------------------------------------------------------------------------
  # ~/assets/themes/j1/adapter/js/themer.js
- # JS Adapter for J1 themer (BS Theme themer)
+ # JS Adapter for J1 themer (bootstrapThemeSwitcher)
  #
  # Product/Info:
  # https://jekyll.one
- # https://github.com/jguadagno/bootstrapThemethemer
+ # https://github.com/jguadagno/bootstrapThemeSwitcher
  #
  # Copyright (C) 2020 Juergen Adams
  # Copyright (C) 2014 Joseph Guadagno
  #
  # J1 Template is licensed under the MIT License.
  # For details, see https://jekyll.one
- # BS Theme themer is licensed under the MIT License.
- # For details, see https://github.com/jguadagno/bootstrapThemethemer/blob/master/LICENSE
+ # bootstrapThemeSwitcher is licensed under the MIT License.
+ # For details, see https://github.com/jguadagno/bootstrapThemeSwitcher/blob/master/LICENSE
  # -----------------------------------------------------------------------------
  # NOTE:
- #  Setup of theme selectors (ThemeList|ThemeSelect) moved
- #  to j1_adapter_navigator.js
+ #  Setup of theme loaders for local_themes|remote_themes moved
+ #  to adapter navigator.js
  # -----------------------------------------------------------------------------
  # Adapter generated: {{site.time}}
  # -----------------------------------------------------------------------------
@@ -102,79 +100,42 @@ j1.adapter['themer'] = (function (j1, window) {
   // globals
   // ---------------------------------------------------------------------------
   var environment                 = '{{environment}}';
-  var moduleOptions               = {};
+  var themerOptions               = $.extend({}, {{themer_options | replace: '=>', ':' | replace: 'nil', '""' }});
   var user_state                  = {};
   var cookie_names                = j1.getCookieNames();
   var cookie_user_state_name      = cookie_names.user_state;
   var user_state_detected         = false;
+  var styleLoaded                 = false;
   var id                          = 'default';
-  var cssFile                     = '{{themer_options.defaultCssFile}}';
-  var interval_count              = 0;
-  var max_count                   = 4;
-  var user_state_json;
   var user_state_cookie;
+  var theme_css_html;
   var _this;
-  var theme;
-  var themeName;
-  var themeCss;
-  var themeCssHtml;
-  var vendorCssHtml;
-  var themeExtensionCss;
-  var themeExtensionCssHtml;
   var logger;
   var logText;
 
-  var default_theme_css           = (environment == 'production') ? '/assets/themes/j1/core/css/uno.min.css' : '/assets/themes/j1/core/css/uno.css';
-  var default_theme_extention_css = '{{themer_options.includeBootswatch}}';
-  var default_theme_name          = 'Uno';
-  var default_theme_author        = 'J1 Team';
-  var default_theme_link          = 'https://jekyll.one/';
+  var default_theme_name        = '{{default_theme.name}}';
+  var default_theme_author      = '{{default_theme.author}}';
+  var default_theme_author_url  = '{{default_theme.theme_author_url}}';
+  var default_theme_css_name    = default_theme_name.toLowerCase().replace(' ', '-');
+  var default_theme_css         = (environment == 'production')
+                                  ? '{{asset_path}}/{{theme_base}}/' +default_theme_css_name+ '/bootstrap.min.css'
+                                  : '{{asset_path}}/{{theme_base}}/' +default_theme_css_name+ '/bootstrap.css';
 
   // ---------------------------------------------------------------------------
   // helper functions
   // ---------------------------------------------------------------------------
-  // See: https://stackoverflow.com/questions/16965515/how-to-get-a-style-attribute-from-a-css-class-by-javascript-jquery
-  // Example: getStyleValueFromStyleSheet('bg-primary', 'background-color', 'vendor');
+  // Example: var styleLoaded = styleSheetLoaded('');
   function styleSheetLoaded(styleSheet) {
-    // var styleSheet  = styleSheetName.toLowerCase() + '.css';
-    var sheets      = document.styleSheets, stylesheet = sheets[(sheets.length - 1)];
+    var sheets = document.styleSheets, stylesheet = sheets[(sheets.length - 1)];
 
     // find CSS file 'styleSheetName' in document
     for(var i in document.styleSheets) {
       if(sheets[i].href && sheets[i].href.indexOf(styleSheet) > -1) {
-        return true;;
-      }
-    }
-  }
-
-  {% comment %} Unused code
-  ------------------------------------------------------------------------------
-  // NOTE: Does not work anymore because of CORS check violation
-  // See: https://stackoverflow.com/questions/16965515/how-to-get-a-style-attribute-from-a-css-class-by-javascript-jquery
-  // Example: getStyleValueFromStyleSheet('bg-primary', 'background-color', 'vendor');
-  function getStyleValueFromStyleSheet(className, style, styleSheetName) {
-    var sheets = document.styleSheets, stylesheet = sheets[(sheets.length - 1)];
-    var style;
-
-    // find CSS file 'styleSheetName' in document
-    for(var i in document.styleSheets){
-      if(sheets[i].href && sheets[i].href.indexOf(styleSheetName + ".css") > -1) {
-        stylesheet = sheets[i];
-        break;
-      }
-      if (typeof(stylesheet) === 'undefined') return null;
-    }
-
-    // find CSS style 'style' in styleSheetName
-    for (var j=0, k=stylesheet.cssRules.length; j < k; j++) {
-      var rule = stylesheet.cssRules[j];
-      if (rule.selectorText && rule.selectorText.split(',').indexOf('.' +className) !== -1) {
-        style = rule.style[style];
-        return style;
+        return true;
       }
     }
+    return false;
   }
-  ------------------------------------------------------------------------------ {% endcomment %}
 
   // ---------------------------------------------------------------------------
   // Main object
@@ -198,71 +159,64 @@ j1.adapter['themer'] = (function (j1, window) {
       user_state_detected = j1.existsCookie(cookie_user_state_name);
       if (user_state_detected) {
         user_state            = j1.readCookie(cookie_user_state_name);
-        themeName             = user_state.theme_name;
-        themeCss              = user_state.theme_css;
-        themeExtensionCss     = user_state.theme_extension_css;
-      }
-      if (themeCss) {
-        themeCssHtml          = '<link rel="stylesheet" id="' + id + '" href="' + themeCss + '" type="text/css" />';
-        themeExtensionCssHtml = '<link rel="stylesheet" id="' + id +'" href="' + themeExtensionCss + '" type="text/css" />';
-      } else {
-        themeName             = default_theme_name;
-        themeCssHtml          = '<link rel="stylesheet" type="text/css" id="default" href="{{asset_path}}/{{theme_base}}/{{default_theme}}.{{theme_ext}}" />';
-        vendorCssHtml         = '<link rel="stylesheet" type="text/css" id="default" href="{{asset_path}}/{{theme_base}}/{{vendor_css}}.{{theme_ext}}" />';
-        $('head').append(vendorCssHtml);
       }
 
-      // Don't load Theme CSS twice! (loaded already as resource 'core')
-      if (themeName != default_theme_name) {
-        $('head').append(themeCssHtml);
+      // initial user_state cookie
+      //
+      if ( user_state.theme_name == '') {
+        user_state.theme_name       = default_theme_name;
+        user_state.theme_css        = default_theme_css;
+        user_state.theme_author     = default_theme_author;
+        user_state.theme_author_url = default_theme_author_url;
       }
 
-      // Append|Remove theme extentions
-      // TODO: Make default theme name 'Uno' configurable
-      if (themeName === 'Uno') {
-        $('head link[href*="' +themeExtensionCss+ '"]').remove();
-      } else {
-        $('head').append(themeExtensionCssHtml);
+      styleLoaded     = styleSheetLoaded(user_state.theme_css);
+      theme_css_html  = '<link rel="stylesheet" id="' + id + '" href="' + user_state.theme_css + '" type="text/css" />';
+
+      // skip loading UNO CSS file except it is NOT loaded
+      //
+      if (!user_state.theme_name.includes('Uno') || !styleLoaded) {
+        $('head').append(theme_css_html);
       }
 
+      j1.writeCookie({
+        name: cookie_user_state_name,
+        data: user_state
+      });
+
       {% if themer_options.enabled %}
+        // enable BS ThemeSwitcher
         logger.info('themes detected as: enabled');
-        logger.info('theme is being initialized: ' + themeName);
+        logger.info('theme is being initialized: ' + user_state.theme_name);
 
       var dependencies_met_navigator_started = setInterval (function () {
-        if (j1.adapter.navigator.getState() == 'started') {
+        // if (j1.adapter.navigator.getState() == 'started') {
+        if ( $('#remote_themes').length ) {
           /* eslint-disable */
           // initialize Bootswatch Theme Switcher
-          $('#ThemeList').bootstrapThemeSwitcher.defaults = {
-            debug:                    {{themer_options.debug|json}},
-            saveToCookie:             {{themer_options.saveToCookie|json}},
-            cssThemeLink:             {{themer_options.cssThemeLink|json}},
-            cookieThemeName:          {{themer_options.cookieThemeName|json}},
-            cookieDefaultThemeName:   {{themer_options.cookieDefaultThemeName|json}},
-            cookieThemeCss:           {{themer_options.cookieThemeCss|json}},
-            cookieThemeExtensionCss:  {{themer_options.cookieThemeExtensionCss|json}},
-            cookieExpiration:         {{themer_options.cookieExpiration|json}},
-            cookiePath:               {{themer_options.cookiePath|json}},
-            defaultCssFile:           {{themer_options.defaultCssFile|json}},
-            bootswatchApiUrl:         {{themer_options.bootswatchApiUrl|json}},
-            bootswatchApiVersion:     {{themer_options.bootswatchApiVersion|json}},
-            loadFromBootswatch:       {{themer_options.loadFromBootswatch|json}},
-            localFeed:                {{themer_options.localFeed|json}},
-            excludeBootswatch:        {{themer_options.excludeBootswatch|json}},
-            includeBootswatch:        {{themer_options.includeBootswatch|json}},
-            skipIncludeBootswatch:    {{themer_options.skipIncludeBootswatch|json}}
+          $('#remote_themes').bootstrapThemeSwitcher.defaults = {
+            debug:                    themerOptions.debug,
+            saveToCookie:             themerOptions.saveToCookie,
+            cssThemeLink:             themerOptions.cssThemeLink,
+            cookieThemeName:          themerOptions.cookieThemeName,
+            cookieDefaultThemeName:   themerOptions.cookieDefaultThemeName,
+            cookieThemeCss:           themerOptions.cookieThemeCss,
+            cookieThemeExtensionCss:  themerOptions.cookieThemeExtensionCss,
+            cookieExpiration:         themerOptions.cookieExpiration,
+            cookiePath:               themerOptions.cookiePath,
+            defaultCssFile:           themerOptions.defaultCssFile,
+            bootswatchApiUrl:         themerOptions.bootswatchApiUrl,
+            bootswatchApiVersion:     themerOptions.bootswatchApiVersion,
+            loadFromBootswatch:       themerOptions.loadFromBootswatch,
+            localFeed:                themerOptions.localThemes,
+            excludeBootswatch:        themerOptions.excludeBootswatch,
+            includeBootswatch:        themerOptions.includeBootswatch,
+            skipIncludeBootswatch:    themerOptions.skipIncludeBootswatch
           }
           /* eslint-enable */
 
-          if (themeName == 'Uno'|| themeName == 'Bootstrap') {
-            theme = environment === 'production'
-              ? themeName.toLowerCase() + '.min.css'
-              : themeName.toLowerCase() + '.css';
-          } else {
-            theme = 'bootstrap.css';  // fallback
-          }
-          logger.info('theme loaded: ' + themeName);
-          logger.info('theme file: ' + theme);
+          logger.info('theme loaded: ' + user_state.theme_name);
+          logger.info('theme css file: ' + user_state.theme_css);
 
           _this.setState('finished');
           logger.info('state: ' + _this.getState());
@@ -274,18 +228,10 @@ j1.adapter['themer'] = (function (j1, window) {
       {% else %}
         _this.setState('finished');
         logger.info('state: ' + _this.getState());
-        logger.info('module detected as: disabled');
+        logger.info('themes detected as: disabled');
       {% endif %}
     }, // END init
 
-    // -------------------------------------------------------------------------
-    // setCss
-    // Set dynamic styles
-    // -------------------------------------------------------------------------
-    setCss: function () {
-      var bg_primary = j1.getStyleValue('bg-primary', 'background-color');
-    }, // END setCss
-
     // -------------------------------------------------------------------------
     // messageHandler
     // Manage messages send from other J1 modules