j1-template 2021.1.28 → 2021.2.2

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

@@ -1,6 +1,6 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/mmenu_light/css/theme/uno.js
+ #  ~/assets/themes/j1/modules/rtable/css/theme/uno/rtable.min.css
  #  Tablesaw v3.1.2 Theme for J1 Template
  #
  #  Product/Info:
@@ -16,176 +16,4 @@
  #  See: https://github.com/filamentgroup/tablesaw/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-
-/*
-// BS4 media breakpoints
-// -----------------------------------------------------------------------------
-$breakpoint-xl:                        	1200px;
-$breakpoint-lg:                        	992px;
-$breakpoint-md:                        	768px;
-$breakpoint-sm:                        	576px;
-$breakpoint-xs:                        	575px;
-*/
-
-.tablesaw {
-    width: 100%;
-    max-width: 100%;
-    empty-cells: show;
-    border-collapse: collapse;
-/*  border: 0; */
-/*  padding: 0; */
-}
-
-.tablesaw * {
-  box-sizing: border-box;
-}
-
-.tablesaw-stack td .tablesaw-cell-label,
-.tablesaw-stack th .tablesaw-cell-label {
-  display: none;
-}
-
-/* Mobile first styles: Begin with the stacked presentation at narrow widths */
-
-/* Support note IE9+: @media only all */
-
-/* Media query to show as a standard table at 560px (35em x 16px) or wider */
-
-
-/* All Media screens
--------------------------------------------------------------------------------- */
-@media all {
-  /* Show the table cells as a block level element */
-
-  .tablesaw-stack {
-    clear: both;
-  }
-
-  .tablesaw-stack td,
-  .tablesaw-stack th {
-    text-align: left;
-    display: block;
-  }
-
-  .tablesaw-stack tr {
-    clear: both;
-    display: table-row;
-  }
-
-  /* Make the label elements a percentage width */
-
-  .tablesaw-stack td .tablesaw-cell-label,
-  .tablesaw-stack th .tablesaw-cell-label {
-    display: inline-block;
-/*  padding: 0 .6em 0 0; */
-/*  width: 30%; */
-    width: 20%;
-  }
-
-  /*  For grouped headers, have a different style to visually
-      separate the levels by classing the first label in each
-      col group
-  */
-
-  .tablesaw-stack th .tablesaw-cell-label-top,
-  .tablesaw-stack td .tablesaw-cell-label-top {
-    display: block;
-    padding: .4em 0;
-    margin: .4em 0;
-  }
-
-  .tablesaw-cell-label {
-    display: block;
-  }
-
-  /* Avoid double strokes when stacked */
-
-  .tablesaw-stack tbody th.group {
-    margin-top: -1px;
-  }
-
-  /* Avoid double strokes when stacked */
-
-  .tablesaw-stack th.group b.tablesaw-cell-label {
-    display: none !important;
-  }
-}
-
-/* Desktop
-   @media (min-width: 40em) $grid-breakpoint-lg
--------------------------------------------------------------------------------- */
-@media screen and (min-width: 992px) {
-  .tablesaw-stack tr {
-    display: table-row;
-  }
-
-  /* Show the table header rows */
-
-  .tablesaw-stack td,
-  .tablesaw-stack th,
-  .tablesaw-stack thead td,
-  .tablesaw-stack thead th {
-    display: table-cell;
-    margin: 0;
-  }
-
-  /* Hide the labels in each cell */
-
-  .tablesaw-stack td .tablesaw-cell-label,
-  .tablesaw-stack th .tablesaw-cell-label {
-    display: none !important;
-  }
-}
-
-/* Mobile
-   @media (max-width: 39.9375em) {
--------------------------------------------------------------------------------- */
-@media screen and (max-width: 992px) {
-  /* Table rows have a gray bottom stroke by default */
-
-  .tablesaw-stack tbody tr {
-    display: block;
-    width: 100%;
-/*  border-bottom: 1px solid #dfdfdf; */
-  }
-
-  .tablesaw-stack thead td,
-  .tablesaw-stack thead th {
-    display: none;
-  }
-
-  .tablesaw-stack tbody td,
-  .tablesaw-stack tbody th {
-    display: block;
-/*  float: left; */
-/*  clear: left; */
-    width: 100%;
-  }
-
-/* jadams, 2020-09-15:     */
-  .tablesaw-cell-label {
-    vertical-align: top;
-    font-weight: 700 !important;
-  }
-
-/* jadams, 2020-09-65:  changed max-width: 67%   */
-  .tablesaw-cell-content {
-    display: inline-block;
-    margin-left: .5rem;
-    max-width: 100%;
-    min-width: 100%; /* is to calculated for firefox */
-  }
-
-  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,
-  .tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content {
-    display: block;
-    width: 100%;
-    max-width: 100%;
-    padding: 0;
-  }
-
-  .tablesaw-stack td:empty,
-  .tablesaw-stack th:empty {
-    display: none;
-  }
-}
+.tablesaw{width:100%;max-width:100%;empty-cells:show;border-collapse:collapse}.tablesaw *{box-sizing:border-box}.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label{display:none}@media all{.tablesaw-stack{clear:both}.tablesaw-stack td,.tablesaw-stack th{text-align:left;display:block}.tablesaw-stack tr{clear:both;display:table-row}.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label{display:inline-block;width:20%}.tablesaw-stack th .tablesaw-cell-label-top,.tablesaw-stack td .tablesaw-cell-label-top{display:block;padding:.4em 0;margin:.4em 0}.tablesaw-cell-label{display:block}.tablesaw-stack tbody th.group{margin-top:-1px}.tablesaw-stack th.group b.tablesaw-cell-label{display:none!important}}@media screen and (min-width:992px){.tablesaw-stack tr{display:table-row}.tablesaw-stack td,.tablesaw-stack th,.tablesaw-stack thead td,.tablesaw-stack thead th{display:table-cell;margin:0}.tablesaw-stack td .tablesaw-cell-label,.tablesaw-stack th .tablesaw-cell-label{display:none!important}}@media screen and (max-width:992px){.tablesaw-stack tbody tr{display:block;width:100%}.tablesaw-stack thead td,.tablesaw-stack thead th{display:none}.tablesaw-stack tbody td,.tablesaw-stack tbody th{display:block;width:100%}.tablesaw-cell-label{vertical-align:top;font-weight:700!important}.tablesaw-cell-content{display:inline-block;margin-left:.5rem;max-width:100%;min-width:100%}.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-label,.tablesaw-stack .tablesaw-stack-block .tablesaw-cell-content{display:block;width:100%;max-width:100%;padding:0}.tablesaw-stack td:empty,.tablesaw-stack th:empty{display:none}}

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

@@ -1,26 +1,22 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/mmenu_light/js/mmenu.js
- #  Tablesaw v3.1.2 implementation for J1 Template
+ # ~/assets/themes/j1/modules/rtable/js/rtable.js
+ # Tablesaw v3.1.2 implementation for J1 Template
  #
- #  Product/Info:
- #  https://jekyll.one
- #  https://github.com/filamentgroup/tablesaw
+ # Product/Info:
+ # https://jekyll.one
+ # https://github.com/filamentgroup/tablesaw
  #
- #  Copyright (C) 2021 Juergen Adams
- #  Copyright (c) 2013 Filament Group
+ # Copyright (C) 2021 Juergen Adams
+ # Copyright (c) 2013 Filament Group
  #
- #  J1 Template is licensed under the MIT License.
- #  See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
- #  Tablesaw is licensed under the MIT License.
- #  See: https://github.com/filamentgroup/tablesaw/blob/master/LICENSE
+ # J1 Template is licensed under the MIT License.
+ # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
+ # Tablesaw is licensed under the MIT License.
+ # See: https://github.com/filamentgroup/tablesaw/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
 
-/*! Tablesaw - v3.1.2 - 2019-03-19
-* https://github.com/filamentgroup/tablesaw
-* Copyright (c) 2019 Filament Group; Licensed MIT */
-
 (function (root, factory) {
   if (typeof define === 'function' && define.amd) {
     define(["jquery"], function (jQuery) {
@@ -76,26 +72,34 @@
   		(!window.blackberry || window.WebKitPoint) && // only WebKit Blackberry (OS 6+)
   		!window.operamini,
   	$: $,
-  	_init: function(element) {
+  	_init: function(element, options) {
   		Tablesaw.$(element || document).trigger("enhance.tablesaw");
+      Tablesaw.options = options;
   	},
-  	init: function(element) {
+
+    // -------------------------------------------------------------------------
+    // initializer
+    // -------------------------------------------------------------------------
+  	init: function(element, options) {
   		// Account for Tablesaw being loaded either before or after the DOMContentLoaded event is fired.
   		domContentLoadedTriggered =
   			domContentLoadedTriggered || /complete|loaded/.test(document.readyState);
   		if (!domContentLoadedTriggered) {
   			if ("addEventListener" in document) {
-  				// Use raw DOMContentLoaded instead of shoestring (may have issues in Android 2.3, exhibited by stack table)
+  				// Use raw DOMContentLoaded instead of Tablesaw (may have issues in Android 2.3, exhibited by stack table)
   				document.addEventListener("DOMContentLoaded", function() {
-  					Tablesaw._init(element);
+  					Tablesaw._init(element, options);
   				});
   			}
   		} else {
-  			Tablesaw._init(element);
+  			Tablesaw._init(element, options);
   		}
   	}
   };
 
+  // ---------------------------------------------------------------------------
+  // event handler
+  // ---------------------------------------------------------------------------
   $(document).on("enhance.tablesaw", function() {
 
   	// Extend i18n config, if one exists.
@@ -110,10 +114,16 @@
   	];
   });
 
+  // ---------------------------------------------------------------------------
+  // enhance ???
+  // ---------------------------------------------------------------------------
   if (Tablesaw.mustard) {
   	$(document.documentElement).addClass("tablesaw-enhanced");
   }
 
+  // -------------------------------------------------------------------------
+  // plugin
+  // -------------------------------------------------------------------------
   (function() {
   	var pluginName = "tablesaw";
   	var classes = {
@@ -125,16 +135,18 @@
   		refresh:  "tablesawrefresh",
   		resize:   "tablesawresize"
   	};
-  	var defaultMode =        "stack";
-  	var initSelector =       "table";
-  	var initFilterSelector = "[data-tablesaw],[data-tablesaw-mode],[data-tablesaw-sortable]";
-  	var defaultConfig = {};
+  	var defaultMode         = "stack";
+  	var initSelector        = "table";
+  	var initFilterSelector  = "[data-tablesaw],[data-tablesaw-mode],[data-tablesaw-sortable]";
+  	var defaultConfig       = {};
+    var logger              = log4javascript.getLogger('j1.rtable');
 
   	Tablesaw.events = events;
 
   	var Table = function(element) {
   		if (!element) {
   			throw new Error("Tablesaw requires an element.");
+        logger.error("Tablesaw requires an element.");
   		}
 
   		this.table = element;
@@ -182,7 +194,7 @@
   	};
 
   	Table.prototype.getConfig = function(pluginSpecificConfig) {
-  		// shoestring extend doesn’t support arbitrary args
+  		// Tablesaw extend doesn’t support arbitrary args
   		var configs = $.extend(defaultConfig, pluginSpecificConfig || {});
   		return $.extend(configs, typeof TablesawConfig !== "undefined" ? TablesawConfig : {});
   	};
@@ -548,12 +560,34 @@
 
   	var resizeTimeout;
   	$(window).on("resize", function() {
+      var winWidth;
+      $('table').each(function() {
+        var curTable = $(this);
+        var log_text;
+
+        if ($(curTable).hasClass('rtable')) {
+          winWidth = $(window).width();
+          // set show/hide all table/colgroup elements
+          //
+          if ($(window).width() < Tablesaw.options.breakpoint) {
+            log_text = '\n' + 'hide colgroups: ' + curTable.attr('id')
+            curTable.find('colgroup').hide();
+            logger.debug(log_text);
+          } else {
+            log_text = '\n' + 'show colgroup: ' + curTable.attr('id')
+            curTable.find('colgroup').show();
+            logger.debug(log_text);
+          }
+    	  }
+      });
+
   		if (!isScrolling) {
   			window.clearTimeout(resizeTimeout);
   			resizeTimeout = window.setTimeout(function() {
   				$doc.trigger(events.resize);
   			}, 150); // must be less than the scrolling timeout above.
   		}
+
   	});
 
   	Tablesaw.Table = Table;