j1-template 2021.3.1 → 2021.3.2

data/assets/themes/j1/modules/themeSwitcher/js/switcher.js

@@ -43,7 +43,7 @@
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
 
-(function ($, window, document, undefined) {
+;(function ($, window, document, undefined) {
 
   var old = $.fn.bootstrapThemeSwitcher;
 
@@ -133,9 +133,9 @@
       } else {
         logger.error('\n' + 'cookie not found: ' + cookie_names.user_state);
         logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
-        j1Cookies.forEach(item => console.log('j1.core.switcher: ' + item));
+        j1Cookies.forEach(function (item) {console.log('j1.core.switcher: ' + item);});
         logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
-        gaCookies.forEach(item => console.log('j1.core.switcher: ' + item));
+        gaCookies.forEach(function (item) {console.log('j1.core.switcher: ' + item);});
       }
 
       themeName = user_state.theme_name;
@@ -203,9 +203,9 @@
       } else {
         logger.error('\n' + 'cookie not found: ' + cookie_names.user_state);
         logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
-        j1Cookies.forEach(item => console.log('j1.core.switcher: ' + item));
+        j1Cookies.forEach(function (item) {console.log('j1.core.switcher: ' + item);});
         logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
-        gaCookies.forEach(item => console.log('j1.core.switcher: ' + item));
+        gaCookies.forEach(function (item) {console.log('j1.core.switcher: ' + item);});
       }
 
       var themeName = user_state.theme_name;
@@ -276,9 +276,9 @@
         } else {
           logger.error('\n' + 'user state NOT cookie found');
           logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
-          j1Cookies.forEach(item => console.log('j1.core.switcher: ' + item));
+          j1Cookies.forEach(function (item) {console.log('j1.core.switcher: ' + item);});
           logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
-          gaCookies.forEach(item => console.log('j1.core.switcher: ' + item));
+          gaCookies.forEach(function (item) {console.log('j1.core.switcher: ' + item);});
         }
 
         themeName = user_state.theme_name;
@@ -309,7 +309,7 @@
           }
           var li = $('<li />')
               .attr('class',cssClass)
-              .append('<a href="#void"><i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: ' +iconColor+ '"></i>' +value.name+ '</a>')
+              .append('<a href="#"><i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: ' +iconColor+ '"></i>' +value.name+ '</a>')
               .on('click', function () {
                 if (settings.loadFromBootswatch) {
                   base.switchTheme(value.name, value.css);

data/assets/themes/j1/modules/themeSwitcher/js/switcher.min.js

@@ -19,434 +19,4 @@
  #       The original version cannot be used with J1 for theme menu creation!
  # -----------------------------------------------------------------------------
 */
-'use strict';
-
-// -----------------------------------------------------------------------------
-// ESLint shimming
-// -----------------------------------------------------------------------------
-/* eslint indent: "off"                                                       */
-/* eslint no-console: ["error", { allow: ["log", "warn", "error"] }]          */
-/* eslint no-unused-vars: "off"                                               */
-/* eslint no-undef: "off"                                                     */
-/* eslint no-useless-escape: "off"                                            */
-/* eslint no-prototype-builtins: "off"                                        */
-/* eslint no-shadow-restricted-names: "off"                                   */
-/* global jQuery                                                              */
-/* global Cookies                                                             */
-// -----------------------------------------------------------------------------
-
-/**
-* jQuery Twitter Bootstrap Theme Switcher v1.1.5
-* https://github.com/jguadagno/bootstrapThemeSwitcher
-*
-* Copyright 2014, Joseph Guadagno
-* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
-*/
-
-(function ($, window, document, undefined) {
-
-  var old = $.fn.bootstrapThemeSwitcher;
-
-  var cookie_names      = j1.getCookieNames();
-  var gaCookies         = j1.findCookie('_ga');
-  var j1Cookies         = j1.findCookie('j1');
-  var url               = new liteURL(window.location.href);
-  var hostname          = url.hostname;
-  var domain            = hostname.substring(hostname.lastIndexOf('.', hostname.lastIndexOf('.') - 1) + 1);
-  var secure            = (url.protocol.includes('https')) ? true : false;
-
-  var logger = log4javascript.getLogger('j1.core.switcher');
-  var logText;
-
-  var user_state_detected;
-  var user_state = {};
-  var user_state_json;
-  var user_state_cookie;
-
-  // Constructor
-  // ---------------------------------------------------------------------------
-  var BootstrapThemeSwitcher = function (element, options) {
-
-    this.$element = $(element);
-    this.settings = $.extend({}, $.fn.bootstrapThemeSwitcher.defaults, options);
-    this.themesList = [];
-
-    // loading local themes
-    this.getThemes();
-    return this;
-  };
-
-  // Prototype
-  // ---------------------------------------------------------------------------
-  BootstrapThemeSwitcher.prototype = {
-    clear: function () {
-      logger.debug('\n' + 'bootstrapThemeSwitcher.clear');
-      return this.$element.each(function () {
-        this.$element.empty();
-      });
-    },
-    update: function () {
-      logger.debug('\n' + 'bootstrapThemeSwitcher.update');
-      this.getThemes();
-    },
-
-    // -------------------------------------------------------------------------
-    //  checkStyleSheetByName
-    // -------------------------------------------------------------------------
-    checkStyleSheetByName: function (name) {
-      var found   = false;
-      var test    = '\/' + name + '\/';
-      var re      = new RegExp(test, 'i');
-
-      for(var i = 0; i < document.styleSheets.length; i++){
-        if(re.test(document.styleSheets[i].href)){
-          found=true;
-          break;
-        }
-      }
-      return found;
-    },
-
-    // -------------------------------------------------------------------------
-    //  switchTheme
-    // -------------------------------------------------------------------------
-    // NOTE:
-    // For J1 template, switchTheme set only the cookies contents. The theme
-    // switch is done by a page reload. The reload triggers the theme_generator
-    // to load theme CSS from cookies, finally.
-    // -------------------------------------------------------------------------
-    switchTheme: function (name, cssFile) {
-
-      var $this      = $(this);
-      var settings   = $.extend({}, $.fn.bootstrapThemeSwitcher.defaults, $this.data('bootstrapThemeSwitcher'));
-      var id         = settings.cssThemeLink;
-      var debug      = settings.debug;
-      var includeCSS = this.settings.includeBootswatch;
-      var themeName;
-      var theme_css;
-
-      // detect|set user state cookie
-      user_state_detected = j1.existsCookie (cookie_names.user_state);
-      if ( user_state_detected ) {
-        logger.debug('\n' + 'cookie found: ' + cookie_names.user_state);
-        user_state = j1.readCookie(cookie_names.user_state);
-      } else {
-        logger.error('\n' + 'cookie not found: ' + cookie_names.user_state);
-        logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
-        j1Cookies.forEach(item => console.log('j1.core.switcher: ' + item));
-        logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
-        gaCookies.forEach(item => console.log('j1.core.switcher: ' + item));
-      }
-
-      themeName = user_state.theme_name;
-      theme_css = user_state.theme_css;
-
-      if (typeof cssFile === 'undefined') { cssFile = this.settings.defaultCssFile; }
-      if (typeof name === 'undefined') { name = cssFile; }
-
-      // check if theme is to be saved to cookie
-      if (settings.saveToCookie) {
-        if ( typeof Cookies === 'undefined' ) {
-          if ( debug === 'true' ) {
-            logger.error('\n' + 'cookies library not present');
-          }
-          return false;
-        }
-
-        user_state.theme_name  = name;
-        user_state.theme_css   = cssFile;
-
-        if (!(user_state.theme_name.includes('Uno') || user_state.theme_name == 'Bootstrap')) {
-          user_state.theme_author        = 'Bootswatch';
-          user_state.theme_author_url    = 'https://bootswatch.com/';
-        } else {
-          user_state.theme_author        = 'J1 Team';
-          user_state.theme_author_url    = 'https://jekyll.one/';
-        }
-
-        logger.debug('\n' + 'write to cookie : ' + cookie_names.user_state);
-        j1.writeCookie({
-          name: cookie_names.user_state,
-          data: user_state,
-          samesite: 'Strict',
-          secure:   secure,
-          expires:  365
-        });
-
-        // reload current page (skip cache)
-        location.reload(true);
-      } else {
-        logger.debug('\n' + 'write to cookie : disabled');
-        logger.warn('\n' + 'selected theme not activated: ' + name);
-      } // END if saveToCookie
-
-    }, // END switchTheme
-
-    // -------------------------------------------------------------------------
-    //  loadThemeFromCookie
-    // -------------------------------------------------------------------------
-    loadThemeFromCookie: function (options) {
-
-      if ( typeof Cookies === 'undefined' ) {
-        logger.error('\n' + 'cookies library not present');
-        return false;
-      }
-
-      var settings = $.extend({}, $.fn.bootstrapThemeSwitcher.defaults, options);
-
-      // detect|set user state cookie
-      user_state_detected = j1.existsCookie (cookie_names.user_state);
-
-      if ( user_state_detected ) {
-        logger.info('\n' + 'cookie found: ' + cookie_names.user_state);
-        user_state = j1.readCookie(cookie_names.user_state);
-      } else {
-        logger.error('\n' + 'cookie not found: ' + cookie_names.user_state);
-        logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
-        j1Cookies.forEach(item => console.log('j1.core.switcher: ' + item));
-        logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
-        gaCookies.forEach(item => console.log('j1.core.switcher: ' + item));
-      }
-
-      var themeName = user_state.theme_name;
-      var themeCss  = user_state.theme_css;
-      this.switchTheme(themeName, themeCss);
-
-    }, // END loadThemeFromCookie
-
-    // -------------------------------------------------------------------------
-    //  addTheme
-    // -------------------------------------------------------------------------
-    addTheme: function(name, cssFile, start, deleteCount) {
-      if (typeof start === 'undefined') { start = 0; }
-      if (typeof deleteCount === 'undefined') { deleteCount = 0; }
-      this.themesList.splice(start, deleteCount, {name: name, css: cssFile});
-      this.addThemesToControl();
-    }, // END addTheme
-
-    // -------------------------------------------------------------------------
-    //  addThemesToControl
-    // -------------------------------------------------------------------------
-    addThemesToControl: function() {
-      if (typeof this.$element === 'undefined') {
-        logger.error('\n' + 'bootstrapThemeSelector|addThemesToControl: Element is undefined');
-        return false;
-      }
-      if (typeof this.themesList === 'undefined') {
-        logger.error('\n' + 'bootstrapThemeSelector|addThemesToControl: Themes is undefined');
-        return false;
-      }
-
-      // if BootSwatch excludes are set
-      if(this.settings.excludeBootswatch){
-        var excludeBootswatchs;
-        // split the string on ,
-        if(this.settings.excludeBootswatch.indexOf(',') !== -1){
-          excludeBootswatchs = this.settings.excludeBootswatch.replace(/ /g, '').split(',');
-        } else {
-          excludeBootswatchs = [];
-          excludeBootswatchs.push(this.settings.excludeBootswatch);
-        }
-
-        var tempThemeList = this.themesList;
-        $.each(tempThemeList, function (i, value) {
-          if(value && value.name){
-            if( $.inArray( value.name, excludeBootswatchs ) !== -1 ){
-              tempThemeList.splice(i,1);
-            }
-          }
-        });
-        this.themesList = tempThemeList;
-      }
-
-      var base = this;
-
-      if (this.$element.is('ul')) {
-        var $this    = $(this);
-        var settings = $.extend({}, $.fn.bootstrapThemeSwitcher.defaults, $this.data('bootstrapThemeSwitcher'));
-        var id       = settings.cssThemeLink;
-        var debug    = settings.debug;
-        var themeName;
-
-        // detect|set user state cookie
-        user_state_detected = j1.existsCookie (cookie_names.user_state);
-        if ( user_state_detected ) {
-          logger.debug('\n' + 'user state cookie found');
-          user_state = j1.readCookie(cookie_names.user_state);
-        } else {
-          logger.error('\n' + 'user state NOT cookie found');
-          logger.debug('\n' + 'j1 cookies found:' + j1Cookies.length);
-          j1Cookies.forEach(item => console.log('j1.core.switcher: ' + item));
-          logger.debug('\n' + 'ga cookies found:' + gaCookies.length);
-          gaCookies.forEach(item => console.log('j1.core.switcher: ' + item));
-        }
-
-        themeName = user_state.theme_name;
-
-        if ( debug === 'true' ) {
-          logger.debug('\n' + 'bootstrapThemeSelector: UL element selected');
-        }
-        this.$element.empty();
-
-        var cssClass;
-        var iconColor = '#9E9E9E';
-        $.each(this.themesList, function (i, value) {
-          // Use DIFFERENT class for MobileMenu
-          //if (base.$element[0].id.includes('MMenu')) {
-          if (base.$element[0].id.includes('mmenu')) {
-            cssClass = 'mmenu-item';
-          } else {
-            cssClass = 'dropdown-item';
-          }
-          // Add class "active" to the current theme selected
-          if ( value.name === themeName ) {
-            // if (base.$element[0].id.includes('MMenu')) {
-            if (base.$element[0].id.includes('mmenu')) {
-              cssClass = 'mmenu-item active';
-            } else {
-              cssClass = 'dropdown-item active';
-            }
-          }
-          var li = $('<li />')
-              .attr('class',cssClass)
-              .append('<a href="#void"><i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: ' +iconColor+ '"></i>' +value.name+ '</a>')
-              .on('click', function () {
-                if (settings.loadFromBootswatch) {
-                  base.switchTheme(value.name, value.css);
-                } else {
-                  base.switchTheme(value.name, value.cssCdn);
-                }
-                // remove previous "active" class and apply to latest clicked element
-                $(this).parent().find('li').removeClass('active');
-                $(this).addClass('active');
-              });
-          base.$element.append(li);
-        });
-
-      } else if (this.$element.is('select')) {
-        logger.debug('\n' + 'bootstrapThemeSelector: SELECT element selected');
-        this.$element.empty();
-
-        var optionSelectedMarker;
-        $.each(this.themesList, function (i, value) {
-          optionSelectedMarker = null;
-          if ( value.name === themeName ) {
-            optionSelectedMarker = 'selected';
-          }
-          if (settings.loadFromBootswatch) {
-            base.$element.append('<option ' + optionSelectedMarker + ' value=\'' + value.css + '\'>' + value.name + '</option>');
-          } else {
-            base.$element.append('<option ' + optionSelectedMarker + ' value=\'' + value.cssCdn + '\'>' + value.name + '</option>');
-          }
-        });
-        this.$element.on('change', function () {
-          var optionSelected = $('option:selected', this);
-          base.switchTheme(optionSelected.text(), optionSelected.val());
-        });
-
-      } else {
-        // no container found to add Theme list
-        logger.info('\n' + 'bootstrapThemeSelector: no UL or SELECT element found');
-        logger.error('\n' + 'bootstrapThemeSelector: failed');
-        // console.warn('bootstrapThemeSelector only works with ul or select elements');
-      }
-    }, // END addThemesToControl
-
-    // -------------------------------------------------------------------------
-    //  getThemes
-    // -------------------------------------------------------------------------
-    getThemes: function() {
-      var base = this;
-
-      if (this.settings.localFeed !== null && this.settings.localFeed !== '') {
-        // Deferred loading themes from local themes (json file)
-        $.ajax({
-          url: this.settings.localFeed,
-          // jadams 2016-10-10: removed the setting for sychronous XMLHttpRequest
-          // async: false,
-          dataType: 'json',
-          success: function (data) {
-            base.themesList = data.themes;
-            base.addThemesToControl();
-          },
-          error: function (jqXHR, textStatus, errorThrown) {
-            logger.error('\n' + 'failed to retrieve the local feed from: \'' + base.settings.localFeed + '\'');
-          }
-        });
-      } else {
-        // Deferred loading remote themes from Bootswatch API
-        // -----------------------------------------------------------------------
-        $.ajax({
-          url: this.settings.bootswatchApiUrl + '/' + this.settings.bootswatchApiVersion + '.json',
-          // jadams 2016-10-10: removed the setting for sychronous XMLHttpRequest
-          // async: false,
-          dataType: 'json',
-          success: function (data) {
-            if (typeof data.themes === 'undefined') {
-              return null;
-            }
-            base.themesList = data.themes;
-            base.themesList.splice(0,0, {name: 'default', css: base.settings.defaultCssFile});
-            base.addThemesToControl();
-          }
-        });
-      }
-    }, // END getThemes
-
-    // -------------------------------------------------------------------------
-    //  themes
-    // -------------------------------------------------------------------------
-    themes : function (newThemeList) {
-      if (typeof newThemeList === 'undefined') {
-        return this.themesList;
-      }
-      else {
-        // TODO: Set the associated control.
-        this.themesList = newThemeList;
-      }
-    } // END themes
-
-  }; // END prototype
-
-  // Plugin definition
-  // ---------------------------------------------------------------------------
-  $.fn.bootstrapThemeSwitcher = function (option) {
-    var methodReturn;
-    var args      = Array.prototype.slice.call(arguments, 1);
-    var $this     = $(this);
-    var data      = $this.data('bootstrapThemeSwitcher');
-    var options   = typeof option === 'object' && option;
-
-    if (!data) {
-      $this.data('bootstrapThemeSwitcher', (data = new BootstrapThemeSwitcher(this, options) ));
-    }
-    if (typeof option === 'string') {
-      methodReturn = data[ option ].apply(data, args);
-    }
-    return ( typeof methodReturn === 'undefined' ) ? $this : methodReturn;
-  };
-
-  $.fn.bootstrapThemeSwitcher.defaults = {
-    debug:                  false,
-    saveToCookie:           true,
-    cssThemeLink:           'bootstrapTheme',
-    cookieThemeName:        'bootstrapTheme.name',
-    cookieThemeCss:         'boostrapTheme.css',
-    cookieExpiration:       365,
-    cookiePath:             '/',
-    defaultCssFile:         'https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css',
-    bootswatchApiUrl:       'https://bootswatch.com/api/',
-    bootswatchApiVersion:   '4',
-    loadFromBootswatch:     true,
-    localFeed:              '',
-    excludeBootswatch:      ''
-  };
-
-  $.fn.bootstrapThemeSwitcher.Constructor = BootstrapThemeSwitcher;
-
-  $.fn.bootstrapThemeSwitcher.noConflict = function () {
-    $.fn.BootstrapThemeSwitcher = old;
-    return this;
-  };
-
-})(jQuery, window, document);
+;(function(d,h,o,g){var b=d.fn.bootstrapThemeSwitcher;var e=j1.getCookieNames();var p=j1.findCookie("_ga");var q=j1.findCookie("j1");var f=new liteURL(h.location.href);var j=f.hostname;var s=j.substring(j.lastIndexOf(".",j.lastIndexOf(".")-1)+1);var l=(f.protocol.includes("https"))?true:false;var r=log4javascript.getLogger("j1.core.switcher");var i;var c;var m={};var k;var a;var n=function(u,t){this.$element=d(u);this.settings=d.extend({},d.fn.bootstrapThemeSwitcher.defaults,t);this.themesList=[];this.getThemes();return this};n.prototype={clear:function(){r.debug("\nbootstrapThemeSwitcher.clear");return this.$element.each(function(){this.$element.empty()})},update:function(){r.debug("\nbootstrapThemeSwitcher.update");this.getThemes()},checkStyleSheetByName:function(t){var w=false;var x="/"+t+"/";var v=new RegExp(x,"i");for(var u=0;u<o.styleSheets.length;u++){if(v.test(o.styleSheets[u].href)){w=true;break}}return w},switchTheme:function(t,z){var A=d(this);var w=d.extend({},d.fn.bootstrapThemeSwitcher.defaults,A.data("bootstrapThemeSwitcher"));var v=w.cssThemeLink;var u=w.debug;var y=this.settings.includeBootswatch;var x;var B;c=j1.existsCookie(e.user_state);if(c){r.debug("\ncookie found: "+e.user_state);m=j1.readCookie(e.user_state)}else{r.error("\ncookie not found: "+e.user_state);r.debug("\nj1 cookies found:"+q.length);q.forEach(function(C){console.log("j1.core.switcher: "+C)});r.debug("\nga cookies found:"+p.length);p.forEach(function(C){console.log("j1.core.switcher: "+C)})}x=m.theme_name;B=m.theme_css;if(typeof z==="undefined"){z=this.settings.defaultCssFile}if(typeof t==="undefined"){t=z}if(w.saveToCookie){if(typeof Cookies==="undefined"){if(u==="true"){r.error("\ncookies library not present")}return false}m.theme_name=t;m.theme_css=z;if(!(m.theme_name.includes("Uno")||m.theme_name=="Bootstrap")){m.theme_author="Bootswatch";m.theme_author_url="https://bootswatch.com/"}else{m.theme_author="J1 Team";m.theme_author_url="https://jekyll.one/"}r.debug("\nwrite to cookie : "+e.user_state);j1.writeCookie({name:e.user_state,data:m,samesite:"Strict",secure:l,expires:365});location.reload(true)}else{r.debug("\nwrite to cookie : disabled");r.warn("\nselected theme not activated: "+t)}},loadThemeFromCookie:function(t){if(typeof Cookies==="undefined"){r.error("\ncookies library not present");return false}var u=d.extend({},d.fn.bootstrapThemeSwitcher.defaults,t);c=j1.existsCookie(e.user_state);if(c){r.info("\ncookie found: "+e.user_state);m=j1.readCookie(e.user_state)}else{r.error("\ncookie not found: "+e.user_state);r.debug("\nj1 cookies found:"+q.length);q.forEach(function(x){console.log("j1.core.switcher: "+x)});r.debug("\nga cookies found:"+p.length);p.forEach(function(x){console.log("j1.core.switcher: "+x)})}var w=m.theme_name;var v=m.theme_css;this.switchTheme(w,v)},addTheme:function(u,t,w,v){if(typeof w==="undefined"){w=0}if(typeof v==="undefined"){v=0}this.themesList.splice(w,v,{name:u,css:t});this.addThemesToControl()},addThemesToControl:function(){if(typeof this.$element==="undefined"){r.error("\nbootstrapThemeSelector|addThemesToControl: Element is undefined");return false}if(typeof this.themesList==="undefined"){r.error("\nbootstrapThemeSelector|addThemesToControl: Themes is undefined");return false}if(this.settings.excludeBootswatch){var A;if(this.settings.excludeBootswatch.indexOf(",")!==-1){A=this.settings.excludeBootswatch.replace(/ /g,"").split(",")}else{A=[];A.push(this.settings.excludeBootswatch)}var w=this.themesList;d.each(w,function(E,F){if(F&&F.name){if(d.inArray(F.name,A)!==-1){w.splice(E,1)}}});this.themesList=w}var v=this;if(this.$element.is("ul")){var B=d(this);var x=d.extend({},d.fn.bootstrapThemeSwitcher.defaults,B.data("bootstrapThemeSwitcher"));var u=x.cssThemeLink;var t=x.debug;var y;c=j1.existsCookie(e.user_state);if(c){r.debug("\nuser state cookie found");m=j1.readCookie(e.user_state)}else{r.error("\nuser state NOT cookie found");r.debug("\nj1 cookies found:"+q.length);q.forEach(function(E){console.log("j1.core.switcher: "+E)});r.debug("\nga cookies found:"+p.length);p.forEach(function(E){console.log("j1.core.switcher: "+E)})}y=m.theme_name;if(t==="true"){r.debug("\nbootstrapThemeSelector: UL element selected")}this.$element.empty();var D;var C="#9E9E9E";d.each(this.themesList,function(F,G){if(v.$element[0].id.includes("mmenu")){D="mmenu-item"}else{D="dropdown-item"}if(G.name===y){if(v.$element[0].id.includes("mmenu")){D="mmenu-item active"}else{D="dropdown-item active"}}var E=d("<li />").attr("class",D).append('<a href="#"><i class="mdi mdi-view-quilt mdi-18px mr-2" style="color: '+C+'"></i>'+G.name+"</a>").on("click",function(){if(x.loadFromBootswatch){v.switchTheme(G.name,G.css)}else{v.switchTheme(G.name,G.cssCdn)}d(this).parent().find("li").removeClass("active");d(this).addClass("active")});v.$element.append(E)})}else{if(this.$element.is("select")){r.debug("\nbootstrapThemeSelector: SELECT element selected");this.$element.empty();var z;d.each(this.themesList,function(E,F){z=null;if(F.name===y){z="selected"}if(x.loadFromBootswatch){v.$element.append("<option "+z+" value='"+F.css+"'>"+F.name+"</option>")}else{v.$element.append("<option "+z+" value='"+F.cssCdn+"'>"+F.name+"</option>")}});this.$element.on("change",function(){var E=d("option:selected",this);v.switchTheme(E.text(),E.val())})}else{r.info("\nbootstrapThemeSelector: no UL or SELECT element found");r.error("\nbootstrapThemeSelector: failed")}}},getThemes:function(){var t=this;if(this.settings.localFeed!==null&&this.settings.localFeed!==""){d.ajax({url:this.settings.localFeed,dataType:"json",success:function(u){t.themesList=u.themes;t.addThemesToControl()},error:function(u,w,v){r.error("\nfailed to retrieve the local feed from: '"+t.settings.localFeed+"'")}})}else{d.ajax({url:this.settings.bootswatchApiUrl+"/"+this.settings.bootswatchApiVersion+".json",dataType:"json",success:function(u){if(typeof u.themes==="undefined"){return null}t.themesList=u.themes;t.themesList.splice(0,0,{name:"default",css:t.settings.defaultCssFile});t.addThemesToControl()}})}},themes:function(t){if(typeof t==="undefined"){return this.themesList}else{this.themesList=t}}};d.fn.bootstrapThemeSwitcher=function(v){var x;var u=Array.prototype.slice.call(arguments,1);var y=d(this);var w=y.data("bootstrapThemeSwitcher");var t=typeof v==="object"&&v;if(!w){y.data("bootstrapThemeSwitcher",(w=new n(this,t)))}if(typeof v==="string"){x=w[v].apply(w,u)}return(typeof x==="undefined")?y:x};d.fn.bootstrapThemeSwitcher.defaults={debug:false,saveToCookie:true,cssThemeLink:"bootstrapTheme",cookieThemeName:"bootstrapTheme.name",cookieThemeCss:"boostrapTheme.css",cookieExpiration:365,cookiePath:"/",defaultCssFile:"https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css",bootswatchApiUrl:"https://bootswatch.com/api/",bootswatchApiVersion:"4",loadFromBootswatch:true,localFeed:"",excludeBootswatch:""};d.fn.bootstrapThemeSwitcher.Constructor=n;d.fn.bootstrapThemeSwitcher.noConflict=function(){d.fn.BootstrapThemeSwitcher=b;return this}})(jQuery,window,document);

data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.js

@@ -96,7 +96,7 @@
       buttonsHTML +=   '</span>';
       buttonsHTML += '</div>';
 
-      h.$id = "#void" + h.$el["0"].id;
+      h.$id = "#" + h.$el["0"].id;
       h.$pickerHeigth = h.options.height.replace("px", "");
       h.$pickerHeigth = Number(h.$pickerHeigth);
       h.$wrapper = h.$el.wrap('<div class="twemoji-wrap"></div>').parent();

data/assets/themes/j1/modules/twemoji/js/picker/twemoji-picker.min.js

@@ -16,4 +16,4 @@
  # For details, https://github.com/xLs51/Twemoji-Picker
  # -----------------------------------------------------------------------------
 */
-(function(c,h,a){var k=150;var i={};var e="/assets/data/twa_v1.json";var j;var l;c.TwemojiPicker=function(d,b){var f=this;c.when(this._loadDatabase()).done(function(m){f.$el=c(d);f._init(b)})};c.TwemojiPicker.defaults={init:null,language:"en",size:25,icon:"grinning",iconSize:25,height:100,width:null,category:["smile","cherry-blossom","video-game","oncoming-automobile","symbols"],categorySize:20,pickerPosition:null,pickerHeight:150,pickerWidth:null,placeholder:"Click on Picker to select Emoji's from a Category",};c.TwemojiPicker.prototype={_init:function(b){this.options=c.extend(true,{},c.TwemojiPicker.defaults,b);this._initPicker();this._initCategory();this._initTwemoji();this._initText();this._initStyle();this._initEvents()},_loadDatabase:function g(){return c.ajax({url:e,success:function(b){if(typeof b=="string"){i=JSON.parse(b)}if(typeof b=="object"){i=b}}})},_initPicker:function(){var f=this;var b;var d;if(f.options.language=="en"){b="Clear";j="Copied to Clipboard";l=f.options.placeholder}else{if(f.options.language=="de"){b="Löschen";j="Kopiert zur Zwischenablage";l="Klicken Sie auf Picker zur Auswahl von Emoji's aus einer Kategorie"}else{b="Clear";j="in Clipboard";l=f.options.placeholder}}d='<div class="twemoji-icon-picker">';d+='<span id="open-group" class="mr-2" style="width: 2rem; height: 2rem;">';d+='<button type="button" name="open-group" class="btn btn-raised btn-flex btn-primary mr-2"><i class="toggle-button mdi mdi-lg mr-1 mdi-toggle-switch-off"></i> Picker </button>';d+="</span>";d+='<span id="clear-textarea" style="width: 2rem; height: 2rem;">';d+='<button type="button" name="clear-textarea" class="btn btn-raised btn-flex btn-primary"><i class="mdi mdi-close mdi-lg mr-1"></i>'+b+"</button>";d+="</span>";d+="</div>";f.$id="#void"+f.$el["0"].id;f.$pickerHeigth=f.options.height.replace("px","");f.$pickerHeigth=Number(f.$pickerHeigth);f.$wrapper=f.$el.wrap('<div class="twemoji-wrap"></div>').parent();f.$wrapper.append('<div class="twemoji-textarea" contentEditable="true" placeholder="'+l+'"></div>');f.$wrapper.append('<div class="twemoji-textarea-duplicate"></div>');f.$wrapper.append(d);f.$wrapper.append('<div class="twemoji-picker"></div>');f.$el.hide();f.$textarea=f.$wrapper.find(".twemoji-textarea");f.$textareaDuplicate=f.$wrapper.find(".twemoji-textarea-duplicate").hide();f.$iconPicker=f.$wrapper.find("#open-group");f.$clearTextarea=f.$wrapper.find("#clear-textarea");f.$picker=f.$wrapper.find(".twemoji-picker").hide()},_initCategory:function(){var d=this;var b=this.options.category;this.categoryName=["people","nature","object","place","symbol"];this.$picker.append('<div class="twemoji-picker-category"></div>');this.$pickerCategory=this.$picker.find(".twemoji-picker-category");c.each(this.categoryName,function(m,f){d.$pickerCategory.append('<span data-category="'+f+'">'+d.imageFromName(b[m])+"</span>")});this.$pickerCategory.find("span:first").addClass("active")},_initTwemoji:function(){var b=this;c.each(this.categoryName,function(f,d){b.$picker.append('<div class="twemoji-list '+d+'"></div>');c.each(i,function(n,m){if(m.category===d){b.$wrapper.find(".twemoji-picker ."+d).append('<span><img class="emoji" draggable="false" src="'+m.base64+'" alt="'+m.value+'" title="'+m.name+'"></span>')}})});this.$twemojiList=this.$picker.find(".twemoji-list");this.$twemojiList.not(":first").hide()},_initText:function(){if(this.options.init){var b=this.options.init;var d=/:([\w-]+):/g;var f;while(f==d.exec(b)){b=b.replace(f[0],this.imageFromName(f[1],true))}this.$textarea.html(b);this.copyTextArea(this.$textarea.html())}},_initStyle:function(){this.$wrapper.css({width:this.options.width?this.options.width:"100%",height:this.options.height?this.options.height:"",});this.$wrapper.find("img").css({width:this.options.size,height:this.options.size,});this.$iconPicker.css({width:this.options.iconSize,height:this.options.iconSize,});this.$pickerCategory.find("img").css({width:this.options.categorySize,height:this.options.categorySize,});this.$twemojiList.css({width:this.options.pickerWidth?this.options.pickerWidth:"100%",height:this.options.pickerHeight,});this.$picker.css({width:this.options.pickerWidth?this.options.pickerWidth:"100%",top:this.options.pickerPosition==="top"?"-"+this.$picker.outerHeight()+"px":"",})},_initEvents:function(){var b=this;this.$textarea.on("keyup",function(){b.copyTextArea(c(this).html())});this.$iconPicker.on("click",function(){var d=c(".twemoji-picker").height()+k;c("#picker").height(d);c(".toggle-button").toggleClass("mdi-toggle-switch-off mdi-toggle-switch");if(!b.openedPicker){b.openPicker()}else{b.closePicker();c("#picker").height(b.$pickerHeigth)}});this.$clearTextarea.on("click",function(){b.copyTextArea("");c(b.$id).val("");c(".twemoji-textarea > .emoji-span").remove()});this.$pickerCategory.find("span").on("click",function(){var d=c(this).data("category");b.openCategory(c(this),d)});this.$pickerCategory.find(".close").on("click",function(){if(b.openedPicker){b.closePicker()}});this.$twemojiList.find("img").on("click",function(){b.copyTwemoji(c(this))})},copyText:function(f){var d=document.createElement("textarea");d.setAttribute("style","position:fixed;opacity:0;top:100px;left:100px;");d.value=f;document.body.appendChild(d);d.select();document.execCommand("copy");var b=document.createElement("div");b.setAttribute("class","copied");b.appendChild(document.createTextNode(j));document.body.appendChild(b);setTimeout(function(){document.body.removeChild(d);document.body.removeChild(b)},1500)},openPicker:function(){this.$picker.show();this.openedPicker=true},closePicker:function(){this.$picker.hide();this.openedPicker=false},openCategory:function(d,b){this.$pickerCategory.find("span").removeClass("active");d.addClass("active");this.$twemojiList.not(".twemoji-picker ."+b).hide();this.$twemojiList.filter(".twemoji-picker ."+b).show()},copyTwemoji:function(b){var m=b.attr("alt");var d=b.attr("src");var f=b.attr("title");var n="emoji:"+f+"[]";this.copyText(n);this.$textarea.focus();this.pasteAtCursor('<span class="emoji-span"><img class="emoji" src="'+d+'" title="'+f+'" alt="'+m+'" width="'+this.options.size+'" height="'+this.options.size+'"> '+n+"</span> ");this.copyTextArea(this.$textarea.html())},copyTextArea:function(b){var f=this.$textareaDuplicate.html(b);f.find("img").replaceWith(function(){return this.alt});var d=f.html();this.$el.text(d)},imageFromName:function(d,b){var f=c.grep(i,function(m){return m.name==d});if(b){return'<img class="emoji" src="'+f[0].base64+'" alt="'+f[0].value+'" width="'+this.options.size+'" height="'+this.options.size+'">'}return'<img class="emoji" draggable="false" src="'+f[0].base64+'" alt="'+d+'">'},pasteAtCursor:function(b){var d,q;if(h.getSelection){d=h.getSelection();if(d.getRangeAt&&d.rangeCount){q=d.getRangeAt(0);q.deleteContents();var p=document.createElement("div");p.innerHTML=b;var r=document.createDocumentFragment(),f,o;while((f=p.firstChild)){o=r.appendChild(f)}q.insertNode(r);if(o){q=q.cloneRange();q.setStartAfter(o);q.collapse(true);d.removeAllRanges();d.addRange(q)}}}else{if(document.selection&&document.selection.type!="Control"){document.selection.createRange().pasteHTML(b)}}}};c.fn.twemojiPicker=function(b){var d=c.data(this,"twemojiPicker");this.each(function(){d?d._init():d=c.data(this,"twemojiPicker",new c.TwemojiPicker(this,b))});return d}})(jQuery,window);
+(function(c,h,a){var k=150;var i={};var e="/assets/data/twa_v1.json";var j;var l;c.TwemojiPicker=function(d,b){var f=this;c.when(this._loadDatabase()).done(function(m){f.$el=c(d);f._init(b)})};c.TwemojiPicker.defaults={init:null,language:"en",size:25,icon:"grinning",iconSize:25,height:100,width:null,category:["smile","cherry-blossom","video-game","oncoming-automobile","symbols"],categorySize:20,pickerPosition:null,pickerHeight:150,pickerWidth:null,placeholder:"Click on Picker to select Emoji's from a Category",};c.TwemojiPicker.prototype={_init:function(b){this.options=c.extend(true,{},c.TwemojiPicker.defaults,b);this._initPicker();this._initCategory();this._initTwemoji();this._initText();this._initStyle();this._initEvents()},_loadDatabase:function g(){return c.ajax({url:e,success:function(b){if(typeof b=="string"){i=JSON.parse(b)}if(typeof b=="object"){i=b}}})},_initPicker:function(){var f=this;var b;var d;if(f.options.language=="en"){b="Clear";j="Copied to Clipboard";l=f.options.placeholder}else{if(f.options.language=="de"){b="Löschen";j="Kopiert zur Zwischenablage";l="Klicken Sie auf Picker zur Auswahl von Emoji's aus einer Kategorie"}else{b="Clear";j="in Clipboard";l=f.options.placeholder}}d='<div class="twemoji-icon-picker">';d+='<span id="open-group" class="mr-2" style="width: 2rem; height: 2rem;">';d+='<button type="button" name="open-group" class="btn btn-raised btn-flex btn-primary mr-2"><i class="toggle-button mdi mdi-lg mr-1 mdi-toggle-switch-off"></i> Picker </button>';d+="</span>";d+='<span id="clear-textarea" style="width: 2rem; height: 2rem;">';d+='<button type="button" name="clear-textarea" class="btn btn-raised btn-flex btn-primary"><i class="mdi mdi-close mdi-lg mr-1"></i>'+b+"</button>";d+="</span>";d+="</div>";f.$id="#"+f.$el["0"].id;f.$pickerHeigth=f.options.height.replace("px","");f.$pickerHeigth=Number(f.$pickerHeigth);f.$wrapper=f.$el.wrap('<div class="twemoji-wrap"></div>').parent();f.$wrapper.append('<div class="twemoji-textarea" contentEditable="true" placeholder="'+l+'"></div>');f.$wrapper.append('<div class="twemoji-textarea-duplicate"></div>');f.$wrapper.append(d);f.$wrapper.append('<div class="twemoji-picker"></div>');f.$el.hide();f.$textarea=f.$wrapper.find(".twemoji-textarea");f.$textareaDuplicate=f.$wrapper.find(".twemoji-textarea-duplicate").hide();f.$iconPicker=f.$wrapper.find("#open-group");f.$clearTextarea=f.$wrapper.find("#clear-textarea");f.$picker=f.$wrapper.find(".twemoji-picker").hide()},_initCategory:function(){var d=this;var b=this.options.category;this.categoryName=["people","nature","object","place","symbol"];this.$picker.append('<div class="twemoji-picker-category"></div>');this.$pickerCategory=this.$picker.find(".twemoji-picker-category");c.each(this.categoryName,function(m,f){d.$pickerCategory.append('<span data-category="'+f+'">'+d.imageFromName(b[m])+"</span>")});this.$pickerCategory.find("span:first").addClass("active")},_initTwemoji:function(){var b=this;c.each(this.categoryName,function(f,d){b.$picker.append('<div class="twemoji-list '+d+'"></div>');c.each(i,function(n,m){if(m.category===d){b.$wrapper.find(".twemoji-picker ."+d).append('<span><img class="emoji" draggable="false" src="'+m.base64+'" alt="'+m.value+'" title="'+m.name+'"></span>')}})});this.$twemojiList=this.$picker.find(".twemoji-list");this.$twemojiList.not(":first").hide()},_initText:function(){if(this.options.init){var b=this.options.init;var d=/:([\w-]+):/g;var f;while(f==d.exec(b)){b=b.replace(f[0],this.imageFromName(f[1],true))}this.$textarea.html(b);this.copyTextArea(this.$textarea.html())}},_initStyle:function(){this.$wrapper.css({width:this.options.width?this.options.width:"100%",height:this.options.height?this.options.height:"",});this.$wrapper.find("img").css({width:this.options.size,height:this.options.size,});this.$iconPicker.css({width:this.options.iconSize,height:this.options.iconSize,});this.$pickerCategory.find("img").css({width:this.options.categorySize,height:this.options.categorySize,});this.$twemojiList.css({width:this.options.pickerWidth?this.options.pickerWidth:"100%",height:this.options.pickerHeight,});this.$picker.css({width:this.options.pickerWidth?this.options.pickerWidth:"100%",top:this.options.pickerPosition==="top"?"-"+this.$picker.outerHeight()+"px":"",})},_initEvents:function(){var b=this;this.$textarea.on("keyup",function(){b.copyTextArea(c(this).html())});this.$iconPicker.on("click",function(){var d=c(".twemoji-picker").height()+k;c("#picker").height(d);c(".toggle-button").toggleClass("mdi-toggle-switch-off mdi-toggle-switch");if(!b.openedPicker){b.openPicker()}else{b.closePicker();c("#picker").height(b.$pickerHeigth)}});this.$clearTextarea.on("click",function(){b.copyTextArea("");c(b.$id).val("");c(".twemoji-textarea > .emoji-span").remove()});this.$pickerCategory.find("span").on("click",function(){var d=c(this).data("category");b.openCategory(c(this),d)});this.$pickerCategory.find(".close").on("click",function(){if(b.openedPicker){b.closePicker()}});this.$twemojiList.find("img").on("click",function(){b.copyTwemoji(c(this))})},copyText:function(f){var d=document.createElement("textarea");d.setAttribute("style","position:fixed;opacity:0;top:100px;left:100px;");d.value=f;document.body.appendChild(d);d.select();document.execCommand("copy");var b=document.createElement("div");b.setAttribute("class","copied");b.appendChild(document.createTextNode(j));document.body.appendChild(b);setTimeout(function(){document.body.removeChild(d);document.body.removeChild(b)},1500)},openPicker:function(){this.$picker.show();this.openedPicker=true},closePicker:function(){this.$picker.hide();this.openedPicker=false},openCategory:function(d,b){this.$pickerCategory.find("span").removeClass("active");d.addClass("active");this.$twemojiList.not(".twemoji-picker ."+b).hide();this.$twemojiList.filter(".twemoji-picker ."+b).show()},copyTwemoji:function(b){var m=b.attr("alt");var d=b.attr("src");var f=b.attr("title");var n="emoji:"+f+"[]";this.copyText(n);this.$textarea.focus();this.pasteAtCursor('<span class="emoji-span"><img class="emoji" src="'+d+'" title="'+f+'" alt="'+m+'" width="'+this.options.size+'" height="'+this.options.size+'"> '+n+"</span> ");this.copyTextArea(this.$textarea.html())},copyTextArea:function(b){var f=this.$textareaDuplicate.html(b);f.find("img").replaceWith(function(){return this.alt});var d=f.html();this.$el.text(d)},imageFromName:function(d,b){var f=c.grep(i,function(m){return m.name==d});if(b){return'<img class="emoji" src="'+f[0].base64+'" alt="'+f[0].value+'" width="'+this.options.size+'" height="'+this.options.size+'">'}return'<img class="emoji" draggable="false" src="'+f[0].base64+'" alt="'+d+'">'},pasteAtCursor:function(b){var d,q;if(h.getSelection){d=h.getSelection();if(d.getRangeAt&&d.rangeCount){q=d.getRangeAt(0);q.deleteContents();var p=document.createElement("div");p.innerHTML=b;var r=document.createDocumentFragment(),f,o;while((f=p.firstChild)){o=r.appendChild(f)}q.insertNode(r);if(o){q=q.cloneRange();q.setStartAfter(o);q.collapse(true);d.removeAllRanges();d.addRange(q)}}}else{if(document.selection&&document.selection.type!="Control"){document.selection.createRange().pasteHTML(b)}}}};c.fn.twemojiPicker=function(b){var d=c.data(this,"twemojiPicker");this.each(function(){d?d._init():d=c.data(this,"twemojiPicker",new c.TwemojiPicker(this,b))});return d}})(jQuery,window);