mirror of https://github.com/jumpserver/jumpserver
perf: Update metismenu plugin to version 3.0.7
Ewall555
老广
parent
f55a6ae364
commit
46ddad1d59
|
|
@ -6753,14 +6753,13 @@ body.body-small .vote-icon {
|
|||
padding: 10px 10px;
|
||||
}
|
||||
|
||||
/*
|
||||
* metismenu - v2.0.2
|
||||
* A jQuery menu plugin
|
||||
* https://github.com/onokumus/metisMenu
|
||||
*
|
||||
* Made by Osman Nuri Okumus
|
||||
* Under MIT License
|
||||
*/
|
||||
/*!
|
||||
* 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
|
||||
*/
|
||||
.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;
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
@ -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);
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue