perf: Update metismenu plugin to version 3.0.7

apps/static/css/style.css

@@ -6753,14 +6753,13 @@ body.body-small .vote-icon {
     padding: 10px 10px;
 }
 
-/*
+/*!
- * metismenu - v2.0.2
+* metismenu https://github.com/onokumus/metismenu#readme
- * A jQuery menu plugin
+* A collapsible jQuery menu plugin
- * https://github.com/onokumus/metisMenu
+* @version 3.0.7
- *
+* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
- * Made by Osman Nuri Okumus
+* @license: MIT 
- * Under MIT License
+*/
- */
 .metismenu .plus-minus,
 .metismenu .plus-times {
     float: right;
@@ -6775,7 +6774,7 @@ body.body-small .vote-icon {
     content: "\e079";
 }
 
-.metismenu .active > a > .glyphicon.arrow:before {
+.metismenu .mm-active > a > .glyphicon.arrow:before {
     content: "\e114";
 }
 
@@ -6783,7 +6782,7 @@ body.body-small .vote-icon {
     content: "\f104";
 }
 
-.metismenu .active > a > .fa.arrow:before {
+.metismenu .mm-active > a > .fa.arrow:before {
     content: "\f107";
 }
 
@@ -6791,7 +6790,7 @@ body.body-small .vote-icon {
     content: "\f3d2";
 }
 
-.metismenu .active > a > .ion.arrow:before {
+.metismenu .mm-active > a > .ion.arrow:before {
     content: "\f3d0";
 }
 
@@ -6800,25 +6799,25 @@ body.body-small .vote-icon {
     content: "\f067";
 }
 
-.metismenu .active > a > .fa.plus-times {
+.metismenu .mm-active > a > .fa.plus-times {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
 }
 
-.metismenu .active > a > .fa.plus-minus:before {
+.metismenu .mm-active > a > .fa.plus-minus:before {
     content: "\f068";
 }
 
-.metismenu .collapse {
+.metismenu .mm-collapse {
     display: none;
 }
 
-.metismenu .collapse.in {
+.metismenu .mm-collapse.in {
     display: block;
 }
 
-.metismenu .collapsing {
+.metismenu .mm-collapsing {
     position: relative;
     height: 0;
     overflow: hidden;

apps/static/js/plugins/metisMenu/jquery.metisMenu.3.0.7.js

@@ -0,0 +1,368 @@
+/*!
+* metismenu https://github.com/onokumus/metismenu#readme
+* A collapsible jQuery menu plugin
+* @version 3.0.7
+* @author Osman Nuri Okumus <onokumus@gmail.com> (https://github.com/onokumus)
+* @license: MIT 
+*/
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('jquery')) :
+  typeof define === 'function' && define.amd ? define(['jquery'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.metisMenu = factory(global.$));
+}(this, (function ($) { 'use strict';
+
+  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+  var $__default = /*#__PURE__*/_interopDefaultLegacy($);
+
+  const Util = (($) => { // eslint-disable-line no-shadow
+    const TRANSITION_END = 'transitionend';
+
+    const Util = { // eslint-disable-line no-shadow
+      TRANSITION_END: 'mmTransitionEnd',
+
+      triggerTransitionEnd(element) {
+        $(element).trigger(TRANSITION_END);
+      },
+
+      supportsTransitionEnd() {
+        return Boolean(TRANSITION_END);
+      },
+    };
+
+    function getSpecialTransitionEndEvent() {
+      return {
+        bindType: TRANSITION_END,
+        delegateType: TRANSITION_END,
+        handle(event) {
+          if ($(event.target).is(this)) {
+            return event
+              .handleObj
+              .handler
+              .apply(this, arguments); // eslint-disable-line prefer-rest-params
+          }
+          return undefined;
+        },
+      };
+    }
+
+    function transitionEndEmulator(duration) {
+      let called = false;
+
+      $(this).one(Util.TRANSITION_END, () => {
+        called = true;
+      });
+
+      setTimeout(() => {
+        if (!called) {
+          Util.triggerTransitionEnd(this);
+        }
+      }, duration);
+
+      return this;
+    }
+
+    function setTransitionEndSupport() {
+      $.fn.mmEmulateTransitionEnd = transitionEndEmulator; // eslint-disable-line no-param-reassign
+      // eslint-disable-next-line no-param-reassign
+      $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent();
+    }
+
+    setTransitionEndSupport();
+
+    return Util;
+  })($__default['default']);
+
+  const NAME = 'metisMenu';
+  const DATA_KEY = 'metisMenu';
+  const EVENT_KEY = `.${DATA_KEY}`;
+  const DATA_API_KEY = '.data-api';
+  const JQUERY_NO_CONFLICT = $__default['default'].fn[NAME];
+  const TRANSITION_DURATION = 350;
+
+  const Default = {
+    toggle: true,
+    preventDefault: true,
+    triggerElement: 'a',
+    parentTrigger: 'li',
+    subMenu: 'ul',
+  };
+
+  const Event = {
+    SHOW: `show${EVENT_KEY}`,
+    SHOWN: `shown${EVENT_KEY}`,
+    HIDE: `hide${EVENT_KEY}`,
+    HIDDEN: `hidden${EVENT_KEY}`,
+    CLICK_DATA_API: `click${EVENT_KEY}${DATA_API_KEY}`,
+  };
+
+  const ClassName = {
+    METIS: 'metismenu',
+    ACTIVE: 'mm-active',
+    SHOW: 'mm-show',
+    COLLAPSE: 'mm-collapse',
+    COLLAPSING: 'mm-collapsing',
+    COLLAPSED: 'mm-collapsed',
+  };
+
+  class MetisMenu {
+    // eslint-disable-line no-shadow
+    constructor(element, config) {
+      this.element = element;
+      this.config = {
+        ...Default,
+        ...config,
+      };
+      this.transitioning = null;
+
+      this.init();
+    }
+
+    init() {
+      const self = this;
+      const conf = this.config;
+      const el = $__default['default'](this.element);
+
+      el.addClass(ClassName.METIS); // add metismenu class to element
+
+      el.find(`${conf.parentTrigger}.${ClassName.ACTIVE}`)
+        .children(conf.triggerElement)
+        .attr('aria-expanded', 'true'); // add attribute aria-expanded=true the trigger element
+
+      el.find(`${conf.parentTrigger}.${ClassName.ACTIVE}`)
+        .parents(conf.parentTrigger)
+        .addClass(ClassName.ACTIVE);
+
+      el.find(`${conf.parentTrigger}.${ClassName.ACTIVE}`)
+        .parents(conf.parentTrigger)
+        .children(conf.triggerElement)
+        .attr('aria-expanded', 'true'); // add attribute aria-expanded=true the triggers of all parents
+
+      el.find(`${conf.parentTrigger}.${ClassName.ACTIVE}`)
+        .has(conf.subMenu)
+        .children(conf.subMenu)
+        .addClass(`${ClassName.COLLAPSE} ${ClassName.SHOW}`);
+
+      el
+        .find(conf.parentTrigger)
+        .not(`.${ClassName.ACTIVE}`)
+        .has(conf.subMenu)
+        .children(conf.subMenu)
+        .addClass(ClassName.COLLAPSE);
+
+      el
+        .find(conf.parentTrigger)
+        // .has(conf.subMenu)
+        .children(conf.triggerElement)
+        .on(Event.CLICK_DATA_API, function (e) { // eslint-disable-line func-names
+          const eTar = $__default['default'](this);
+
+          if (eTar.attr('aria-disabled') === 'true') {
+            return;
+          }
+
+          if (conf.preventDefault && eTar.attr('href') === '#') {
+            e.preventDefault();
+          }
+
+          const paRent = eTar.parent(conf.parentTrigger);
+          const sibLi = paRent.siblings(conf.parentTrigger);
+          const sibTrigger = sibLi.children(conf.triggerElement);
+
+          if (paRent.hasClass(ClassName.ACTIVE)) {
+            eTar.attr('aria-expanded', 'false');
+            self.removeActive(paRent);
+          } else {
+            eTar.attr('aria-expanded', 'true');
+            self.setActive(paRent);
+            if (conf.toggle) {
+              self.removeActive(sibLi);
+              sibTrigger.attr('aria-expanded', 'false');
+            }
+          }
+
+          if (conf.onTransitionStart) {
+            conf.onTransitionStart(e);
+          }
+        });
+    }
+
+    setActive(li) {
+      $__default['default'](li).addClass(ClassName.ACTIVE);
+      const ul = $__default['default'](li).children(this.config.subMenu);
+      if (ul.length > 0 && !ul.hasClass(ClassName.SHOW)) {
+        this.show(ul);
+      }
+    }
+
+    removeActive(li) {
+      $__default['default'](li).removeClass(ClassName.ACTIVE);
+      const ul = $__default['default'](li).children(`${this.config.subMenu}.${ClassName.SHOW}`);
+      if (ul.length > 0) {
+        this.hide(ul);
+      }
+    }
+
+    show(element) {
+      if (this.transitioning || $__default['default'](element).hasClass(ClassName.COLLAPSING)) {
+        return;
+      }
+      const elem = $__default['default'](element);
+
+      const startEvent = $__default['default'].Event(Event.SHOW);
+      elem.trigger(startEvent);
+
+      if (startEvent.isDefaultPrevented()) {
+        return;
+      }
+
+      elem.parent(this.config.parentTrigger).addClass(ClassName.ACTIVE);
+
+      if (this.config.toggle) {
+        const toggleElem = elem.parent(this.config.parentTrigger).siblings().children(`${this.config.subMenu}.${ClassName.SHOW}`);
+        this.hide(toggleElem);
+      }
+
+      elem
+        .removeClass(ClassName.COLLAPSE)
+        .addClass(ClassName.COLLAPSING)
+        .height(0);
+
+      this.setTransitioning(true);
+
+      const complete = () => {
+        // check if disposed
+        if (!this.config || !this.element) {
+          return;
+        }
+        elem
+          .removeClass(ClassName.COLLAPSING)
+          .addClass(`${ClassName.COLLAPSE} ${ClassName.SHOW}`)
+          .height('');
+
+        this.setTransitioning(false);
+
+        elem.trigger(Event.SHOWN);
+      };
+
+      elem
+        .height(element[0].scrollHeight)
+        .one(Util.TRANSITION_END, complete)
+        .mmEmulateTransitionEnd(TRANSITION_DURATION);
+    }
+
+    hide(element) {
+      if (
+        this.transitioning || !$__default['default'](element).hasClass(ClassName.SHOW)
+      ) {
+        return;
+      }
+
+      const elem = $__default['default'](element);
+
+      const startEvent = $__default['default'].Event(Event.HIDE);
+      elem.trigger(startEvent);
+
+      if (startEvent.isDefaultPrevented()) {
+        return;
+      }
+
+      elem.parent(this.config.parentTrigger).removeClass(ClassName.ACTIVE);
+      // eslint-disable-next-line no-unused-expressions
+      elem.height(elem.height())[0].offsetHeight;
+
+      elem
+        .addClass(ClassName.COLLAPSING)
+        .removeClass(ClassName.COLLAPSE)
+        .removeClass(ClassName.SHOW);
+
+      this.setTransitioning(true);
+
+      const complete = () => {
+        // check if disposed
+        if (!this.config || !this.element) {
+          return;
+        }
+        if (this.transitioning && this.config.onTransitionEnd) {
+          this.config.onTransitionEnd();
+        }
+
+        this.setTransitioning(false);
+        elem.trigger(Event.HIDDEN);
+
+        elem
+          .removeClass(ClassName.COLLAPSING)
+          .addClass(ClassName.COLLAPSE);
+      };
+
+      if (elem.height() === 0 || elem.css('display') === 'none') {
+        complete();
+      } else {
+        elem
+          .height(0)
+          .one(Util.TRANSITION_END, complete)
+          .mmEmulateTransitionEnd(TRANSITION_DURATION);
+      }
+    }
+
+    setTransitioning(isTransitioning) {
+      this.transitioning = isTransitioning;
+    }
+
+    dispose() {
+      $__default['default'].removeData(this.element, DATA_KEY);
+
+      $__default['default'](this.element)
+        .find(this.config.parentTrigger)
+        // .has(this.config.subMenu)
+        .children(this.config.triggerElement)
+        .off(Event.CLICK_DATA_API);
+
+      this.transitioning = null;
+      this.config = null;
+      this.element = null;
+    }
+
+    static jQueryInterface(config) {
+      // eslint-disable-next-line func-names
+      return this.each(function () {
+        const $this = $__default['default'](this);
+        let data = $this.data(DATA_KEY);
+        const conf = {
+          ...Default,
+          ...$this.data(),
+          ...(typeof config === 'object' && config ? config : {}),
+        };
+
+        if (!data) {
+          data = new MetisMenu(this, conf);
+          $this.data(DATA_KEY, data);
+        }
+
+        if (typeof config === 'string') {
+          if (data[config] === undefined) {
+            throw new Error(`No method named "${config}"`);
+          }
+          data[config]();
+        }
+      });
+    }
+  }
+  /**
+   * ------------------------------------------------------------------------
+   * jQuery
+   * ------------------------------------------------------------------------
+   */
+
+  $__default['default'].fn[NAME] = MetisMenu.jQueryInterface; // eslint-disable-line no-param-reassign
+  $__default['default'].fn[NAME].Constructor = MetisMenu; // eslint-disable-line no-param-reassign
+  $__default['default'].fn[NAME].noConflict = () => {
+    // eslint-disable-line no-param-reassign
+    $__default['default'].fn[NAME] = JQUERY_NO_CONFLICT; // eslint-disable-line no-param-reassign
+    return MetisMenu.jQueryInterface;
+  };
+
+  return MetisMenu;
+
+})));
+//# sourceMappingURL=metisMenu.js.map

apps/static/js/plugins/metisMenu/jquery.metisMenu.js

@@ -1,120 +0,0 @@
-/*
- * metismenu - v1.1.3
- * Easy menu jQuery plugin for Twitter Bootstrap 3
- * https://github.com/onokumus/metisMenu
- *
- * Made by Osman Nuri Okumus
- * Under MIT License
- */
-;(function($, window, document, undefined) {
-
-    var pluginName = "metisMenu",
-        defaults = {
-            toggle: true,
-            doubleTapToGo: false
-        };
-
-    function Plugin(element, options) {
-        this.element = $(element);
-        this.settings = $.extend({}, defaults, options);
-        this._defaults = defaults;
-        this._name = pluginName;
-        this.init();
-    }
-
-    Plugin.prototype = {
-        init: function() {
-
-            var $this = this.element,
-                $toggle = this.settings.toggle,
-                obj = this;
-
-            if (this.isIE() <= 9) {
-                $this.find("li.active").has("ul").children("ul").collapse("show");
-                $this.find("li").not(".active").has("ul").children("ul").collapse("hide");
-            } else {
-                $this.find("li.active").has("ul").children("ul").addClass("collapse in");
-                $this.find("li").not(".active").has("ul").children("ul").addClass("collapse");
-            }
-
-            //add the "doubleTapToGo" class to active items if needed
-            if (obj.settings.doubleTapToGo) {
-                $this.find("li.active").has("ul").children("a").addClass("doubleTapToGo");
-            }
-
-            $this.find("li").has("ul").children("a").on("click" + "." + pluginName, function(e) {
-                e.preventDefault();
-
-                //Do we need to enable the double tap
-                if (obj.settings.doubleTapToGo) {
-
-                    //if we hit a second time on the link and the href is valid, navigate to that url
-                    if (obj.doubleTapToGo($(this)) && $(this).attr("href") !== "#" && $(this).attr("href") !== "") {
-                        e.stopPropagation();
-                        document.location = $(this).attr("href");
-                        return;
-                    }
-                }
-
-                $(this).parent("li").toggleClass("active").children("ul").collapse("toggle");
-
-                if ($toggle) {
-                    $(this).parent("li").siblings().removeClass("active").children("ul.in").collapse("hide");
-                }
-
-            });
-        },
-
-        isIE: function() { //https://gist.github.com/padolsey/527683
-            var undef,
-                v = 3,
-                div = document.createElement("div"),
-                all = div.getElementsByTagName("i");
-
-            while (
-                div.innerHTML = "<!--[if gt IE " + (++v) + "]><i></i><![endif]-->",
-                    all[0]
-                ) {
-                return v > 4 ? v : undef;
-            }
-        },
-
-        //Enable the link on the second click.
-        doubleTapToGo: function(elem) {
-            var $this = this.element;
-
-            //if the class "doubleTapToGo" exists, remove it and return
-            if (elem.hasClass("doubleTapToGo")) {
-                elem.removeClass("doubleTapToGo");
-                return true;
-            }
-
-            //does not exists, add a new class and return false
-            if (elem.parent().children("ul").length) {
-                //first remove all other class
-                $this.find(".doubleTapToGo").removeClass("doubleTapToGo");
-                //add the class on the current element
-                elem.addClass("doubleTapToGo");
-                return false;
-            }
-        },
-
-        remove: function() {
-            this.element.off("." + pluginName);
-            this.element.removeData(pluginName);
-        }
-
-    };
-
-    $.fn[pluginName] = function(options) {
-        this.each(function () {
-            var el = $(this);
-            if (el.data(pluginName)) {
-                el.data(pluginName).remove();
-            }
-            el.data(pluginName, new Plugin(this, options));
-        });
-        return this;
-    };
-
-})(jQuery, window, document);

apps/templates/_foot_js.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 {% load static %}
 <!-- Mainly scripts -->
-<script src="{% static "js/plugins/metisMenu/jquery.metisMenu.js" %}"></script>
+<script src="{% static "js/plugins/metisMenu/jquery.metisMenu.3.0.7.js" %}"></script>
 
 <!-- Custom and plugin javascript -->
 <script src="{% static "js/plugins/toastr/toastr.min.js" %}"></script>