j1-template 2021.1.4 → 2021.1.9

data/assets/themes/j1/modules/cookieConsent/js/cookieConsent.min.js

@@ -0,0 +1,301 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/cookieConsent/js/cookieConsent.js
+ # Provides JS Core for J1 Module BS Cookie Consent
+ #
+ #  Product/Info:
+ #  https://shaack.com
+ #  http://jekyll.one
+ #
+ #  Copyright (C) 2020 Stefan Haack
+ #  Copyright (C) 2021 Juergen Adams
+ #
+ #  bootstrap-cookie-banner is licensed under MIT License.
+ #  See: https://github.com/shaack/bootstrap-cookie-banner/blob/master/LICENSE
+ #  J1 Template is licensed under MIT License.
+ #  See: https://github.com/jekyll-one/J1 Template/blob/master/LICENSE
+ # -----------------------------------------------------------------------------
+ # TODO:
+ #
+ # -----------------------------------------------------------------------------
+ # NOTE:
+ #  BS Cookie Consent is a MODIFIED version of bootstrap-cookie-banner
+ #  for the use with J1 Template. This modified version cannot be used
+ #  outside of J1 Template!
+ # -----------------------------------------------------------------------------
+*/
+'use strict';
+
+// -----------------------------------------------------------------------------
+// ESLint shimming
+// -----------------------------------------------------------------------------
+/* eslint indent: "off"                                                       */
+/* eslint no-unused-vars: "off"                                               */
+/* eslint no-undef: "off"                                                     */
+/* eslint no-redeclare: "off"                                                 */
+/* eslint indent: "off"                                                       */
+/* eslint JSUnfilteredForInLoop: "off"                                        */
+// -----------------------------------------------------------------------------
+
+function BootstrapCookieConsent(props) {
+  var logText;
+  var current_page;
+  var whitelisted;
+  var logger                = log4javascript.getLogger('j1.core.bsCookieConsent');
+  var modalId               = "bccs-modal"
+  var self                  = this
+  var detailedSettingsShown = false
+
+  logger.info('Initializing core module: started');
+  logger.info('state: started');
+
+  this.props = {
+    autoShowDialog:         true,                                               // disable autoShowModal on the privacy policy and legal notice pages, to make these pages readable
+    language:               navigator.language,                                 // the language, in which the modal is shown
+    languages:              ["en", "de"],                                       // supported languages (in ./content/), defaults to first in array
+    contentURL:             "./content",                                        // this URL must contain the dialogs content in the needed languages
+    cookieName:             "cookie-consent-settings",                          // the name of the cookie in which the configuration is stored as JSON
+    cookieStorageDays:      365,                                                // the duration the cookie configuration is stored on the client
+    postSelectionCallback:  undefined,                                          // callback function, called after the user has made his selection
+    whitelisted:            [],                                                 // pages NO consent modal page is issued
+    xhr_data_element:       ""                                                  // container for the language-specific consent modal taken from /assets/data/cookieconsent.html
+  }
+
+  for (var property in props) {
+    this.props[property] = props[property];
+  }
+
+  this.language = this.props.language
+  if (this.language.indexOf("-") !== -1) {
+    this.language = this.language.split("-")[0];
+  }
+
+  if (!this.props.languages.includes(this.language)) {
+    this.language = this.props.languages[0];                                    // fallback on default language
+  }
+
+  var Cookie = {
+    set: function (name, value, days) {
+      var value_encoded = window.btoa(value);
+      var expires = "";
+      if (days) {
+        var date = new Date();
+        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+        expires = "; expires=" + date.toUTCString();
+      }
+      document.cookie = name + "=" + (value_encoded || "") + expires + "; Path=/; SameSite=Strict;";
+    },
+    get: function (name) {
+    var nameEQ = name + "=";
+    var ca = document.cookie.split(';');
+    for (var i = 0; i < ca.length; i++) {
+      var c = ca[i];
+      while (c.charAt(0) === ' ') {
+        c = c.substring(1, c.length);
+      }
+      if (c.indexOf(nameEQ) === 0) {
+        var value_encoded = c.substring(nameEQ.length, c.length);
+        var value         = window.atob(value_encoded);
+        return value;
+      }
+    }
+    return undefined
+    }
+  }
+
+  var Events = {
+    documentReady: function (onDocumentReady) {
+      if (document.readyState !== 'loading') {
+        onDocumentReady();
+      } else {
+        document.addEventListener('DOMContentLoaded', onDocumentReady);
+      }
+    }
+  }
+
+  function showDialog(options) {
+    Events.documentReady(function () {
+
+      self.modal = document.getElementById(modalId);
+      if (!self.modal) {
+        logger.info('Load consent modal');
+        self.modal = document.createElement("div");
+        self.modal.id = modalId;
+        self.modal.setAttribute("class", "modal fade");
+        self.modal.setAttribute("tabindex", "-1");
+        self.modal.setAttribute("role", "dialog");
+        self.modal.setAttribute("aria-labelledby", modalId);
+        document.body.append(self.modal);
+        self.$modal = $(self.modal);
+
+        if (self.props.postSelectionCallback) {
+          self.$modal.on("hidden.bs.modal", function () {
+            self.props.postSelectionCallback();
+          });
+        }
+
+        // load modal content
+        //
+        var templateUrl = self.props.contentURL + '/' + 'index.html';
+        $.get(templateUrl)
+        .done(function (data) {
+          logger.info('Loading Consent modal: successfully');
+          self.modal.innerHTML = data;
+          self.modal.innerHTML = $('#' + self.props.xhr_data_element).eq(0).html();
+
+          $(self.modal).modal({
+            backdrop: "static",
+            keyboard: false
+          });
+
+          self.$buttonDoNotAgree = $("#bccs-buttonDoNotAgree");
+          self.$buttonAgree = $("#bccs-buttonAgree");
+          self.$buttonSave = $("#bccs-buttonSave");
+          self.$buttonAgreeAll = $("#bccs-buttonAgreeAll");
+
+          logger.info('Load/Initialze options from cookie');
+
+          updateButtons();
+          updateOptionsFromCookie();
+
+          $("#bccs-options").on("hide.bs.collapse", function () {
+            detailedSettingsShown = false;
+            updateButtons();
+          }).on("show.bs.collapse", function () {
+            detailedSettingsShown = true;
+            updateButtons();
+          });
+
+          logger.info('Initialze event handler');
+
+          self.$buttonDoNotAgree.click(function () {
+            doNotAgree();
+          });
+          self.$buttonAgree.click(function () {
+            agreeAll();
+          });
+          self.$buttonSave.click(function () {
+            $("#bccs-options").collapse('hide');
+            saveSettings();
+            updateOptionsFromCookie();
+          });
+          self.$buttonAgreeAll.click(function () {
+            $("#bccs-options").collapse('hide');
+            agreeAll();
+            updateOptionsFromCookie();
+          });
+        })
+        .fail(function () {
+          logger.error('Loading Consent modal: failed');
+          logger.info('Probably no `contentURL` set');
+        })
+      } else {
+        self.$modal.modal("show")
+      }
+    }.bind(this))
+  }
+
+  function updateOptionsFromCookie() {
+    var settings = self.getSettings();
+    if (settings) {
+      for (var setting in settings) {
+        var $checkbox = self.$modal.find("#bccs-options .bccs-option[data-name='" + setting + "'] input[type='checkbox']");
+        $checkbox.prop("checked", settings[setting]);
+      }
+    }
+  }
+
+  function updateButtons() {
+    if (detailedSettingsShown) {
+      self.$buttonDoNotAgree.hide();
+      self.$buttonAgree.hide();
+      self.$buttonSave.show();
+      self.$buttonAgreeAll.show();
+    } else {
+      self.$buttonDoNotAgree.show();
+      self.$buttonAgree.show();
+      self.$buttonSave.hide();
+      self.$buttonAgreeAll.hide();
+    }
+  }
+
+  function gatherOptions(setAllExceptNecessary) {
+    var $options = self.$modal.find("#bccs-options .bccs-option");
+    var options = {};
+    for (var i = 0; i < $options.length; i++) {
+      var option = $options[i];
+      var name = option.getAttribute("data-name");
+      if (name === "necessary") {
+        options[name] = true;
+      } else if (setAllExceptNecessary === undefined) {
+        var $checkbox = $(option).find("input[type='checkbox']");
+        options[name] = $checkbox.prop("checked");
+      } else {
+        options[name] = !!setAllExceptNecessary;
+      }
+    }
+    return options
+  }
+
+  function agreeAll() {
+    Cookie.set(self.props.cookieName, JSON.stringify(gatherOptions(true)), self.props.cookieStorageDays);
+    self.$modal.modal("hide");
+  }
+
+  function doNotAgree() {
+    Cookie.set(self.props.cookieName, JSON.stringify(gatherOptions(false)), self.props.cookieStorageDays);
+    logger.warn('delete cookie: j1.user.consent');
+//  j1.deleteCookie('j1.user.consent');
+    j1.deleteCookie('all');
+    self.$modal.modal('hide')
+    j1.goHome();
+  }
+
+  function saveSettings() {
+    Cookie.set(self.props.cookieName, JSON.stringify(gatherOptions()), self.props.cookieStorageDays);
+    self.$modal.modal("hide");
+  }
+
+  // call consent dialog if no cookie found (except pages whitelisted)
+  //
+  whitelisted  = (this.props.whitelisted.indexOf(window.location.pathname) > -1);
+  if (Cookie.get(this.props.cookieName) === undefined && this.props.autoShowDialog && !whitelisted) {
+    showDialog();
+  }
+
+  // API functions
+  // ---------------------------------------------------------------------------
+
+  logger.info('Initializing core module finished');
+  logger.info('state: finished');
+
+  // show the consent dialog (modal)
+  // ---------------------------------------------------------------------------
+  this.showDialog = function () {
+    whitelisted  = (this.props.whitelisted.indexOf(window.location.pathname) > -1);
+    if (!whitelisted) {
+      showDialog();
+    }
+  }
+
+  // collect settings from consent cookie
+  // ---------------------------------------------------------------------------
+  this.getSettings = function (optionName) {
+    var cookie = Cookie.get(self.props.cookieName);
+    if (cookie) {
+      var settings = JSON.parse(Cookie.get(self.props.cookieName));
+      if (optionName === undefined) {
+          return settings;
+      } else {
+        if (settings) {
+          return settings[optionName];
+        } else {
+          return false;
+        }
+      }
+    } else {
+      return undefined;
+    }
+  } // END getSettings
+
+} // END BootstrapCookieConsent

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

@@ -0,0 +1,15 @@
+/*
+ # -----------------------------------------------------------------------------
+ # ~/assets/themes/j1/modules/fam/css/fam.min.css
+ # Provides styles for J1 Module FAM (Floating Button Menu)
+ #
+ # 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
+ # -----------------------------------------------------------------------------
+*/
+.fam-btn ul{left:0;right:0;text-align:center;position:absolute;bottom:64px;margin:0;visibility:hidden;padding-left:0;list-style-type:none}.btn-large,.btn-small{border:0;border-radius:2px;display:inline-block;height:36px;line-height:36px;padding:0 16px;text-transform:uppercase;vertical-align:middle;-webkit-tap-highlight-color:transparent}.disabled.btn-large,.disabled.btn-small,.btn-fab-floating.disabled,.btn-large.disabled,.btn-small.disabled,.btn-large:disabled,.btn-small:disabled,.btn-fab-floating:disabled,.btn-large:disabled,.btn-small:disabled,[disabled].btn-large,[disabled].btn-small,.btn-fab-floating[disabled],.btn-large[disabled],.btn-small[disabled]{pointer-events:none;background-color:#dfdfdf!important;-webkit-box-shadow:none;box-shadow:none;color:#9f9f9f!important;cursor:default}.disabled.btn-large:hover,.disabled.btn-small:hover,.btn-fab-floating.disabled:hover,.btn-large.disabled:hover,.btn-small.disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,.btn-fab-floating:disabled:hover,.btn-large:disabled:hover,.btn-small:disabled:hover,[disabled].btn-large:hover,[disabled].btn-small:hover,.btn-fab-floating[disabled]:hover,.btn-large[disabled]:hover,.btn-small[disabled]:hover{background-color:#dfdfdf!important;color:#9f9f9f!important}.btn-large,.btn-small,.btn-fab-floating{font-size:14px;outline:0}.btn-large i,.btn-small i,.btn-fab-floating i{font-size:1.3rem;line-height:inherit}.btn-large:focus,.btn-small:focus,.btn-fab-floating:focus{background-color:#1d7d74}.btn-large,.btn-small{text-decoration:none;color:#fff;background-color:#26a69a;text-align:center;letter-spacing:.5px;-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out;cursor:pointer}.btn-large:hover,.btn-small:hover{background-color:#424242!important}.btn-fab-floating:hover{background-color:#424242!important}.btn-fab-floating{display:inline-block;color:#fff;position:relative;overflow:hidden;z-index:1;width:40px;height:40px;line-height:40px;padding:0;background-color:#26a69a;border-radius:50%;-webkit-transition:background-color .3s;transition:background-color .3s;cursor:pointer;vertical-align:middle}.btn-fab-floating:before{border-radius:0}.btn-fab-floating.btn-large{width:56px;height:56px;padding:0}.btn-fab-floating.btn-large.halfway-fab{bottom:-28px}.btn-fab-floating.btn-large i{line-height:56px}.btn-fab-floating.btn-small{width:32.4px;height:32.4px}.btn-fab-floating.btn-small.halfway-fab{bottom:-16.2px}.btn-fab-floating.btn-small i{line-height:32.4px}.btn-fab-floating.halfway-fab{position:absolute;right:24px;bottom:-20px}.btn-fab-floating.halfway-fab.left{right:auto;left:24px}.btn-fab-floating i{width:inherit;display:inline-block;text-align:center;color:#fff;font-size:1.6rem;line-height:40px}button.btn-fab-floating{border:0}.fam-btn{position:fixed;right:1rem;bottom:1rem;padding-top:4rem;margin-bottom:0;z-index:9}.fam-btn.active ul{visibility:visible}.fam-btn.direction-left,.fam-btn.direction-right{padding:0 0 0 15px}.fam-btn.direction-left ul,.fam-btn.direction-right ul{text-align:right;right:64px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);height:100%;left:auto;width:500px}.fam-btn.direction-left ul li,.fam-btn.direction-right ul li{display:inline-block;margin:7.5px 15px 0 0}.fam-btn.direction-right{padding:0 15px 0 0}.fam-btn.direction-right ul{text-align:left;direction:rtl;left:64px;right:auto}.fam-btn.direction-right ul li{margin:7.5px 0 0 15px}.fam-btn.direction-bottom{padding:0 0 15px 0}.fam-btn.direction-bottom ul{top:64px;bottom:auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.fam-btn.direction-bottom ul li{margin:15px 0 0 0}.fam-btn.toolbar{padding:0;height:56px}.fam-btn.toolbar.active>a i{opacity:0}.fam-btn.toolbar ul{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;top:0;bottom:0;z-index:1}.fam-btn.toolbar ul li{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:inline-block;margin:0;height:100%;-webkit-transition:none;transition:none}.fam-btn.toolbar ul li a{display:block;overflow:hidden;position:relative;width:100%;height:100%;background-color:transparent;-webkit-box-shadow:none;box-shadow:none;color:#fff;line-height:56px;z-index:1}.fam-btn.toolbar ul li a i{line-height:inherit}.fam-btn ul{left:0;right:0;text-align:center;position:absolute;bottom:64px;margin:0;visibility:hidden}.fam-btn ul li{margin-bottom:15px}.fam-btn ul a.btn-fab-floating{opacity:0}.fam-btn .fam-btn-backdrop{position:absolute;top:0;left:0;z-index:-1;width:40px;height:40px;background-color:#26a69a;border-radius:50%;-webkit-transform:scale(0);transform:scale(0)}.btn-large{height:54px;line-height:54px;font-size:15px;padding:0 28px}.btn-large i{font-size:1.6rem}.btn-small{height:32.4px;line-height:32.4px;font-size:13px}.btn-small i{font-size:1.2rem}

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

@@ -40,12 +40,7 @@
   // jadams, 2020-10-10, added class from main (materialize.js)
   //
   class Component {
-    /**
-     * Generic constructor for all components
-     * @constructor
-     * @param {Element} el
-     * @param {Object} options
-     */
+
     constructor(classDef, el, options) {
       // Display error if el is valid HTML Element
       if (!(el instanceof Element)) {

data/assets/themes/j1/modules/iframeResizer/examples/frame.absolute.html

@@ -2,10 +2,12 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>iFrame message passing test</title>
-    <meta name="description" content="iFrame message passing test" />
+    <title>iFrame message passing test 1</title>
+    <meta name="description" content="iFrame message passing test 1" />
     <meta name="viewport" content="width=device-width" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="robots" content="noindex">
+    <meta name="robots" content="nofollow">
     <style>
       a.back {
         float: right;

data/assets/themes/j1/modules/iframeResizer/examples/frame.content.html

@@ -2,10 +2,11 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>iFrame message passing test</title>
-    <meta name="description" content="iFrame message passing test" />
+    <title>iFrame message passing test 2</title>
+    <meta name="description" content="iFrame message passing test 2" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-
+    <meta name="robots" content="noindex">
+    <meta name="robots" content="nofollow">
     <style>
       *,
       *:before,

data/assets/themes/j1/modules/iframeResizer/examples/frame.hover.html

@@ -2,9 +2,11 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>iFrame message passing test</title>
-    <meta name="description" content="iFrame message passing test" />
+    <title>iFrame message passing test 3</title>
+    <meta name="description" content="iFrame message passing test 3" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="robots" content="noindex">
+    <meta name="robots" content="nofollow">
     <style>
       a {
         float: right;

data/assets/themes/j1/modules/iframeResizer/examples/frame.nested.html

@@ -2,10 +2,12 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>iFrame message passing test</title>
-    <meta name="description" content="iFrame message passing test" />
+    <title>iFrame message passing test 4</title>
+    <meta name="description" content="iFrame message passing test 4" />
     <meta name="viewport" content="width=device-width" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="robots" content="noindex">
+    <meta name="robots" content="nofollow">
     <style>
       *,
       *:before,

data/assets/themes/j1/modules/iframeResizer/examples/frame.textarea.html

@@ -2,9 +2,11 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>iFrame message passing test</title>
-    <meta name="description" content="iFrame message passing test" />
+    <title>iFrame message passing test 5</title>
+    <meta name="description" content="iFrame message passing test 5" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="robots" content="noindex">
+    <meta name="robots" content="nofollow">
     <style>
       a {
         float: right;

data/assets/themes/j1/modules/iframeResizer/examples/frame.tolerance.html

@@ -2,8 +2,10 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>iFrame message passing test</title>
-    <meta name="description" content="iFrame message passing test" />
+    <title>iFrame message passing test 6</title>
+    <meta name="description" content="iFrame message passing test 6" />
+    <meta name="robots" content="noindex">
+    <meta name="robots" content="nofollow">
     <style>
       a.back {
         float: right;

data/assets/themes/j1/modules/iframeResizer/examples/index.html

@@ -6,6 +6,8 @@
     <meta name="description" content="iFrame message passing test" />
     <meta name="viewport" content="width=device-width" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="robots" content="noindex">
+    <meta name="robots" content="nofollow">
   </head>
 
   <body>

data/assets/themes/j1/modules/iframeResizer/examples/two.html

@@ -2,10 +2,12 @@
 <html>
   <head>
     <meta charset="utf-8" />
-    <title>iFrame message passing test</title>
-    <meta name="description" content="iFrame message passing test" />
+    <title>iFrame message passing test 7</title>
+    <meta name="description" content="iFrame message passing test 7" />
     <meta name="viewport" content="width=device-width" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="robots" content="noindex">
+    <meta name="robots" content="nofollow">
   </head>
 
   <body>