using part of gentelella

docs/gentelella/build/js/custom.js

@@ -0,0 +1,273 @@
+/**
+ * Resize function without multiple trigger
+ * 
+ * Usage:
+ * $(window).smartresize(function(){  
+ *     // code here
+ * });
+ */
+(function ($, sr) {
+	// debouncing function from John Hann
+	// http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
+	let debounce = function (func, threshold, execAsap) {
+		let timeout;
+
+		return function debounced() {
+			let obj = this, args = arguments;
+			function delayed() {
+				if (!execAsap)
+					func.apply(obj, args);
+				timeout = null;
+			}
+
+			if (timeout)
+				clearTimeout(timeout);
+			else if (execAsap)
+				func.apply(obj, args);
+
+			timeout = setTimeout(delayed, threshold || 100);
+		};
+	};
+
+	// smartresize 
+	jQuery.fn[sr] = function (fn) { return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
+
+})(jQuery, 'smartresize');
+/**
+ * To change this license header, choose License Headers in Project Properties.
+ * To change this template file, choose Tools | Templates
+ * and open the template in the editor.
+ */
+
+const CURRENT_URL = window.location.href.split('#')[0].split('?')[0],
+	$BODY = $('body'),
+	$MENU_TOGGLE = $('#menu_toggle'),
+	$SIDEBAR_MENU = $('#sidebar-menu'),
+	$SIDEBAR_FOOTER = $('.sidebar-footer'),
+	$LEFT_COL = $('.left_col'),
+	$RIGHT_COL = $('.right_col'),
+	$NAV_MENU = $('.nav_menu'),
+	$FOOTER = $('footer');
+
+// Sidebar
+function init_sidebar() {
+	// TODO: This is some kind of easy fix, maybe we can improve this
+	const setContentHeight = function () {
+		// reset height
+		$RIGHT_COL.css('min-height', $(window).height());
+
+		let bodyHeight = $BODY.outerHeight(),
+			footerHeight = $BODY.hasClass('footer_fixed') ? -10 : $FOOTER.height(),
+			leftColHeight = $LEFT_COL.eq(1).height() + $SIDEBAR_FOOTER.height(),
+			contentHeight = bodyHeight < leftColHeight ? leftColHeight : bodyHeight;
+
+		// normalize content
+		contentHeight -= $NAV_MENU.height() + footerHeight;
+
+		$RIGHT_COL.css('min-height', contentHeight);
+	};
+
+	$SIDEBAR_MENU.find('a').on('click', function (ev) {
+		console.log('clicked - sidebar_menu');
+		let $li = $(this).parent();
+
+		if ($li.is('.active')) {
+			$li.removeClass('active active-sm');
+			$('ul:first', $li).slideUp(function () {
+				setContentHeight();
+			});
+		} else {
+			// prevent closing menu if we are on child menu
+			if (!$li.parent().is('.child_menu')) {
+				$SIDEBAR_MENU.find('li').removeClass('active active-sm');
+				$SIDEBAR_MENU.find('li ul').slideUp();
+			} else {
+				if ($BODY.is(".nav-sm")) {
+					$SIDEBAR_MENU.find("li").removeClass("active active-sm");
+					$SIDEBAR_MENU.find("li ul").slideUp();
+				}
+			}
+			$li.addClass('active');
+
+			$('ul:first', $li).slideDown(function () {
+				setContentHeight();
+			});
+		}
+	});
+
+	// toggle small or large menu 
+	$MENU_TOGGLE.on('click', function () {
+		console.log('clicked - menu toggle');
+
+		if ($BODY.hasClass('nav-md')) {
+			$SIDEBAR_MENU.find('li.active ul').hide();
+			$SIDEBAR_MENU.find('li.active').addClass('active-sm').removeClass('active');
+		} else {
+			$SIDEBAR_MENU.find('li.active-sm ul').show();
+			$SIDEBAR_MENU.find('li.active-sm').addClass('active').removeClass('active-sm');
+		}
+
+		$BODY.toggleClass('nav-md nav-sm');
+
+		setContentHeight();
+	});
+
+	// check active menu
+	$SIDEBAR_MENU.find('a[href="' + CURRENT_URL + '"]').parent('li').addClass('current-page');
+
+	$SIDEBAR_MENU.find('a').filter(function () {
+		return this.href == CURRENT_URL;
+	}).parent('li').addClass('current-page').parents('ul').slideDown(function () {
+		setContentHeight();
+	}).parent().addClass('active');
+
+	// recompute content when resizing
+	$(window).smartresize(function () {
+		setContentHeight();
+	});
+
+	setContentHeight();
+
+	// fixed sidebar
+	if ($.fn.mCustomScrollbar) {
+		$('.menu_fixed').mCustomScrollbar({
+			autoHideScrollbar: true,
+			theme: 'minimal',
+			mouseWheel: { preventDefault: true }
+		});
+	}
+};
+// /Sidebar
+
+// Panel toolbox
+$(document).ready(function () {
+	$('.collapse-link').on('click', function () {
+		let $BOX_PANEL = $(this).closest('.x_panel'),
+			$ICON = $(this).find('i'),
+			$BOX_CONTENT = $BOX_PANEL.find('.x_content');
+
+		// fix for some div with hardcoded fix class
+		if ($BOX_PANEL.attr('style')) {
+			$BOX_CONTENT.slideToggle(200, function () {
+				$BOX_PANEL.removeAttr('style');
+			});
+		} else {
+			$BOX_CONTENT.slideToggle(200);
+			$BOX_PANEL.css('height', 'auto');
+		}
+
+		$ICON.toggleClass('fa-chevron-up fa-chevron-down');
+	});
+
+	$('.close-link').click(function () {
+		let $BOX_PANEL = $(this).closest('.x_panel');
+
+		$BOX_PANEL.remove();
+	});
+});
+// /Panel toolbox
+
+// Tooltip
+$(document).ready(function () {
+	$('[data-toggle="tooltip"]').tooltip({
+		container: 'body'
+	});
+});
+// /Tooltip
+
+// Progressbar
+if ($(".progress .progress-bar")[0]) {
+	$('.progress .progress-bar').progressbar();
+}
+// /Progressbar
+
+// Switchery
+$(document).ready(function () {
+	if ($(".js-switch")[0]) {
+		let elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
+		elems.forEach(function (html) {
+			let switchery = new Switchery(html, {
+				color: '#26B99A'
+			});
+		});
+	}
+});
+// /Switchery
+
+
+// iCheck
+$(document).ready(function () {
+	if ($("input.flat")[0]) {
+		$(document).ready(function () {
+			$('input.flat').iCheck({
+				checkboxClass: 'icheckbox_flat-green',
+				radioClass: 'iradio_flat-green'
+			});
+		});
+	}
+});
+// /iCheck
+
+// Accordion
+$(document).ready(function () {
+	$(".expand").on("click", function () {
+		$(this).next().slideToggle(200);
+		$expand = $(this).find(">:first-child");
+
+		if ($expand.text() == "+") {
+			$expand.text("-");
+		} else {
+			$expand.text("+");
+		}
+	});
+});
+
+// NProgress
+if (typeof NProgress != 'undefined') {
+	$(document).ready(function () {
+		NProgress.start();
+	});
+
+	$(window).load(function () {
+		NProgress.done();
+	});
+}
+
+
+//hover and retain popover when on popover content
+let originalLeave = $.fn.popover.Constructor.prototype.leave;
+$.fn.popover.Constructor.prototype.leave = function (obj) {
+	let self = obj instanceof this.constructor ?
+		obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type);
+	let container, timeout;
+
+	originalLeave.call(this, obj);
+
+	if (obj.currentTarget) {
+		container = $(obj.currentTarget).siblings('.popover');
+		timeout = self.timeout;
+		container.one('mouseenter', function () {
+			//We entered the actual popover – call off the dogs
+			clearTimeout(timeout);
+			//Let's monitor popover content instead
+			container.one('mouseleave', function () {
+				$.fn.popover.Constructor.prototype.leave.call(self, self);
+			});
+		});
+	}
+};
+
+$('body').popover({
+	selector: '[data-popover]',
+	trigger: 'click hover',
+	delay: {
+		show: 50,
+		hide: 400
+	}
+});
+
+$(document).ready(function () {
+	init_sidebar();
+});
+
+