j1-template 2021.1.5 → 2021.1.6

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

@@ -101,32 +101,34 @@ j1.adapter['themer'] = (function (j1, window) {
   // ---------------------------------------------------------------------------
   // globals
   // ---------------------------------------------------------------------------
-  var environment                 = '{{environment}}';
-  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 environment               = '{{environment}}';
+  var themerOptions             = $.extend({}, {{themer_options | replace: '=>', ':' | replace: 'nil', '""' }});
+  var user_state                = {};
+  var user_consent              = {};
+  var cookie_names              = j1.getCookieNames();
+  var user_state_detected       = false;
+  var styleLoaded               = false;
+  var id                        = 'default';
   var user_state_cookie;
   var theme_css_html;
   var _this;
   var logger;
   var logText;
 
+  var cssExtension              = (environment === 'production')
+                                  ? '.min.css'
+                                  : '.css';
+
   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_author_url  = '{{default_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';
+  var default_theme_css         = '{{asset_path}}/{{theme_base}}/' + default_theme_css_name + '/bootstrap' + cssExtension;
 
   // ---------------------------------------------------------------------------
   // helper functions
   // ---------------------------------------------------------------------------
-  // Example: var styleLoaded = styleSheetLoaded('');
+
   function styleSheetLoaded(styleSheet) {
     var sheets = document.styleSheets, stylesheet = sheets[(sheets.length - 1)];
 
@@ -157,15 +159,15 @@ j1.adapter['themer'] = (function (j1, window) {
       _this.state = 'started';
       logger.info('state: ' + _this.getState());
 
-      // Detect|Set J1 UserState
-      user_state_detected = j1.existsCookie(cookie_user_state_name);
+      // detect|set user state cookie
+      user_state_detected = j1.existsCookie(cookie_names.user_state);
       if (user_state_detected) {
-        user_state            = j1.readCookie(cookie_user_state_name);
+        user_state        = j1.readCookie(cookie_names.user_state);
+        user_consent       = j1.readCookie(cookie_names.user_consent);
       }
 
-      // initial user_state cookie
-      //
-      if ( user_state.theme_name == '') {
+      // initial theme data
+      if (user_state.theme_css === '') {
         user_state.theme_name       = default_theme_name;
         user_state.theme_css        = default_theme_css;
         user_state.theme_author     = default_theme_author;
@@ -175,29 +177,35 @@ j1.adapter['themer'] = (function (j1, window) {
       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
-      //
+      // skip loading theme UNO css file except NOT loaded
       if (!user_state.theme_name.includes('Uno') || !styleLoaded) {
         $('head').append(theme_css_html);
       }
 
       // store if theme_switcher is enabled
-      //
       user_state.theme_switcher = themerOptions.enabled;
 
-      j1.writeCookie({
-        name: cookie_user_state_name,
-        data: user_state,
-        expires: 365                                                            // was missing
-      });
+      if (!user_consent.analyses || !user_consent.personalization)  {
+        // expire state cookie to session
+        j1.writeCookie({
+          name:     cookie_names.user_state,
+          data:     user_state,
+          samesite: 'Strict'
+        });
+      } else {
+        j1.writeCookie({
+          name:     cookie_names.user_state,
+          data:     user_state,
+          samesite: 'Strict',
+          expires:  365
+        });
+      }
 
       // jadams, 2021-01-03: dependency has to be checked in more detail
-      //
       var dependencies_met_j1_finished = setInterval (function () {
         if (j1.getState() == 'finished') {
           if (themerOptions.enabled) {
             // enable BS ThemeSwitcher
-            //
             logger.info('themes detected as: enabled');
             logger.info('theme is being initialized: ' + user_state.theme_name);
 

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

@@ -156,65 +156,25 @@ j1.adapter['toccer'] = (function () {
       /* eslint-enable */
 
       // save config settings into the toccer object for global access
-      //
       _this['moduleOptions'] = moduleOptions;
 
-      // if (options  !== undefined) {
-      //   var settings = $.extend({}, options);
-      // } else {
-      //   var settings = false;
-      // }
-
       // cast text-based booleans
-      var  isToc = (moduleOptions.toc === 'true');
-      var  isComments = (moduleOptions.comments === 'true');
+      var isToc = (moduleOptions.toc === 'true');
+      var isComments = (moduleOptions.comments === 'true');
 
-      if (moduleOptions.collapseDepth === undefined) {
+      if ( typeof moduleOptions.collapseDepth === 'undefined') {
         moduleOptions.collapseDepth = 3;
       }
 
-      // if (settings.scrollSmoothOffset === undefined) {
-      //   settings.scrollSmoothOffset = {{toccer_options.scrollSmoothOffset}};
-      // }
-      //
-      // if (settings.enabled === undefined) {
-      //   settings.enabled = true;
-      // }
-
-      // save config settings into the toccer object for global|later access
-      //
-      // _this['moduleOptions'] = settings;
-
       if (isToc) {
         var dependencies_met_navigator = setInterval(function() {
 //        if ( j1.adapter.navigator.getState() == 'finished' ) {
           if ( j1.getState() == 'finished' ) {
             var settings = j1.adapter.toccer.moduleOptions;
 
-            // calculate (tocbot page) offset DYMICALLY for correct
-            // smoothscroll position
-            //
-            // var $pagehead       = $('.attic');
-            // var $navbar         = $('nav.navbar');
-            // var $adblock        = $('#adblock');
-            //
-            // var navbarType      = $navbar.hasClass('navbar-fixed') ? 'fixed' : 'scrolled';
-            // var fontSize        = $('body').css('font-size').replace('px','');
-            // var start           = window.pageYOffset;
-            //
-            // var l               = parseInt(fontSize);
-            //
-            // var h               = $pagehead.length ? $pagehead.height() : 0;
-            // var n               = $navbar.length ? $navbar.height() : 0;
-            // var a               = $adblock.length ? $adblock.height() : 0;
-            //
-            // var o               = navbarType == 'fixed' ? -1*(n + a + l) : -1*(h + n + a + l);
-            //
-            // settings.scrollSmoothOffset = o;
-
             _this.initToccerCore(settings);
-
             _this.setState('finished');
+
             logger.info('state: ' + _this.getState());
             logger.info('module initialized successfully');
             logger.info('met dependencies for: j1');
@@ -322,7 +282,6 @@ j1.adapter['toccer'] = (function () {
         scrollOffset        = navbarType == 'fixed' ? -1*(n + a + l) : -1*(h + n + a + l);
 
         // static offset, to be checked why this is needed
-        //
         scrollOffset        = scrollOffset + moduleOptions.scrollSmoothOffset
 
         tocbot.refresh({

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

@@ -1,286 +1,286 @@
-/*
- # -----------------------------------------------------------------------------
- # ~/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 an MODIFIED version of bootstrap-cookie-banner
- #  for the use with J1 Template. This modiefied 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
-
-  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) {
-        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) {
-          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");
-
-          updateButtons();
-          updateOptionsFromCookie();
-
-          $("#bccs-options").on("hide.bs.collapse", function () {
-            detailedSettingsShown = false;
-            updateButtons();
-          }).on("show.bs.collapse", function () {
-            detailedSettingsShown = true;
-            updateButtons();
-          });
-          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('You probably need to set `contentURL` in the props');
-        })
-      } 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
-  // -------------------------------------------------------------------------
-
-  // 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;
-    }
-  }
-}
+/*
+ # -----------------------------------------------------------------------------
+ # ~/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
+
+  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) {
+        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) {
+          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");
+
+          updateButtons();
+          updateOptionsFromCookie();
+
+          $("#bccs-options").on("hide.bs.collapse", function () {
+            detailedSettingsShown = false;
+            updateButtons();
+          }).on("show.bs.collapse", function () {
+            detailedSettingsShown = true;
+            updateButtons();
+          });
+          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('You probably need to set `contentURL` in the props');
+        })
+      } 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
+  // -------------------------------------------------------------------------
+
+  // 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;
+    }
+  }
+}