j1-template 2021.1.27 → 2021.2.1

data/assets/themes/j1/modules/mdiPreviewer/js/previewer.js

@@ -14,10 +14,8 @@
 */
 ;(function () {
 
-  var icons         = {};
+  var icons = {};
   var icon_database = '/assets/data/mdi_icons.json';
-  var language      = document.documentElement.lang;
-  var responseText;
 
   function load_data_database() {
     // Returns the icon database object
@@ -49,14 +47,6 @@
         //          var reference = document.querySelector("#mdi-icon");
         //          var popper = document.querySelector(".my-popper");
 
-        if (language == 'en') {
-          responseText = 'Copied to Clipboard';
-        } else if (language == 'de') {
-          responseText = 'Kopiert zur Zwischenablage';
-        } else {
-          responseText = 'Copied to Clipboard';
-        }
-
         var copyFrom = document.createElement('textarea');
         copyFrom.setAttribute("style", "position:fixed;opacity:0;top:100px;left:100px;");
         copyFrom.value = text;
@@ -65,7 +55,7 @@
         document.execCommand('copy');
         var copied = document.createElement('div');
         copied.setAttribute('class', 'copied');
-        copied.appendChild(document.createTextNode(responseText));
+        copied.appendChild(document.createTextNode('Copied to Clipboard'));
         document.body.appendChild(copied);
 
         //          Popper currently NOT used
@@ -81,8 +71,8 @@
           document.body.removeChild(copied);
         }, 1500);
       };
-      // Skip info record 0 (j=1)
-      for (var j = 1; j < icons.length; j++) {
+      // Skip info record 0 (j=1) ???
+      for (var j=0; j<icons.length; j++) {
         var div = document.createElement('div'),
           i = document.createElement('i');
         div.setAttribute("id", "mdi-icon");
@@ -118,7 +108,7 @@
           };
         })(icons[j]);
 
-        document.getElementById('icons').appendChild(div);
+        document.getElementById('mdi-icons').appendChild(div);
       }
     });
 

data/assets/themes/j1/modules/mdiPreviewer/js/previewer.min.js

@@ -12,4 +12,4 @@
  # See: https://github.com/jekyll-one-org/J1 Template/blob/master/LICENSE
  # -----------------------------------------------------------------------------
 */
-(function(){var a={};var d="/assets/data/mdi_icons.json";var e=document.documentElement.lang;var b;function c(){return $.ajax({url:d,success:function(f){if(typeof f=="string"){a=JSON.parse(f)}if(typeof f=="object"){a=f}}})}$.when(c()).done(function(l){a.push({name:"blank",codepoint:"F068C"});var m=function(o){if(e=="en"){b="Copied to Clipboard"}else{if(e=="de"){b="Kopiert zur Zwischenablage"}else{b="Copied to Clipboard"}}var j=document.createElement("textarea");j.setAttribute("style","position:fixed;opacity:0;top:100px;left:100px;");j.value=o;document.body.appendChild(j);j.select();document.execCommand("copy");var i=document.createElement("div");i.setAttribute("class","copied");i.appendChild(document.createTextNode(b));document.body.appendChild(i);setTimeout(function(){document.body.removeChild(j);document.body.removeChild(i)},1500)};for(var f=1;f<a.length;f++){var n=document.createElement("div"),g=document.createElement("i");n.setAttribute("id","mdi-icon");g.className="mdi mdi-"+a[f].name;n.appendChild(g);var k=document.createElement("code");k.appendChild(document.createTextNode("#"+a[f].codepoint));n.appendChild(k);var h=document.createElement("span");h.appendChild(document.createTextNode(a[f].name));n.appendChild(h);g.onmouseup=(function(i){return function(){m(i.name)}})(a[f]);k.onmouseup=(function(i){return function(){m("#"+i.codepoint)}})(a[f]);h.onmouseup=(function(i){return function(){m("mdi-"+i.name)}})(a[f]);document.getElementById("icons").appendChild(n)}})})();
+(function(){var a={};var c="/assets/data/mdi_icons.json";function b(){return $.ajax({url:c,success:function(d){if(typeof d=="string"){a=JSON.parse(d)}if(typeof d=="object"){a=d}}})}$.when(b()).done(function(h){a.push({name:"blank",codepoint:"F068C"});var k=function(m){var j=document.createElement("textarea");j.setAttribute("style","position:fixed;opacity:0;top:100px;left:100px;");j.value=m;document.body.appendChild(j);j.select();document.execCommand("copy");var i=document.createElement("div");i.setAttribute("class","copied");i.appendChild(document.createTextNode("Copied to Clipboard"));document.body.appendChild(i);setTimeout(function(){document.body.removeChild(j);document.body.removeChild(i)},1500)};for(var d=0;d<a.length;d++){var l=document.createElement("div"),e=document.createElement("i");l.setAttribute("id","mdi-icon");e.className="mdi mdi-"+a[d].name;l.appendChild(e);var g=document.createElement("code");g.appendChild(document.createTextNode("#"+a[d].codepoint));l.appendChild(g);var f=document.createElement("span");f.appendChild(document.createTextNode(a[d].name));l.appendChild(f);e.onmouseup=(function(i){return function(){k(i.name)}})(a[d]);g.onmouseup=(function(i){return function(){k("#"+i.codepoint)}})(a[d]);f.onmouseup=(function(i){return function(){k("mdi-"+i.name)}})(a[d]);document.getElementById("mdi-icons").appendChild(l)}})})();

data/assets/themes/j1/modules/mdilPreviewer/css/previewer.css

@@ -0,0 +1,97 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/mdiPreviewer/css/previewer.css
+ # Provides styles for the MDI Icon Previewer
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+*/
+
+.icons {
+    //display: none;
+    //padding: 0 20px 10px 20px;
+    -webkit-column-count: 2;
+    -moz-column-count: 2;
+    column-count: 2;
+    -webkit-column-gap: 2rem;
+    -moz-column-gap: 2rem;
+    column-gap: 2rem;
+}
+
+.icons div {
+    line-height: 3rem;
+    color: rgba(0, 0, 0, 0.6);
+}
+
+.icons div span {
+    cursor: pointer;
+    font-size: 1rem;
+    text-overflow: ellipsis;
+    display: inline-block;
+    max-width: calc(100% - 90px);
+    overflow: hidden;
+    vertical-align: middle;
+    white-space: nowrap;
+    margin-left: .5rem;
+}
+
+.icons div code:hover,
+.icons div span:hover,
+.icons div i:hover {
+    color: rgba(0, 0, 0, 0.5);
+}
+
+.icons div code:hover {
+    border-color: #2196F3;
+}
+
+.icons div code {
+    color:  #424242;
+    background-color: #E0E0E0;
+    border: 1px solid #9E9E9E;
+    width: 80px;
+    margin-left: 2px;
+    margin-right: 4px;
+    border-radius: 4px;
+    display: inline-block;
+    vertical-align: middle;
+    text-align: center;
+    line-height: 24px;
+    cursor: pointer;
+}
+
+.icons div i {
+    display: inline-block;
+    width: 32px;
+    height: 24px;
+    margin-right: .5rem;
+    text-align: center;
+    vertical-align: middle;
+    cursor: pointer;
+    line-height: 24px;
+}
+
+.icons .mdi:before {
+    font-size: 24px;
+}
+
+div.copied {
+    position: fixed;
+    top: 100px;
+    left: 50%;
+    width: 300px;
+    text-align: center;
+    color: #FAFAFA;
+    background-color: #2196F3;
+    border: 1px solid #0D47A1;
+    padding: 10px 15px;
+    border-radius: 4px;
+    margin-left: -100px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
+}

data/assets/themes/j1/modules/mdilPreviewer/css/previewer.min.css

@@ -0,0 +1,15 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/mdiPreviewer/css/previewer.min.css
+ # Provides styles for the MDI Icon Previewer
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+*/
+.icons{//display:none;//padding:0 20px 10px 20px;-webkit-column-count:2;-moz-column-count:2;column-count:2;-webkit-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem}.icons div{line-height:3rem;color:rgba(0,0,0,0.6)}.icons div span{cursor:pointer;font-size:1rem;text-overflow:ellipsis;display:inline-block;max-width:calc(100% - 90px);overflow:hidden;vertical-align:middle;white-space:nowrap;margin-left:.5rem}.icons div code:hover,.icons div span:hover,.icons div i:hover{color:rgba(0,0,0,0.5)}.icons div code:hover{border-color:#2196f3}.icons div code{color:#424242;background-color:#e0e0e0;border:1px solid #9e9e9e;width:80px;margin-left:2px;margin-right:4px;border-radius:4px;display:inline-block;vertical-align:middle;text-align:center;line-height:24px;cursor:pointer}.icons div i{display:inline-block;width:32px;height:24px;margin-right:.5rem;text-align:center;vertical-align:middle;cursor:pointer;line-height:24px}.icons .mdi:before{font-size:24px}div.copied{position:fixed;top:100px;left:50%;width:300px;text-align:center;color:#fafafa;background-color:#2196f3;border:1px solid #0d47a1;padding:10px 15px;border-radius:4px;margin-left:-100px;box-shadow:0 0 10px rgba(0,0,0,0.2)}

data/assets/themes/j1/modules/mdilPreviewer/js/previewer.js

@@ -0,0 +1,125 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/mdilPreviewer/js/previewer.js
+ # Provides JS functions for the MDI Icon Previewer
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+*/
+;(function () {
+
+  var icons         = {};
+  var icon_database = '/assets/data/mdil_icons.json';
+  var language      = document.documentElement.lang;
+  var responseText;
+
+  function load_data_database() {
+    // Returns the icon database object
+    return $.ajax({
+      url: icon_database,
+      success: function (data) {
+        if (typeof data == 'string') {
+          icons = JSON.parse(data);
+        }
+        if (typeof data == 'object') {
+          icons = data;
+        }
+      }
+    })
+  };
+
+  $.when(load_data_database()).done(
+    function (load_database_response) {
+
+      icons.push({
+        "name": "blank",
+        "codepoint": "F68C"
+      });
+
+      var copyText = function (text) {
+        //          Popper currently NOT used
+        //          See: https://github.com/popperjs/popper-core/tree/v1.16.1
+        //
+        //          var reference = document.querySelector("#mdi-icon");
+        //          var popper = document.querySelector(".my-popper");
+
+        if (language == 'en') {
+          responseText = 'Copied to Clipboard';
+        } else if (language == 'de') {
+          responseText = 'Kopiert zur Zwischenablage';
+        } else {
+          responseText = 'Copied to Clipboard';
+        }
+
+        var copyFrom = document.createElement('textarea');
+        copyFrom.setAttribute("style", "position:fixed;opacity:0;top:100px;left:100px;");
+        copyFrom.value = text;
+        document.body.appendChild(copyFrom);
+        copyFrom.select();
+        document.execCommand('copy');
+        var copied = document.createElement('div');
+        copied.setAttribute('class', 'copied');
+        copied.appendChild(document.createTextNode(responseText));
+        document.body.appendChild(copied);
+
+        //          Popper currently NOT used
+        //          See: https://github.com/popperjs/popper-core/tree/v1.16.1
+        //
+        //          var popperInstance = new Popper(reference, popper, {
+        //            // popper options here
+        //              placement: 'right'
+        //          });
+
+        setTimeout(function () {
+          document.body.removeChild(copyFrom);
+          document.body.removeChild(copied);
+        }, 1500);
+      };
+      // Skip info record 0 (j=1) ???
+      for (var j=0; j<icons.length; j++) {
+        var div = document.createElement('div'),
+          i = document.createElement('i');
+        div.setAttribute("id", "mdi-icon");
+
+        i.className = 'mdil mdil-2x mdil-' + icons[j].name;
+        div.appendChild(i);
+        var code = document.createElement('code');
+        code.appendChild(document.createTextNode('#' + icons[j].codepoint));
+        div.appendChild(code);
+        var span = document.createElement('span');
+        //span.appendChild(document.createTextNode('mdi-' + icons[j].name));
+        span.appendChild(document.createTextNode(icons[j].name));
+        div.appendChild(span);
+
+        // click on font-icon: copy icon name
+        i.onmouseup = (function (icon) {
+          return function () {
+            copyText(icon.name);
+          };
+        })(icons[j]);
+
+        // click on icon-value: copy icon value
+        code.onmouseup = (function (icon) {
+          return function () {
+            copyText('#' + icon.codepoint);
+          };
+        })(icons[j]);
+
+        // click on icon-name: copy MDI icon name
+        span.onmouseup = (function (icon) {
+          return function () {
+            copyText('mdil-' + icon.name);
+          };
+        })(icons[j]);
+
+        document.getElementById('mdil-icons').appendChild(div);
+      }
+    });
+
+})();

data/assets/themes/j1/modules/mdilPreviewer/js/previewer.min.js

@@ -0,0 +1,15 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/mdilPreviewer/js/previewer.min.js
+ # Provides JS functions for the MDI Icon Previewer
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+*/
+(function(){var a={};var d="/assets/data/mdil_icons.json";var e=document.documentElement.lang;var b;function c(){return $.ajax({url:d,success:function(f){if(typeof f=="string"){a=JSON.parse(f)}if(typeof f=="object"){a=f}}})}$.when(c()).done(function(l){a.push({name:"blank",codepoint:"F68C"});var m=function(o){if(e=="en"){b="Copied to Clipboard"}else{if(e=="de"){b="Kopiert zur Zwischenablage"}else{b="Copied to Clipboard"}}var j=document.createElement("textarea");j.setAttribute("style","position:fixed;opacity:0;top:100px;left:100px;");j.value=o;document.body.appendChild(j);j.select();document.execCommand("copy");var i=document.createElement("div");i.setAttribute("class","copied");i.appendChild(document.createTextNode(b));document.body.appendChild(i);setTimeout(function(){document.body.removeChild(j);document.body.removeChild(i)},1500)};for(var f=0;f<a.length;f++){var n=document.createElement("div"),g=document.createElement("i");n.setAttribute("id","mdi-icon");g.className="mdil mdil-2x mdil-"+a[f].name;n.appendChild(g);var k=document.createElement("code");k.appendChild(document.createTextNode("#"+a[f].codepoint));n.appendChild(k);var h=document.createElement("span");h.appendChild(document.createTextNode(a[f].name));n.appendChild(h);g.onmouseup=(function(i){return function(){m(i.name)}})(a[f]);k.onmouseup=(function(i){return function(){m("#"+i.codepoint)}})(a[f]);h.onmouseup=(function(i){return function(){m("mdil-"+i.name)}})(a[f]);document.getElementById("mdil-icons").appendChild(n)}})})();

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

@@ -1,6 +1,6 @@
 /*
  # -----------------------------------------------------------------------------
- #  ~/assets/themes/j1/modules/mmenu_light/css/theme/uno.js
+ #  ~/assets/themes/j1/modules/rtable/css/theme/uno/rtable.css
  #  Tablesaw v3.1.2 Theme for J1 Template
  #
  #  Product/Info:
@@ -157,8 +157,8 @@ $breakpoint-xs:                        	575px;
   .tablesaw-stack tbody td,
   .tablesaw-stack tbody th {
     display: block;
-/*  float: left; */
-/*  clear: left; */
+    /* float: left;
+    clear: left; */
     width: 100%;
   }
 

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}}