%PDF-
%PDF-
Mini Shell
Mini Shell
/*
Ace Admin Theme v1.4
Copyright (c) 2016 Mohsen - (twitter.com/responsiweb)
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>.
*/
/*!
* Ace v1.4.0
*/
if (typeof jQuery === 'undefined') { throw new Error('Ace\'s JavaScript requires jQuery') }
/**
Required. Ace's Basic File to Initiliaze Different Parts and Some Variables.
*/
//some basic variables
(function(undefined) {
if( !('ace' in window) ) window['ace'] = {}
if( !('helper' in window['ace']) ) window['ace'].helper = {}
if( !('vars' in window['ace']) ) window['ace'].vars = {}
window['ace'].vars['icon'] = ' ace-icon ';
window['ace'].vars['.icon'] = '.ace-icon';
ace.vars['touch'] = ('ontouchstart' in window);//(('ontouchstart' in document.documentElement) || (window.DocumentTouch && document instanceof DocumentTouch));
//sometimes the only good way to work around browser's pecularities is to detect them using user-agents
//though it's not accurate
var agent = navigator.userAgent
ace.vars['webkit'] = !!agent.match(/AppleWebKit/i)
ace.vars['safari'] = !!agent.match(/Safari/i) && !agent.match(/Chrome/i);
ace.vars['android'] = ace.vars['safari'] && !!agent.match(/Android/i)
ace.vars['ios_safari'] = !!agent.match(/OS ([4-9])(_\d)+ like Mac OS X/i) && !agent.match(/CriOS/i)
ace.vars['ie'] = window.navigator.msPointerEnabled || (document.all && document.querySelector);//8-11
ace.vars['old_ie'] = document.all && !document.addEventListener;//8 and below
ace.vars['very_old_ie'] = document.all && !document.querySelector;//7 and below
ace.vars['firefox'] = 'MozAppearance' in document.documentElement.style;
ace.vars['non_auto_fixed'] = ace.vars['android'] || ace.vars['ios_safari'];
//sometimes we try to use 'tap' event instead of 'click' if jquery mobile plugin is available
ace['click_event'] = ace.vars['touch'] && jQuery.fn.tap ? 'tap' : 'click';
})();
//some ace helper functions
(function($$ , undefined) {//$$ is ace.helper
$$.unCamelCase = function(str) {
return str.replace(/([a-z])([A-Z])/g, function(match, c1, c2){ return c1+'-'+c2.toLowerCase() })
}
$$.strToVal = function(str) {
var res = str.match(/^(?:(true)|(false)|(null)|(\-?[\d]+(?:\.[\d]+)?)|(\[.*\]|\{.*\}))$/i);
var val = str;
if(res) {
if(res[1]) val = true;
else if(res[2]) val = false;
else if(res[3]) val = null;
else if(res[4]) val = parseFloat(str);
else if(res[5]) {
try { val = JSON.parse(str) }
catch (err) {}
}
}
return val;
}
$$.getAttrSettings = function(elem, attr_list, prefix) {
if(!elem) return;
var list_type = attr_list instanceof Array ? 1 : 2;
//attr_list can be Array or Object(key/value)
var prefix = prefix ? prefix.replace(/([^\-])$/ , '$1-') : '';
prefix = 'data-' + prefix;
var settings = {}
for(var li in attr_list) if(attr_list.hasOwnProperty(li)) {
var name = list_type == 1 ? attr_list[li] : li;
var attr_val, attr_name = $$.unCamelCase(name.replace(/[^A-Za-z0-9]{1,}/g , '-')).toLowerCase()
if( ! ((attr_val = elem.getAttribute(prefix + attr_name)) ) ) continue;
settings[name] = $$.strToVal(attr_val);
}
return settings;
}
$$.scrollTop = function() {
return document.scrollTop || document.documentElement.scrollTop || document.body.scrollTop
}
$$.winHeight = function() {
return window.innerHeight || document.documentElement.clientHeight;
}
$$.redraw = function(elem, force) {
if(!elem) return;
var saved_val = elem.style['display'];
elem.style.display = 'none';
elem.offsetHeight;
if(force !== true) {
elem.style.display = saved_val;
}
else {
//force redraw for example in old IE
setTimeout(function() {
elem.style.display = saved_val;
}, 10);
}
}
})(ace.helper);
/**
<b>Scroll to top button</b>.
*/
(function($ , undefined) {
//the scroll to top button
var scroll_btn = $('.btn-scroll-up');
if(scroll_btn.length > 0) {
var is_visible = false;
$(window).on('scroll.scroll_btn', function() {
var scroll = ace.helper.scrollTop();
var h = ace.helper.winHeight();
var body_sH = document.body.scrollHeight;
if(scroll > parseInt(h / 4) || (scroll > 0 && body_sH >= h && h + scroll >= body_sH - 1)) {//|| for smaller pages, when reached end of page
if(!is_visible) {
scroll_btn.addClass('display');
is_visible = true;
}
} else {
if(is_visible) {
scroll_btn.removeClass('display');
is_visible = false;
}
}
}).triggerHandler('scroll.scroll_btn');
scroll_btn.on(ace.click_event, function(){
var duration = Math.min(500, Math.max(100, parseInt(ace.helper.scrollTop() / 3)));
$('html,body').animate({scrollTop: 0}, duration);
return false;
});
}
})(window.jQuery);
/**
<b>Load content via Ajax </b>. For more information please refer to documentation #basics/ajax
*/
(function($ , undefined) {
var ajax_loaded_scripts = {}
function AceAjax(contentArea, settings) {
var $contentArea = $(contentArea);
var self = this;
$contentArea.attr('data-ajax-content', 'true');
//get a list of 'data-*' attributes that override 'defaults' and 'settings'
var attrib_values = ace.helper.getAttrSettings(contentArea, $.fn.ace_ajax.defaults);
this.settings = $.extend({}, $.fn.ace_ajax.defaults, settings, attrib_values);
var working = false;
var $overlay = $();//empty set
this.force_reload = false;//set jQuery ajax's cache option to 'false' to reload content
this.loadUrl = function(hash, cache, manual_trigger) {
var url = false;
hash = hash.replace(/^(\#\!)?\#/, '');
this.force_reload = (cache === false)
if(typeof this.settings.content_url === 'function') url = this.settings.content_url(hash);
if(typeof url === 'string') this.getUrl(url, hash, manual_trigger);
}
this.loadAddr = function(url, hash, cache) {
this.force_reload = (cache === false);
this.getUrl(url, hash, false);
}
this.reload = function() {
var hash = $.trim(window.location.hash);
if(!hash && this.settings.default_url) hash = this.settings.default_url;
this.loadUrl(hash, false);
}
this.post = function(url, data, updateView, extraParams) {
var url = url || $.trim(location.href.replace(location.hash,''));
if(!url) return;
var data = data || {}
var updateView = updateView || false;
this.getUrl(url, null, false, 'POST', data, updateView, extraParams);
}
this.getUrl = function(url, hash, manual_trigger, method, data, updateView, extraParams) {
if(working) {
return;
}
var method = method || 'GET';
var updateView = (method == 'GET') || (method == 'POST' && updateView == true)
var data = data || null;
var event
$contentArea.trigger(event = $.Event('ajaxloadstart'), {url: url, hash: hash, method: method, data: data})
if (event.isDefaultPrevented()) return;
self.startLoading();
var ajax_params = method == 'GET' ? {'url': url, 'cache': !this.force_reload} : {'url': url, 'method' : 'POST', 'data': data}
if(method == 'POST' && typeof extraParams == 'object') ajax_params = $.extend({}, ajax_params, extraParams);
$.ajax(ajax_params)
.error(function() {
$contentArea.trigger('ajaxloaderror', {url: url, hash: hash, method: method, data: data});
self.stopLoading(true);
})
.done(function(result) {
$contentArea.trigger('ajaxloaddone', {url: url, hash: hash, method: method, data: data});
if(method == 'POST') {
var event
$contentArea.trigger(event = $.Event('ajaxpostdone', {url: url, data: data, result: result}))
if( event.isDefaultPrevented() ) updateView = false;
}
var link_element = null, link_text = '';
if(typeof self.settings.update_active === 'function') {
link_element = self.settings.update_active.call(null, hash, url, method, updateView);
}
else if(self.settings.update_active === true && hash) {
link_element = $('a[data-url="'+hash+'"]');
if(link_element.length > 0) {
var nav = link_element.closest('.nav');
if(nav.length > 0) {
nav.find('.active').each(function(){
var $class = 'active';
if( $(this).hasClass('hover') || self.settings.close_active ) $class += ' open';
$(this).removeClass($class);
if(self.settings.close_active) {
$(this).find(' > .submenu').css('display', '');
}
})
var active_li = link_element.closest('li').addClass('active').parents('.nav li').addClass('active open');
nav.closest('.sidebar[data-sidebar-scroll=true]').each(function() {
var $this = $(this);
$this.ace_sidebar_scroll('reset');
if(manual_trigger == true) $this.ace_sidebar_scroll('scroll_to_active');//first time only
})
}
}
}
/////////
if(typeof self.settings.update_breadcrumbs === 'function') {
link_text = self.settings.update_breadcrumbs.call(null, hash, url, link_element, method, updateView);
}
else if(self.settings.update_breadcrumbs === true && link_element != null && link_element.length > 0) {
link_text = updateBreadcrumbs(link_element);
}
/////////
$overlay.addClass('content-loaded').detach();
if(updateView) {
//convert "title" and "link" tags to "div" tags for later processing
result = String(result)
.replace(/<(title|link)([\s\>])/gi,'<div class="hidden ajax-append-$1"$2')
.replace(/<\/(title|link)\>/gi,'</div>')
$contentArea.empty().html(result);
}
$(self.settings.loading_overlay || $contentArea).append($overlay);
//remove previous stylesheets inserted via ajax
if(updateView) setTimeout(function() {
$('head').find('link.ace-ajax-stylesheet').remove();
var main_selectors = ['link.ace-main-stylesheet', 'link#main-ace-style', 'link[href*="/ace.min.css"]', 'link[href*="/ace.css"]']
var ace_style = [];
for(var m = 0; m < main_selectors.length; m++) {
ace_style = $('head').find(main_selectors[m]).first();
if(ace_style.length > 0) break;
}
$contentArea.find('.ajax-append-link').each(function(e) {
var $link = $(this);
if ( $link.attr('href') ) {
var new_link = jQuery('<link />', {type : 'text/css', rel: 'stylesheet', 'class': 'ace-ajax-stylesheet'})
if( ace_style.length > 0 ) new_link.insertBefore(ace_style);
else new_link.appendTo('head');
new_link.attr('href', $link.attr('href'));//we set "href" after insertion, for IE to work
}
$link.remove();
})
}, 10);
//////////////////////
if(typeof self.settings.update_title === 'function') {
self.settings.update_title.call(null, hash, url, link_text, method, updateView);
}
else if(self.settings.update_title === true && method == 'GET') {
updateTitle(link_text);
}
if( !manual_trigger && updateView ) {
$('html,body').animate({scrollTop: 0}, 250);
}
//////////////////////
$contentArea.trigger('ajaxloadcomplete', {url: url, hash: hash, method: method, data:data});
//////////////////////
//if result contains call to "loadScripts" then don't stopLoading now
var re = /\.(?:\s*)ace(?:_a|A)jax(?:\s*)\((?:\s*)(?:\'|\")loadScripts(?:\'|\")/;
if(result.match(re)) self.stopLoading();
else self.stopLoading(true);
})
}
///////////////////////
var fixPos = false;
var loadTimer = null;
this.startLoading = function() {
if(working) return;
working = true;
if(!this.settings.loading_overlay && $contentArea.css('position') == 'static') {
$contentArea.css('position', 'relative');//for correct icon positioning
fixPos = true;
}
$overlay.remove();
$overlay = $('<div class="ajax-loading-overlay"><i class="ajax-loading-icon '+(this.settings.loading_icon || '')+'"></i> '+this.settings.loading_text+'</div>')
if(this.settings.loading_overlay == 'body') $('body').append($overlay.addClass('ajax-overlay-body'));
else if(this.settings.loading_overlay) $(this.settings.loading_overlay).append($overlay);
else $contentArea.append($overlay);
if(this.settings.max_load_wait !== false)
loadTimer = setTimeout(function() {
loadTimer = null;
if(!working) return;
var event
$contentArea.trigger(event = $.Event('ajaxloadlong'))
if (event.isDefaultPrevented()) return;
self.stopLoading(true);
}, this.settings.max_load_wait * 1000);
}
this.stopLoading = function(stopNow) {
if(stopNow === true) {
working = false;
$overlay.remove();
if(fixPos) {
$contentArea.css('position', '');//restore previous 'position' value
fixPos = false;
}
if(loadTimer != null) {
clearTimeout(loadTimer);
loadTimer = null;
}
}
else {
$overlay.addClass('almost-loaded');
$contentArea.one('ajaxscriptsloaded.inner_call', function() {
self.stopLoading(true);
/**
if(window.Pace && Pace.running == true) {
Pace.off('done');
Pace.once('done', function() { self.stopLoading(true) })
}
else self.stopLoading(true);
*/
})
}
}
this.working = function() {
return working;
}
///////////////////////
function updateBreadcrumbs(link_element) {
var link_text = '';
//update breadcrumbs
var breadcrumbs = $('.breadcrumb');
if(breadcrumbs.length > 0 && breadcrumbs.is(':visible')) {
breadcrumbs.find('> li:not(:first-child)').remove();
var i = 0;
link_element.parents('.nav li').each(function() {
var link = $(this).find('> a');
var link_clone = link.clone();
link_clone.find('i,.fa,.glyphicon,.ace-icon,.menu-icon,.badge,.label').remove();
var text = link_clone.text();
link_clone.remove();
var href = link.attr('href');
if(i == 0) {
var li = $('<li class="active"></li>').appendTo(breadcrumbs);
li.text(text);
link_text = text;
}
else {
var li = $('<li><a /></li>').insertAfter(breadcrumbs.find('> li:first-child'));
li.find('a').attr('href', href).text(text);
}
i++;
})
}
return link_text;
}
function updateTitle(link_text) {
var $title = $contentArea.find('.ajax-append-title');
if($title.length > 0) {
document.title = $title.text();
$title.remove();
}
else if(link_text.length > 0) {
var extra = $.trim(String(document.title).replace(/^(.*)[\-]/, ''));//for example like " - Ace Admin"
if(extra) extra = ' - ' + extra;
link_text = $.trim(link_text) + extra;
}
}
this.loadScripts = function(scripts, callback) {
var scripts = scripts || [];
$.ajaxPrefilter('script', function(opts) {opts.cache = true});
setTimeout(function() {
//let's keep a list of loaded scripts so that we don't load them more than once!
function finishLoading() {
if(typeof callback === 'function') callback();
$('.btn-group[data-toggle="buttons"] > .btn').button();
$contentArea.trigger('ajaxscriptsloaded');
}
//var deferreds = [];
var deferred_count = 0;//deferreds count
var resolved = 0;
for(var i = 0; i < scripts.length; i++) if(scripts[i]) {
(function() {
var script_name = "js-"+scripts[i].replace(/[^\w\d\-]/g, '-').replace(/\-\-/g, '-');
if( ajax_loaded_scripts[script_name] !== true ) deferred_count++;
})()
}
function nextScript(index) {
index += 1;
if(index < scripts.length) loadScript(index);
else {
finishLoading();
}
}
function loadScript(index) {
index = index || 0;
if(!scripts[index]) {//could be null sometimes
return nextScript(index);
}
var script_name = "js-"+scripts[index].replace(/[^\w\d\-]/g, '-').replace(/\-\-/g, '-');
//only load scripts that are not loaded yet!
if( ajax_loaded_scripts[script_name] !== true ) {
$.getScript(scripts[index])
.done(function() {
ajax_loaded_scripts[script_name] = true;
})
//.fail(function() {
//})
.complete(function() {
resolved++;
if(resolved >= deferred_count && working) {
finishLoading();
}
else {
nextScript(index);
}
})
}
else {//script previoisly loaded
nextScript(index);
}
}
if (deferred_count > 0) {
loadScript();
}
else {
finishLoading();
}
}, 10)
}
/////////////////
$(window)
.off('hashchange.ace_ajax')
.on('hashchange.ace_ajax', function(e, manual_trigger) {
var hash = $.trim(window.location.hash);
if(!hash || hash.length == 0) return;
if(self.settings.close_mobile_menu) {
try {$(self.settings.close_mobile_menu).ace_sidebar('mobileHide')} catch(e){}
}
if(self.settings.close_dropdowns) {
$('.dropdown.open .dropdown-toggle').dropdown('toggle');
}
self.loadUrl(hash, null, manual_trigger);
}).trigger('hashchange.ace_ajax', [true]);
var hash = $.trim(window.location.hash);
if(!hash && this.settings.default_url) window.location.hash = this.settings.default_url;
}//AceAjax
$.fn.aceAjax = $.fn.ace_ajax = function (option, value, value2, value3, value4) {
var method_call;
var $set = this.each(function () {
var $this = $(this);
var data = $this.data('ace_ajax');
var options = typeof option === 'object' && option;
if (!data) $this.data('ace_ajax', (data = new AceAjax(this, options)));
if (typeof option === 'string' && typeof data[option] === 'function') {
if(value4 !== undefined) method_call = data[option](value, value2, value3, value4);
else if(value3 !== undefined) method_call = data[option](value, value2, value3);
else if(value2 !== undefined) method_call = data[option](value, value2);
else method_call = data[option](value);
}
});
return (method_call === undefined) ? $set : method_call;
}
$.fn.aceAjax.defaults = $.fn.ace_ajax.defaults = {
content_url: false,
default_url: false,
loading_icon: 'fa fa-spin fa-spinner fa-2x orange',
loading_text: '',
loading_overlay: null,
update_breadcrumbs: true,
update_title: true,
update_active: true,
close_active: false,
max_load_wait: false,
close_mobile_menu: false,
close_dropdowns: false
}
})(window.jQuery);
/**
<b>Sidebar functions</b>. Collapsing/expanding, toggling mobile view menu and other sidebar functions.
*/
(function($ , undefined) {
var sidebar_count = 0;
function Sidebar(sidebar, settings) {
var self = this;
this.$sidebar = $(sidebar);
this.$sidebar.attr('data-sidebar', 'true');
if( !this.$sidebar.attr('id') ) this.$sidebar.attr( 'id' , 'id-sidebar-'+(++sidebar_count) )
//get a list of 'data-*' attributes that override 'defaults' and 'settings'
var attrib_values = ace.helper.getAttrSettings(sidebar, $.fn.ace_sidebar.defaults, 'sidebar-');
this.settings = $.extend({}, $.fn.ace_sidebar.defaults, settings, attrib_values);
//some vars
this.minimized = false;//will be initialized later
this.collapsible = false;//...
this.horizontal = false;//...
this.mobile_view = false;//
//return an array containing sidebar state variables
this.vars = function() {
return {'minimized': this.minimized, 'collapsible': this.collapsible, 'horizontal': this.horizontal, 'mobile_view': this.mobile_view}
}
this.get = function(name) {
if(this.hasOwnProperty(name)) return this[name];
}
this.set = function(name, value) {
if(this.hasOwnProperty(name)) this[name] = value;
}
//return a reference to self (sidebar instance)
this.ref = function() {
return this;
}
//toggle icon for sidebar collapse/expand button
var toggleIcon = function(minimized, save) {
var icon = $(this).find(ace.vars['.icon']), icon1, icon2;
if(icon.length > 0) {
icon1 = icon.attr('data-icon1');//the icon for expanded state
icon2 = icon.attr('data-icon2');//the icon for collapsed state
if(typeof minimized !== "undefined") {
if(minimized) icon.removeClass(icon1).addClass(icon2);
else icon.removeClass(icon2).addClass(icon1);
}
else {
icon.toggleClass(icon1).toggleClass(icon2);
}
try {
if(save !== false) ace.settings.saveState(icon.get(0));
} catch(e) {}
}
}
//if not specified, find the toggle button related to this sidebar
var findToggleBtn = function() {
var toggle_btn = self.$sidebar.find('.sidebar-collapse');
if(toggle_btn.length == 0) toggle_btn = $('.sidebar-collapse[data-target="#'+(self.$sidebar.attr('id')||'')+'"]');
if(toggle_btn.length != 0) toggle_btn = toggle_btn[0];
else toggle_btn = null;
return toggle_btn;
}
//collapse/expand sidebar
this.toggleMenu = function(toggle_btn, save) {
if(this.collapsible) return false;
this.minimized = !this.minimized;
var save = !(toggle_btn === false || save === false);
if(this.minimized) this.$sidebar.addClass('menu-min');
else this.$sidebar.removeClass('menu-min');
try {
if(save) ace.settings.saveState(sidebar, 'class', 'menu-min', this.minimized);
} catch(e) {}
if( !toggle_btn ) {
toggle_btn = findToggleBtn();
}
if(toggle_btn) {
toggleIcon.call(toggle_btn, this.minimized, save);
}
//force redraw for ie8
if(ace.vars['old_ie']) ace.helper.redraw(sidebar);
$(document).trigger('settings.ace', ['sidebar_collapsed' , this.minimized, sidebar, save]);
if( this.minimized ) this.$sidebar.trigger($.Event('collapse.ace.sidebar'));
else this.$sidebar.trigger($.Event('expand.ace.sidebar'));
return true;
}
this.collapse = function(toggle_btn, save) {
if(this.collapsible) return;
this.minimized = false;
this.toggleMenu(toggle_btn, save)
}
this.expand = function(toggle_btn, save) {
if(this.collapsible) return;
this.minimized = true;
this.toggleMenu(toggle_btn, save);
}
this.showResponsive = function() {
this.$sidebar.removeClass(responsive_min_class).removeClass(responsive_max_class);
}
//collapse/expand in 2nd mobile style
this.toggleResponsive = function(toggle_btn, showMenu) {
if( !this.mobile_view || this.mobile_style != 3 ) return;
if( this.$sidebar.hasClass('menu-min') ) {
//remove menu-min because it interferes with responsive-max
this.$sidebar.removeClass('menu-min');
var btn = findToggleBtn();
if(btn) toggleIcon.call(btn);
}
var showMenu = typeof showMenu === 'boolean' ? showMenu : (typeof toggle_btn === 'boolean' ? toggle_btn : this.$sidebar.hasClass(responsive_min_class));
if(showMenu) {
this.$sidebar.addClass(responsive_max_class).removeClass(responsive_min_class);
}
else {
this.$sidebar.removeClass(responsive_max_class).addClass(responsive_min_class);
}
this.minimized = !showMenu;
if( !toggle_btn || typeof toggle_btn !== 'object' ) {
toggle_btn = this.$sidebar.find('.sidebar-expand');
if(toggle_btn.length == 0) toggle_btn = $('.sidebar-expand[data-target="#'+(this.$sidebar.attr('id')||'')+'"]');
if(toggle_btn.length != 0) toggle_btn = toggle_btn[0];
else toggle_btn = null;
}
if(toggle_btn) {
var icon = $(toggle_btn).find(ace.vars['.icon']), icon1, icon2;
if(icon.length > 0) {
icon1 = icon.attr('data-icon1');//the icon for expanded state
icon2 = icon.attr('data-icon2');//the icon for collapsed state
if(!showMenu) icon.removeClass(icon2).addClass(icon1);
else icon.removeClass(icon1).addClass(icon2);
}
}
if(showMenu) self.$sidebar.trigger($.Event('mobileShow.ace.sidebar'));
else self.$sidebar.trigger($.Event('mobileHide.ace.sidebar'));
$(document).triggerHandler('settings.ace', ['sidebar_collapsed' , this.minimized]);
}
//some helper functions
//determine if we have 4th mobile style responsive sidebar and we are in mobile view
this.is_collapsible = function() {
var toggle
return (this.$sidebar.hasClass('navbar-collapse'))
&& ((toggle = $('.navbar-toggle[data-target="#'+(this.$sidebar.attr('id')||'')+'"]').get(0)) != null)
&& toggle.scrollHeight > 0
//sidebar is collapsible and collapse button is visible?
}
//determine if we are in mobile view
this.is_mobile_view = function() {
var toggle
return ((toggle = $('.menu-toggler[data-target="#'+(this.$sidebar.attr('id')||'')+'"]').get(0)) != null)
&& toggle.scrollHeight > 0
}
var submenu_working = false;
//show submenu
this.show = function(sub, $duration, shouldWait) {
//'shouldWait' indicates whether to wait for previous transition (submenu toggle) to be complete or not?
shouldWait = (shouldWait !== false);
if(shouldWait && submenu_working) return false;
var $sub = $(sub);
var event;
$sub.trigger(event = $.Event('show.ace.submenu'))
if (event.isDefaultPrevented()) {
return false;
}
if(shouldWait) submenu_working = true;
$duration = typeof $duration !== 'undefined' ? $duration : this.settings.duration;
$sub.css({
height: 0,
overflow: 'hidden',
display: 'block'
})
.removeClass('nav-hide').addClass('nav-show')//only for window < @grid-float-breakpoint and .navbar-collapse.menu-min
.parent().addClass('open');
sub.scrollTop = 0;//this is for submenu_hover when sidebar is minimized and a submenu is scrollTop'ed using scrollbars ...
var complete = function(ev, trigger) {
ev && ev.stopPropagation();
$sub
.css({'transition-property': '', 'transition-duration': '', overflow:'', height: ''})
//if(ace.vars['webkit']) ace.helper.redraw(sub);//little Chrome issue, force redraw ;)
if(trigger !== false) $sub.trigger($.Event('shown.ace.submenu'))
if(shouldWait) submenu_working = false;
}
var finalHeight = sub.scrollHeight;
if($duration == 0 || finalHeight == 0 || !$.support.transition.end) {
//(if duration is zero || element is hidden (scrollHeight == 0) || CSS3 transitions are not available)
complete();
}
else {
$sub
.css({
'height': finalHeight,
'transition-property': 'height',
'transition-duration': ($duration/1000)+'s'
}
)
.one($.support.transition.end, complete);
//there is sometimes a glitch, so maybe retry
if(ace.vars['android'] ) {
setTimeout(function() {
complete(null, false);
ace.helper.redraw(sub);
}, $duration + 20);
}
}
return true;
}
//hide submenu
this.hide = function(sub, $duration, shouldWait) {
//'shouldWait' indicates whether to wait for previous transition (submenu toggle) to be complete or not?
shouldWait = (shouldWait !== false);
if(shouldWait && submenu_working) return false;
var $sub = $(sub);
var event;
$sub.trigger(event = $.Event('hide.ace.submenu'))
if (event.isDefaultPrevented()) {
return false;
}
if(shouldWait) submenu_working = true;
$duration = typeof $duration !== 'undefined' ? $duration : this.settings.duration;
var initialHeight = sub.scrollHeight;
$sub.css({
height: initialHeight,
overflow: 'hidden',
display: 'block'
})
.parent().removeClass('open');
sub.offsetHeight;
//forces the "sub" to re-consider the new 'height' before transition
var complete = function(ev, trigger) {
ev && ev.stopPropagation();
$sub
.css({display: 'none', overflow:'', height: '', 'transition-property': '', 'transition-duration': ''})
.removeClass('nav-show').addClass('nav-hide')//only for window < @grid-float-breakpoint and .navbar-collapse.menu-min
if(trigger !== false) $sub.trigger($.Event('hidden.ace.submenu'))
if(shouldWait) submenu_working = false;
}
if( $duration == 0 || initialHeight == 0 || !$.support.transition.end) {
//(if duration is zero || element is hidden (scrollHeight == 0) || CSS3 transitions are not available)
complete();
}
else {
$sub
.css({
'height': 0,
'transition-property': 'height',
'transition-duration': ($duration/1000)+'s'
}
)
.one($.support.transition.end, complete);
//there is sometimes a glitch, so maybe retry
if(ace.vars['android'] ) {
setTimeout(function() {
complete(null, false);
ace.helper.redraw(sub);
}, $duration + 20);
}
}
return true;
}
//toggle submenu
this.toggle = function(sub, $duration) {
$duration = $duration || self.settings.duration;
if( sub.scrollHeight == 0 ) {//if an element is hidden scrollHeight becomes 0
if( this.show(sub, $duration) ) return 1;
} else {
if( this.hide(sub, $duration) ) return -1;
}
return 0;
}
//toggle mobile menu
this.mobileToggle = function(showMenu) {
if(this.mobile_view) {
if(this.mobile_style == 1 || this.mobile_style == 2) {
this.toggleMobile(typeof showMenu === 'object' ? showMenu : null, typeof showMenu === 'boolean' ? showMenu : null);
}
else if(this.mobile_style == 3) {
this.toggleResponsive(typeof showMenu === 'object' ? showMenu : null, typeof showMenu === 'boolean' ? showMenu : null);
}
//return true;
}
else if(this.collapsible) {
this.toggleCollapsible(typeof showMenu === 'object' ? showMenu : null, typeof showMenu === 'boolean' ? showMenu : null);
//return true;
}
//return true;
}
this.mobileShow = function() {
this.mobileToggle(true);
}
this.mobileHide = function() {
this.mobileToggle(false);
}
this.toggleMobile = function(toggle_btn, showMenu) {
if(!(this.mobile_style == 1 || this.mobile_style == 2)) return;
var showMenu = typeof showMenu === 'boolean' ? showMenu : (typeof toggle_btn === 'boolean' ? toggle_btn : !this.$sidebar.hasClass('display'));
if( !toggle_btn || typeof toggle_btn !== 'object' ) {
toggle_btn = $('.menu-toggler[data-target="#'+(this.$sidebar.attr('id')||'')+'"]');
if(toggle_btn.length != 0) toggle_btn = toggle_btn[0];
else toggle_btn = null;
}
if(showMenu) {
this.$sidebar.addClass('display');
if(toggle_btn) $(toggle_btn).addClass('display');
}
else {
this.$sidebar.removeClass('display');
if(toggle_btn) $(toggle_btn).removeClass('display');
}
if(showMenu) self.$sidebar.trigger($.Event('mobileShow.ace.sidebar'));
else self.$sidebar.trigger($.Event('mobileHide.ace.sidebar'));
}
this.toggleCollapsible = function(toggle_btn, showMenu) {
if(this.mobile_style != 4) return;
var showMenu = typeof showMenu === 'boolean' ? showMenu : (typeof toggle_btn === 'boolean' ? toggle_btn : !this.$sidebar.hasClass('in'));
if(showMenu) {
this.$sidebar.collapse('show');
}
else {
this.$sidebar.removeClass('display');
this.$sidebar.collapse('hide');
}
if(showMenu) self.$sidebar.trigger($.Event('mobileShow.ace.sidebar'));
else self.$sidebar.trigger($.Event('mobileHide.ace.sidebar'));
}
////////////////
//private functions
//sidebar vars
var minimized_menu_class = 'menu-min';
var responsive_min_class = 'responsive-min';
var responsive_max_class = 'responsive-max';
var horizontal_menu_class = 'h-sidebar';
var sidebar_mobile_style = function() {
//differnet mobile menu styles
this.mobile_style = 1;//default responsive mode with toggle button inside navbar
if(this.$sidebar.hasClass('responsive') && !$('.menu-toggler[data-target="#'+this.$sidebar.attr('id')+'"]').hasClass('navbar-toggle')) this.mobile_style = 2;//toggle button behind sidebar
else if(this.$sidebar.hasClass(responsive_min_class)) this.mobile_style = 3;//minimized menu
else if(this.$sidebar.hasClass('navbar-collapse')) this.mobile_style = 4;//collapsible (bootstrap style)
}
sidebar_mobile_style.call(self);
function update_vars() {
this.mobile_view = this.mobile_style < 4 && this.is_mobile_view();
this.collapsible = !this.mobile_view && this.is_collapsible();
this.minimized =
(!this.collapsible && this.$sidebar.hasClass(minimized_menu_class))
||
(this.mobile_style == 3 && this.mobile_view && this.$sidebar.hasClass(responsive_min_class))
this.horizontal = !(this.mobile_view || this.collapsible) && this.$sidebar.hasClass(horizontal_menu_class)
}
//update some basic variables
$(window).on('resize.sidebar.vars' , function(){
update_vars.call(self);
}).triggerHandler('resize.sidebar.vars')
//toggling (show/hide) submenu elements
this.$sidebar.on(ace.click_event+'.ace.submenu', '.nav-list', function (ev) {
var nav_list = this;
//check to see if we have clicked on an element which is inside a .dropdown-toggle element?!
//if so, it means we should toggle a submenu
var link_element = $(ev.target).closest('a');
if(!link_element || link_element.length == 0) return;//return if not clicked inside a link element
var minimized = self.minimized && !self.collapsible;
//if .sidebar is .navbar-collapse and in small device mode, then let minimized be uneffective
if( !link_element.hasClass('dropdown-toggle') ) {//it doesn't have a submenu return
//just one thing before we return
//if sidebar is collapsed(minimized) and we click on a first level menu item
//and the click is on the icon, not on the menu text then let's cancel event and cancel navigation
//Good for touch devices, that when the icon is tapped to see the menu text, navigation is cancelled
//navigation is only done when menu text is tapped
if( ace.click_event == 'tap'
&&
minimized
&&
link_element.get(0).parentNode.parentNode == nav_list )//only level-1 links
{
var text = link_element.find('.menu-text').get(0);
if( text != null && ev.target != text && !$.contains(text , ev.target) ) {//not clicking on the text or its children
ev.preventDefault();
return false;
}
}
//ios safari only has a bit of a problem not navigating to link address when scrolling down
//specify data-link attribute to ignore this
if(ace.vars['ios_safari'] && link_element.attr('data-link') !== 'false') {
//only ios safari has a bit of a problem not navigating to link address when scrolling down
//please see issues section in documentation
document.location = link_element.attr('href');
ev.preventDefault();
return false;
}
return;
}
ev.preventDefault();
var sub = link_element.siblings('.submenu').get(0);
if(!sub) return false;
var $sub = $(sub);
var height_change = 0;//the amount of height change in .nav-list
var parent_ul = sub.parentNode.parentNode;
if
(
( minimized && parent_ul == nav_list )
||
( ( $sub.parent().hasClass('hover') && $sub.css('position') == 'absolute' ) && !self.collapsible )
)
{
return false;
}
var sub_hidden = (sub.scrollHeight == 0)
//if not open and visible, let's open it and make it visible
if( sub_hidden && self.settings.hide_open_subs ) {//being shown now
$(parent_ul).find('> .open > .submenu').each(function() {
//close all other open submenus except for the active one
if(this != sub && !$(this.parentNode).hasClass('active')) {
height_change -= this.scrollHeight;
self.hide(this, self.settings.duration, false);
}
})
}
if( sub_hidden ) {//being shown now
self.show(sub, self.settings.duration);
//if a submenu is being shown and another one previously started to hide, then we may need to update/hide scrollbars
//but if no previous submenu is being hidden, then no need to check if we need to hide the scrollbars in advance
if(height_change != 0) height_change += sub.scrollHeight;//we need new updated 'scrollHeight' here
} else {
self.hide(sub, self.settings.duration);
height_change -= sub.scrollHeight;
//== -1 means submenu is being hidden
}
//hide scrollbars if content is going to be small enough that scrollbars is not needed anymore
//do this almost before submenu hiding begins
//but when minimized submenu's toggle should have no effect
if (height_change != 0) {
if(self.$sidebar.attr('data-sidebar-scroll') == 'true' && !self.minimized)
self.$sidebar.ace_sidebar_scroll('prehide', height_change)
}
return false;
});
}//end of Sidebar
//sidebar events
//menu-toggler
$(document)
.on(ace.click_event+'.ace.menu', '.menu-toggler', function(e){
var btn = $(this);
var sidebar = $(btn.attr('data-target'));
if(sidebar.length == 0) return;
e.preventDefault();
//sidebar.toggleClass('display');
//btn.toggleClass('display');
sidebar.ace_sidebar('mobileToggle', this);
var click_event = ace.click_event+'.ace.autohide';
var auto_hide = sidebar.attr('data-auto-hide') === 'true';
if( btn.hasClass('display') ) {
//hide menu if clicked outside of it!
if(auto_hide) {
$(document).on(click_event, function(ev) {
if( sidebar.get(0) == ev.target || $.contains(sidebar.get(0), ev.target) ) {
ev.stopPropagation();
return;
}
sidebar.ace_sidebar('mobileToggle', this, false);
$(document).off(click_event);
})
}
if(sidebar.attr('data-sidebar-scroll') == 'true') sidebar.ace_sidebar_scroll('reset');
}
else {
if(auto_hide) $(document).off(click_event);
}
return false;
})
//sidebar collapse/expand button
.on(ace.click_event+'.ace.menu', '.sidebar-collapse', function(e){
var target = $(this).attr('data-target'), $sidebar = null;
if(target) $sidebar = $(target);
if($sidebar == null || $sidebar.length == 0) $sidebar = $(this).closest('.sidebar');
if($sidebar.length == 0) return;
e.preventDefault();
$sidebar.ace_sidebar('toggleMenu', this);
})
//this button is used in `mobile_style = 3` responsive menu style to expand minimized sidebar
.on(ace.click_event+'.ace.menu', '.sidebar-expand', function(e){
var target = $(this).attr('data-target'), $sidebar = null;
if(target) $sidebar = $(target);
if($sidebar == null || $sidebar.length == 0) $sidebar = $(this).closest('.sidebar');
if($sidebar.length == 0) return;
var btn = this;
e.preventDefault();
$sidebar.ace_sidebar('toggleResponsive', this);
var click_event = ace.click_event+'.ace.autohide';
if($sidebar.attr('data-auto-hide') === 'true') {
if( $sidebar.hasClass(responsive_max_class) ) {
$(document).on(click_event, function(ev) {
if( $sidebar.get(0) == ev.target || $.contains($sidebar.get(0), ev.target) ) {
ev.stopPropagation();
return;
}
$sidebar.ace_sidebar('toggleResponsive', btn);
$(document).off(click_event);
})
}
else {
$(document).off(click_event);
}
}
})
$.fn.ace_sidebar = function (option, value, value2) {
var method_call;
var $set = this.each(function () {
var $this = $(this);
var data = $this.data('ace_sidebar');
var options = typeof option === 'object' && option;
if (!data) $this.data('ace_sidebar', (data = new Sidebar(this, options)));
if (typeof option === 'string' && typeof data[option] === 'function') {
if(value instanceof Array) method_call = data[option].apply(data, value);
else if(value2 !== undefined) method_call = data[option](value, value2);
else method_call = data[option](value);
}
});
return (method_call === undefined) ? $set : method_call;
};
$.fn.ace_sidebar.defaults = {
'duration': 300,
'hide_open_subs': true
}
})(window.jQuery);
/**
<b>Scrollbars for sidebar</b>. This approach can <span class="text-danger">only</span> be used on <u>fixed</u> sidebar.
It doesn't use <u>"overflow:hidden"</u> CSS property and therefore can be used with <u>.hover</u> submenus and minimized sidebar.
Except when in mobile view and menu toggle button is not in the navbar.
*/
(function($ , undefined) {
//if( !$.fn.ace_scroll ) return;
var old_safari = ace.vars['safari'] && navigator.userAgent.match(/version\/[1-5]/i)
//NOTE
//Safari on windows has not been updated for a long time.
//And it has a problem when sidebar is fixed & scrollable and there is a CSS3 animation inside page content.
//Very probably windows users of safari have migrated to another browser by now!
var is_element_pos =
'getComputedStyle' in window ?
//el.offsetHeight is used to force redraw and recalculate 'el.style.position' esp. for webkit!
function(el, pos) { el.offsetHeight; return window.getComputedStyle(el).position == pos }
:
function(el, pos) { el.offsetHeight; return $(el).css('position') == pos }
function Sidebar_Scroll(sidebar , settings) {
var self = this;
var $window = $(window);
var $sidebar = $(sidebar), $nav, nav, $toggle, $shortcuts;
$nav = $sidebar.find('.nav-list');
nav = $nav.get(0);
if(!nav) return;
var attrib_values = ace.helper.getAttrSettings(sidebar, $.fn.ace_sidebar_scroll.defaults);
this.settings = $.extend({}, $.fn.ace_sidebar_scroll.defaults, settings, attrib_values);
var scroll_to_active = self.settings.scroll_to_active;
var ace_sidebar = $sidebar.ace_sidebar('ref');
$sidebar.attr('data-sidebar-scroll', 'true');
var scroll_div = null,
scroll_content = null,
scroll_content_div = null,
bar = null,
track = null,
ace_scroll = null;
this.is_scrolling = false;
var _initiated = false;
this.sidebar_fixed = is_element_pos(sidebar, 'fixed');
var $avail_height, $content_height;
var available_height = function() {
//available window space
var offset = $nav.parent().offset();//because `$nav.offset()` considers the "scrolled top" amount as well
if(self.sidebar_fixed) offset.top -= ace.helper.scrollTop();
return $window.innerHeight() - offset.top - ( self.settings.include_toggle ? 0 : $toggle.outerHeight() ) + 1;
}
var content_height = function() {
return nav.clientHeight;//we don't use nav.scrollHeight here, because hover submenus are considered in calculating scrollHeight despite position=absolute!
}
var initiate = function(on_page_load) {
if( _initiated ) return;
if( !self.sidebar_fixed ) return;//eligible??
//return if we want scrollbars only on "fixed" sidebar and sidebar is not "fixed" yet!
$nav = $sidebar.find('.nav-list');
$toggle = $sidebar.find('.sidebar-toggle').eq(0);
$shortcuts = $sidebar.find('.sidebar-shortcuts').eq(0);
nav = $nav.get(0);
if(!nav) return;
//initiate once
$nav.wrap('<div class="nav-wrap-up pos-rel" />');
$nav.after('<div><div></div></div>');
$nav.wrap('<div class="nav-wrap" />');
if(!self.settings.include_toggle) $toggle.css({'z-index': 1});
if(!self.settings.include_shortcuts) $shortcuts.css({'z-index': 99});
scroll_div = $nav.parent().next()
.ace_scroll({
size: available_height(),
//reset: true,
mouseWheelLock: true,
hoverReset: false,
dragEvent: true,
styleClass: self.settings.scroll_style,
touchDrag: false//disable touch drag event on scrollbars, we'll add a custom one later
})
.closest('.ace-scroll').addClass('nav-scroll');
ace_scroll = scroll_div.data('ace_scroll');
scroll_content = scroll_div.find('.scroll-content').eq(0);
scroll_content_div = scroll_content.find(' > div').eq(0);
track = $(ace_scroll.get_track());
bar = track.find('.scroll-bar').eq(0);
if(self.settings.include_shortcuts && $shortcuts.length != 0) {
$nav.parent().prepend($shortcuts).wrapInner('<div />');
$nav = $nav.parent();
}
if(self.settings.include_toggle && $toggle.length != 0) {
$nav.append($toggle);
$nav.closest('.nav-wrap').addClass('nav-wrap-t');//it just helps to remove toggle button's top border and restore li:last-child's bottom border
}
$nav.css({position: 'relative'});
if( self.settings.scroll_outside == true ) scroll_div.addClass('scrollout');
nav = $nav.get(0);
nav.style.top = 0;
scroll_content.on('scroll.nav', function() {
nav.style.top = (-1 * this.scrollTop) + 'px';
});
//mousewheel library available?
$nav.on(!!$.event.special.mousewheel ? 'mousewheel.ace_scroll' : 'mousewheel.ace_scroll DOMMouseScroll.ace_scroll', function(event){
if( !self.is_scrolling || !ace_scroll.is_active() ) {
return !self.settings.lock_anyway;
}
//transfer $nav's mousewheel event to scrollbars
return scroll_div.trigger(event);
});
$nav.on('mouseenter.ace_scroll', function() {
track.addClass('scroll-hover');
}).on('mouseleave.ace_scroll', function() {
track.removeClass('scroll-hover');
});
/**
$(document.body).on('touchmove.nav', function(event) {
if( self.is_scrolling && $.contains(sidebar, event.target) ) {
event.preventDefault();
return false;
}
})
*/
//you can also use swipe event in a similar way //swipe.nav
var content = scroll_content.get(0);
$nav.on('ace_drag.nav', function(event) {
if( !self.is_scrolling || !ace_scroll.is_active() ) {
event.retval.cancel = true;
return;
}
//if submenu hover is being scrolled let's cancel sidebar scroll!
if( $(event.target).closest('.can-scroll').length != 0 ) {
event.retval.cancel = true;
return;
}
if(event.direction == 'up' || event.direction == 'down') {
ace_scroll.move_bar(true);
var distance = event.dy;
distance = parseInt(Math.min($avail_height, distance))
if(Math.abs(distance) > 2) distance = distance * 2;
if(distance != 0) {
content.scrollTop = content.scrollTop + distance;
nav.style.top = (-1 * content.scrollTop) + 'px';
}
}
});
//for drag only
if(self.settings.smooth_scroll) {
$nav
.on('touchstart.nav MSPointerDown.nav pointerdown.nav', function(event) {
$nav.css('transition-property', 'none');
bar.css('transition-property', 'none');
})
.on('touchend.nav touchcancel.nav MSPointerUp.nav MSPointerCancel.nav pointerup.nav pointercancel.nav', function(event) {
$nav.css('transition-property', 'top');
bar.css('transition-property', 'top');
});
}
if(old_safari && !self.settings.include_toggle) {
var toggle = $toggle.get(0);
if(toggle) scroll_content.on('scroll.safari', function() {
ace.helper.redraw(toggle);
});
}
_initiated = true;
//if the active item is not visible, scroll down so that it becomes visible
//only the first time, on page load
if(on_page_load == true) {
self.reset();//try resetting at first
if( scroll_to_active ) {
self.scroll_to_active();
}
scroll_to_active = false;
}
if( typeof self.settings.smooth_scroll === 'number' && self.settings.smooth_scroll > 0) {
$nav.css({'transition-property': 'top', 'transition-duration': (self.settings.smooth_scroll / 1000).toFixed(2)+'s'})
bar.css({'transition-property': 'top', 'transition-duration': (self.settings.smooth_scroll / 1500).toFixed(2)+'s'})
scroll_div
.on('drag.start', function(e) {
e.stopPropagation();
$nav.css('transition-property', 'none')
})
.on('drag.end', function(e) {
e.stopPropagation();
$nav.css('transition-property', 'top')
});
}
if(ace.vars['android']) {
//force hide address bar, because its changes don't trigger window resize and become kinda ugly
var val = ace.helper.scrollTop();
if(val < 2) {
window.scrollTo( val, 0 );
setTimeout( function() {
self.reset();
}, 20 );
}
var last_height = ace.helper.winHeight() , new_height;
$(window).on('scroll.ace_scroll', function() {
if(self.is_scrolling && ace_scroll.is_active()) {
new_height = ace.helper.winHeight();
if(new_height != last_height) {
last_height = new_height;
self.reset();
}
}
});
}
}
this.scroll_to_active = function() {
if( !ace_scroll || !ace_scroll.is_active() ) return;
try {
//sometimes there's no active item or not 'offsetTop' property
var $active;
var vars = ace_sidebar['vars']()
var nav_list = $sidebar.find('.nav-list')
if(vars['minimized'] && !vars['collapsible']) {
$active = nav_list.find('> .active')
}
else {
$active = $nav.find('> .active.hover')
if($active.length == 0) $active = $nav.find('.active:not(.open)')
}
var top = $active.outerHeight();
nav_list = nav_list.get(0);
var active = $active.get(0);
while(active != nav_list) {
top += active.offsetTop;
active = active.parentNode;
}
var scroll_amount = top - scroll_div.height();
if(scroll_amount > 0) {
nav.style.top = -scroll_amount + 'px';
scroll_content.scrollTop(scroll_amount);
}
}catch(e){}
}
this.reset = function(recalc) {
if(recalc === true) {
this.sidebar_fixed = is_element_pos(sidebar, 'fixed');
}
if( !this.sidebar_fixed ) {
this.disable();
return;//eligible??
}
//return if we want scrollbars only on "fixed" sidebar and sidebar is not "fixed" yet!
if( !_initiated ) initiate();
//initiate scrollbars if not yet
var vars = ace_sidebar['vars']();
//enable if:
//menu is not collapsible mode (responsive navbar-collapse mode which has default browser scrollbar)
//menu is not horizontal or horizontal but mobile view (which is not navbar-collapse)
//and available height is less than nav's height
var enable_scroll = !vars['collapsible'] && !vars['horizontal']
&& ($avail_height = available_height()) < ($content_height = nav.clientHeight);
//we don't use nav.scrollHeight here, because hover submenus are considered in calculating scrollHeight despite position=absolute!
this.is_scrolling = true;
if( enable_scroll ) {
scroll_content_div.css({height: $content_height, width: 8});
scroll_div.prev().css({'max-height' : $avail_height})
ace_scroll.update({size: $avail_height})
ace_scroll.enable();
ace_scroll.reset();
}
if( !enable_scroll || !ace_scroll.is_active() ) {
if(this.is_scrolling) this.disable();
}
else {
$sidebar.addClass('sidebar-scroll');
}
//return this.is_scrolling;
}
this.disable = function() {
this.is_scrolling = false;
if(scroll_div) {
scroll_div.css({'height' : '', 'max-height' : ''});
scroll_content_div.css({height: '', width: ''});//otherwise it will have height and takes up some space even when invisible
scroll_div.prev().css({'max-height' : ''})
ace_scroll.disable();
}
if(parseInt(nav.style.top) < 0 && self.settings.smooth_scroll && $.support.transition.end) {
$nav.one($.support.transition.end, function() {
$sidebar.removeClass('sidebar-scroll');
$nav.off('.trans');
});
} else {
$sidebar.removeClass('sidebar-scroll');
}
nav.style.top = 0;
}
this.prehide = function(height_change) {
if(!this.is_scrolling || ace_sidebar.get('minimized')) return;//when minimized submenu's toggle should have no effect
if(content_height() + height_change < available_height()) {
this.disable();
}
else if(height_change < 0) {
//if content height is decreasing
//let's move nav down while a submenu is being hidden
var scroll_top = scroll_content.scrollTop() + height_change
if(scroll_top < 0) return;
nav.style.top = (-1 * scroll_top) + 'px';
}
}
this._reset = function(recalc) {
if(recalc === true) {
this.sidebar_fixed = is_element_pos(sidebar, 'fixed');
}
if(ace.vars['webkit'])
setTimeout(function() { self.reset() } , 0);
else this.reset();
}
this.set_hover = function() {
if(track) track.addClass('scroll-hover');
}
this.get = function(name) {
if(this.hasOwnProperty(name)) return this[name];
}
this.set = function(name, value) {
if(this.hasOwnProperty(name)) this[name] = value;
}
this.ref = function() {
//return a reference to self
return this;
}
this.updateStyle = function(styleClass) {
if(ace_scroll == null) return;
ace_scroll.update({styleClass: styleClass});
}
//change scrollbar size after a submenu is hidden/shown
//but don't change if sidebar is minimized
$sidebar.on('hidden.ace.submenu.sidebar_scroll shown.ace.submenu.sidebar_scroll', '.submenu', function(e) {
e.stopPropagation();
if( !ace_sidebar.get('minimized') ) {
//webkit has a little bit of a glitch!!!
self._reset();
if( e.type == 'shown' ) self.set_hover();
}
});
initiate(true);//true = on_page_load
}
//reset on document and window changes
$(document).on('settings.ace.sidebar_scroll', function(ev, event_name, event_val){
$('.sidebar[data-sidebar-scroll=true]').each(function() {
var $this = $(this);
var sidebar_scroll = $this.ace_sidebar_scroll('ref');
if( event_name == 'sidebar_collapsed' && is_element_pos(this, 'fixed') ) {
if( $this.attr('data-sidebar-hover') == 'true' ) $this.ace_sidebar_hover('reset');
sidebar_scroll._reset();
}
else if( event_name === 'sidebar_fixed' || event_name === 'navbar_fixed' ) {
var is_scrolling = sidebar_scroll.get('is_scrolling');
var sidebar_fixed = is_element_pos(this, 'fixed')
sidebar_scroll.set('sidebar_fixed', sidebar_fixed);
if(sidebar_fixed && !is_scrolling) {
sidebar_scroll._reset();
}
else if( !sidebar_fixed ) {
sidebar_scroll.disable();
}
}
});
});
$(window).on('resize.ace.sidebar_scroll', function(){
$('.sidebar[data-sidebar-scroll=true]').each(function() {
var $this = $(this);
if( $this.attr('data-sidebar-hover') == 'true' ) $this.ace_sidebar_hover('reset');
/////////////
var sidebar_scroll = $(this).ace_sidebar_scroll('ref');
var sidebar_fixed = is_element_pos(this, 'fixed')
sidebar_scroll.set('sidebar_fixed', sidebar_fixed);
sidebar_scroll._reset();
});
})
/////////////////////////////////////////////
if(!$.fn.ace_sidebar_scroll) {
$.fn.ace_sidebar_scroll = function (option, value) {
var method_call;
var $set = this.each(function () {
var $this = $(this);
var data = $this.data('ace_sidebar_scroll');
var options = typeof option === 'object' && option;
if (!data) $this.data('ace_sidebar_scroll', (data = new Sidebar_Scroll(this, options)));
if (typeof option === 'string' && typeof data[option] === 'function') {
method_call = data[option](value);
}
});
return (method_call === undefined) ? $set : method_call;
}
$.fn.ace_sidebar_scroll.defaults = {
'scroll_to_active': true,
'include_shortcuts': true,
'include_toggle': false,
'smooth_scroll': 150,
'scroll_outside': false,
'scroll_style': '',
'lock_anyway': false
}
}
})(window.jQuery);
/**
<b>Submenu hover adjustment</b>. Automatically move up a submenu to fit into screen when some part of it goes beneath window.
Pass a "true" value as an argument and submenu will have native browser scrollbars when necessary.
*/
(function($ , undefined) {
if( ace.vars['very_old_ie'] ) return;
//ignore IE7 & below
var hasTouch = ace.vars['touch'];
var nativeScroll = ace.vars['old_ie'] || hasTouch;
var is_element_pos =
'getComputedStyle' in window ?
//el.offsetHeight is used to force redraw and recalculate 'el.style.position' esp. for webkit!
function(el, pos) { el.offsetHeight; return window.getComputedStyle(el).position == pos }
:
function(el, pos) { el.offsetHeight; return $(el).css('position') == pos }
$(window).on('resize.sidebar.ace_hover', function() {
$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('update_vars').ace_sidebar_hover('reset');
})
$(document).on('settings.ace.ace_hover', function(e, event_name, event_val) {
if(event_name == 'sidebar_collapsed') $('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('reset');
else if(event_name == 'navbar_fixed') $('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('update_vars');
})
var sidebars = [];
function Sidebar_Hover(sidebar , settings) {
var self = this, that = this;
var attrib_values = ace.helper.getAttrSettings(sidebar, $.fn.ace_sidebar_hover.defaults);
this.settings = $.extend({}, $.fn.ace_sidebar_hover.defaults, settings, attrib_values);
var $sidebar = $(sidebar), nav_list = $sidebar.find('.nav-list').get(0);
$sidebar.attr('data-sidebar-hover', 'true');
sidebars.push($sidebar);
var sidebar_vars = {};
var old_ie = ace.vars['old_ie'];
var scroll_right = false;
//scroll style class
var hasHoverDelay = self.settings.sub_hover_delay || false;
if(hasTouch && hasHoverDelay) self.settings.sub_hover_delay = parseInt(Math.max(self.settings.sub_hover_delay, 2500));//for touch device, delay is at least 2.5sec
var $window = $(window);
//navbar used for adding extra offset from top when adjusting submenu
var $navbar = $('.navbar').eq(0);
var navbar_fixed = $navbar.css('position') == 'fixed';
this.update_vars = function() {
navbar_fixed = $navbar.css('position') == 'fixed';
}
self.dirty = false;
//on window resize or sidebar expand/collapse a previously "pulled up" submenu should be reset back to its default position
//for example if "pulled up" in "responsive-min" mode, in "fullmode" should not remain "pulled up"
this.reset = function() {
if( self.dirty == false ) return;
self.dirty = false;//so don't reset is not called multiple times in a row!
$sidebar.find('.submenu').each(function() {
var $sub = $(this), li = $sub.parent();
$sub.css({'top': '', 'bottom': '', 'max-height': ''});
if($sub.hasClass('ace-scroll')) {
$sub.ace_scroll('disable');
}
else {
$sub.removeClass('sub-scroll');
}
if( is_element_pos(this, 'absolute') ) $sub.addClass('can-scroll');
else $sub.removeClass('can-scroll');
li.removeClass('pull_up').find('.menu-text:first').css('margin-top', '');
})
$sidebar.find('.hover-show').removeClass('hover-show hover-shown hover-flip');
}
this.updateStyle = function(newStyle) {
sub_scroll_style = newStyle;
$sidebar.find('.submenu.ace-scroll').ace_scroll('update', {styleClass: newStyle});
}
this.changeDir = function(dir) {
scroll_right = (dir === 'right');
}
//update submenu scrollbars on submenu hide & show
var lastScrollHeight = -1;
//hide scrollbars if it's going to be not needed anymore!
if(!nativeScroll)
$sidebar.on('hide.ace.submenu.sidebar_hover', '.submenu', function(e) {
if(lastScrollHeight < 1) return;
e.stopPropagation();
var $sub = $(this).closest('.ace-scroll.can-scroll');
if($sub.length == 0 || !is_element_pos($sub[0], 'absolute')) return;
if($sub[0].scrollHeight - this.scrollHeight < lastScrollHeight) {
$sub.ace_scroll('disable');
}
});
//reset scrollbars
if(!nativeScroll)
$sidebar.on('shown.ace.submenu.sidebar_hover hidden.ace.submenu.sidebar_hover', '.submenu', function(e) {
if(lastScrollHeight < 1) return;
var $sub = $(this).closest('.ace-scroll.can-scroll');
if($sub.length == 0 || !is_element_pos($sub[0], 'absolute') ) return;
var sub_h = $sub[0].scrollHeight;
if(lastScrollHeight > 14 && sub_h - lastScrollHeight > 4) {
$sub.ace_scroll('enable').ace_scroll('reset');//don't update track position
}
else {
$sub.ace_scroll('disable');
}
});
///////////////////////
var currentScroll = -1;
//some mobile browsers don't have mouseenter
var event_1 = !hasTouch ? 'mouseenter.sub_hover' : 'touchstart.sub_hover';// pointerdown.sub_hover';
var event_2 = !hasTouch ? 'mouseleave.sub_hover' : 'touchend.sub_hover touchcancel.sub_hover';// pointerup.sub_hover pointercancel.sub_hover';
$sidebar.on(event_1, '.nav-list li, .sidebar-shortcuts', function (e) {
sidebar_vars = $sidebar.ace_sidebar('vars');
//ignore if collapsible mode (mobile view .navbar-collapse) so it doesn't trigger submenu movements
//or return if horizontal but not mobile_view (style 1&3)
if( sidebar_vars['collapsible'] /**|| sidebar_vars['horizontal']*/ ) return;
var $this = $(this);
var shortcuts = false;
var has_hover = $this.hasClass('hover');
var sub = $this.find('> .submenu').get(0);
if( !(sub || ((this.parentNode == nav_list || has_hover || (shortcuts = $this.hasClass('sidebar-shortcuts'))) /**&& sidebar_vars['minimized']*/)) ) {
if(sub) $(sub).removeClass('can-scroll');
return;//include .compact and .hover state as well?
}
var target_element = sub, is_abs = false;
if( !target_element && this.parentNode == nav_list ) target_element = $this.find('> a > .menu-text').get(0);
if( !target_element && shortcuts ) target_element = $this.find('.sidebar-shortcuts-large').get(0);
if( (!target_element || !(is_abs = is_element_pos(target_element, 'absolute'))) && !has_hover ) {
if(sub) $(sub).removeClass('can-scroll');
return;
}
var sub_hide = hasHoverDelay ? getSubHide(this) : null;
//var show_sub = false;
if(sub) {
if(is_abs) {
self.dirty = true;
var newScroll = ace.helper.scrollTop();
//if submenu is becoming visible for first time or document has been scrolled, then adjust menu
if( (hasHoverDelay && !sub_hide.is_visible()) || (!hasTouch && newScroll != currentScroll) || old_ie ) {
//try to move/adjust submenu if the parent is a li.hover or if submenu is minimized
//if( is_element_pos(sub, 'absolute') ) {//for example in small device .hover > .submenu may not be absolute anymore!
$(sub).addClass('can-scroll');
//show_sub = true;
if(!old_ie && !hasTouch) adjust_submenu.call(this, sub);
else {
//because ie8 needs some time for submenu to be displayed and real value of sub.scrollHeight be kicked in
var that = this;
setTimeout(function() { adjust_submenu.call(that, sub) }, 0)
}
//}
//else $(sub).removeClass('can-scroll');
}
currentScroll = newScroll;
}
else {
$(sub).removeClass('can-scroll');
}
}
//if(show_sub)
hasHoverDelay && sub_hide.show();
}).on(event_2, '.nav-list li, .sidebar-shortcuts', function (e) {
sidebar_vars = $sidebar.ace_sidebar('vars');
if( sidebar_vars['collapsible'] /**|| sidebar_vars['horizontal']*/ ) return;
if( !$(this).hasClass('hover-show') ) return;
hasHoverDelay && getSubHide(this).hideDelay();
});
function subHide(li_sub) {
var self = li_sub, $self = $(self);
var timer = null;
var visible = false;
this.show = function() {
if(timer != null) clearTimeout(timer);
timer = null;
$self.addClass('hover-show hover-shown');
visible = true;
//let's hide .hover-show elements that are not .hover-shown anymore (i.e. marked for hiding in hideDelay)
for(var i = 0; i < sidebars.length ; i++)
{
sidebars[i].find('.hover-show').not('.hover-shown').each(function() {
getSubHide(this).hide();
})
}
}
this.hide = function() {
visible = false;
$self.removeClass('hover-show hover-shown hover-flip');
if(timer != null) clearTimeout(timer);
timer = null;
var sub = $self.find('> .submenu').get(0);
if(sub) getSubScroll(sub, 'hide');
}
this.hideDelay = function(callback) {
if(timer != null) clearTimeout(timer);
$self.removeClass('hover-shown');//somehow marked for hiding
timer = setTimeout(function() {
visible = false;
$self.removeClass('hover-show hover-flip');
timer = null;
var sub = $self.find('> .submenu').get(0);
if(sub) getSubScroll(sub, 'hide');
if(typeof callback === 'function') callback.call(this);
}, that.settings.sub_hover_delay);
}
this.is_visible = function() {
return visible;
}
}
function getSubHide(el) {
var sub_hide = $(el).data('subHide');
if(!sub_hide) $(el).data('subHide', (sub_hide = new subHide(el)));
return sub_hide;
}
function getSubScroll(el, func) {
var sub_scroll = $(el).data('ace_scroll');
if(!sub_scroll) return false;
if(typeof func === 'string') {
sub_scroll[func]();
return true;
}
return sub_scroll;
}
function adjust_submenu(sub) {
var $li = $(this);
var $sub = $(sub);
sub.style.top = '';
sub.style.bottom = '';
var menu_text = null
if( sidebar_vars['minimized'] && (menu_text = $li.find('.menu-text').get(0)) ) {
//2nd level items don't have .menu-text
menu_text.style.marginTop = '';
}
var scroll = ace.helper.scrollTop();
var navbar_height = 0;
var $scroll = scroll;
if( navbar_fixed ) {
navbar_height = sidebar.offsetTop;//$navbar.height();
$scroll += navbar_height + 1;
//let's avoid our submenu from going below navbar
//because of chrome z-index stacking issue and firefox's normal .submenu over fixed .navbar flicker issue
}
var off = $li.offset();
off.top = parseInt(off.top);
var extra = 0, parent_height;
sub.style.maxHeight = '';//otherwise scrollHeight won't be consistent in consecutive calls!?
var sub_h = sub.scrollHeight;
var parent_height = $li.height();
if(menu_text) {
extra = parent_height;
off.top += extra;
}
var sub_bottom = parseInt(off.top + sub_h)
var move_up = 0;
var winh = $window.height();
//if the bottom of menu is going to go below visible window
var top_space = parseInt(off.top - $scroll - extra);//available space on top
var win_space = winh;//available window space
var horizontal = sidebar_vars['horizontal'], horizontal_sub = false;
if(horizontal && this.parentNode == nav_list) {
move_up = 0;//don't move up first level submenu in horizontal mode
off.top += $li.height();
horizontal_sub = true;//first level submenu
}
if(!horizontal_sub && (move_up = (sub_bottom - (winh + scroll))) >= 0 ) {
//don't move up more than available space
move_up = move_up < top_space ? move_up : top_space;
//move it up a bit more if there's empty space
if(move_up == 0) move_up = 20;
if(top_space - move_up > 10) {
move_up += parseInt(Math.min(25, top_space - move_up));
}
//move it down if submenu's bottom is going above parent LI
if(off.top + (parent_height - extra) > (sub_bottom - move_up)) {
move_up -= (off.top + (parent_height - extra) - (sub_bottom - move_up));
}
if(move_up > 0) {
sub.style.top = -(move_up) + 'px';
if( menu_text ) {
menu_text.style.marginTop = -(move_up) + 'px';
}
}
}
if(move_up < 0) move_up = 0;//when it goes below
var pull_up = move_up > 0 && move_up > parent_height - 20;
if(pull_up) {
$li.addClass('pull_up');
}
else $li.removeClass('pull_up');
//flip submenu if out of window width
if(horizontal) {
if($li.parent().parent().hasClass('hover-flip')) $li.addClass('hover-flip');//if a parent is already flipped, flip it then!
else {
var sub_off = $sub.offset();
var sub_w = $sub.width();
var win_w = $window.width();
if(sub_off.left + sub_w > win_w) {
$li.addClass('hover-flip');
}
}
}
//don't add scrollbars if it contains .hover menus
var has_hover = $li.hasClass('hover') && !sidebar_vars['mobile_view'];
if(has_hover && $sub.find('> li > .submenu').length > 0) return;
//if( ) {
var scroll_height = (win_space - (off.top - scroll)) + (move_up);
//if after scroll, the submenu is above parent LI, then move it down
var tmp = move_up - scroll_height;
if(tmp > 0 && tmp < parent_height) scroll_height += parseInt(Math.max(parent_height, parent_height - tmp));
scroll_height -= 5;
if(scroll_height < 90) {
return;
}
var ace_scroll = false;
if(!nativeScroll) {
ace_scroll = getSubScroll(sub);
if(ace_scroll == false) {
$sub.ace_scroll({
//hideOnIdle: true,
observeContent: true,
detached: true,
updatePos: false,
reset: true,
mouseWheelLock: true,
styleClass: self.settings.sub_scroll_style
});
ace_scroll = getSubScroll(sub);
var track = ace_scroll.get_track();
if(track) {
//detach it from body and insert it after submenu for better and cosistent positioning
$sub.after(track);
}
}
ace_scroll.update({size: scroll_height});
}
else {
$sub
.addClass('sub-scroll')
.css('max-height', (scroll_height)+'px')
}
lastScrollHeight = scroll_height;
if(!nativeScroll && ace_scroll) {
if(scroll_height > 14 && sub_h - scroll_height > 4) {
ace_scroll.enable()
ace_scroll.reset();
}
else {
ace_scroll.disable();
}
//////////////////////////////////
var track = ace_scroll.get_track();
if(track) {
track.style.top = -(move_up - extra - 1) + 'px';
var off = $sub.position();
var left = off.left
if( !scroll_right ) {
left += ($sub.outerWidth() - ace_scroll.track_size());
}
else {
left += 2;
}
track.style.left = parseInt(left) + 'px';
if(horizontal_sub) {//first level submenu
track.style.left = parseInt(left - 2) + 'px';
track.style.top = parseInt(off.top) + (menu_text ? extra - 2 : 0) + 'px';
}
}
}
//}
//again force redraw for safari!
if( ace.vars['safari'] ) {
ace.helper.redraw(sub)
}
}
}
/////////////////////////////////////////////
$.fn.ace_sidebar_hover = function (option, value) {
var method_call;
var $set = this.each(function () {
var $this = $(this);
var data = $this.data('ace_sidebar_hover');
var options = typeof option === 'object' && option;
if (!data) $this.data('ace_sidebar_hover', (data = new Sidebar_Hover(this, options)));
if (typeof option === 'string' && typeof data[option] === 'function') {
method_call = data[option](value);
}
});
return (method_call === undefined) ? $set : method_call;
}
$.fn.ace_sidebar_hover.defaults = {
'sub_hover_delay': 750,
'sub_scroll_style': 'no-track scroll-thin'
}
})(window.jQuery);
/**
<b>Widget boxes</b>
*/
(function($ , undefined) {
var Widget_Box = function(box, options) {
this.$box = $(box);
var that = this;
//this.options = $.extend({}, $.fn.widget_box.defaults, options);
this.reload = function() {
var $box = this.$box;
var $remove_position = false;
if($box.css('position') == 'static') {
$remove_position = true;
$box.addClass('position-relative');
}
$box.append('<div class="widget-box-overlay"><i class="'+ ace.vars['icon'] + 'loading-icon fa fa-spinner fa-spin fa-2x white"></i></div>');
$box.one('reloaded.ace.widget', function() {
$box.find('.widget-box-overlay').remove();
if($remove_position) $box.removeClass('position-relative');
});
}
this.closeFast = function() {
this.close(0);
}
this.close = function(closeSpeed) {
var $box = this.$box;
var closeSpeed = typeof closeSpeed === 'undefined' ? 300 : closeSpeed;
$box.fadeOut(closeSpeed , function(){
$box.trigger('closed.ace.widget');
$box.remove();
}
)
}
this.toggleFast = function() {
this.toggle(null, null, 0, 0);
}
this.toggle = function(type, button, expandSpeed, collapseSpeed) {
var $box = this.$box;
var $body = $box.find('.widget-body').eq(0);
var $icon = null;
var event_name = type || ($box.hasClass('collapsed') ? 'show' : 'hide');
var event_complete_name = event_name == 'show' ? 'shown' : 'hidden';
if( !button ) {
button = $box.find('> .widget-header a[data-action=collapse]').eq(0);
if(button.length == 0) button = null;
}
if(button) {
$icon = button.find(ace.vars['.icon']).eq(0);
var $match
var $icon_down = null
var $icon_up = null
if( ($icon_down = $icon.attr('data-icon-show')) ) {
$icon_up = $icon.attr('data-icon-hide')
}
else if( $match = $icon.attr('class').match(/fa\-(.*)\-(up|down)/) ) {
$icon_down = 'fa-'+$match[1]+'-down'
$icon_up = 'fa-'+$match[1]+'-up'
}
}
var expandSpeed = typeof expandSpeed === 'undefined' ? 250 : expandSpeed;
var collapseSpeed = typeof collapseSpeed === 'undefined' ? 200 : collapseSpeed;
if( event_name == 'show' ) {
if($icon) $icon.removeClass($icon_down).addClass($icon_up);
$body.hide();
$box.removeClass('collapsed');
$body.slideDown(expandSpeed, function(){
$box.trigger(event_complete_name+'.ace.widget')
})
}
else {
if($icon) $icon.removeClass($icon_up).addClass($icon_down);
$body.slideUp(collapseSpeed, function(){
$box.addClass('collapsed')
$box.trigger(event_complete_name+'.ace.widget')
}
);
}
$box.trigger('toggled.ace.widget', [event_name]);
}
this.hide = function() {
this.toggle('hide');
}
this.show = function() {
this.toggle('show');
}
this.hideFast = function() {
this.toggle('hide', null, 0, 0);
}
this.showFast = function() {
this.toggle('show', null, 0, 0);
}
this.fullscreen = function(makeFullscreen) {
var $icon = this.$box.find('> .widget-header a[data-action=fullscreen]').find(ace.vars['.icon']).eq(0);
var $icon_expand = null
var $icon_compress = null
if( ($icon_expand = $icon.attr('data-icon1')) ) {
$icon_compress = $icon.attr('data-icon2')
}
else {
$icon_expand = 'fa-expand';
$icon_compress = 'fa-compress';
}
var isAlreadyFull = this.$box.hasClass('fullscreen');
var noMakeFullscreenParam = makeFullscreen !== true && makeFullscreen !== false;//no true/false arguement provided for this function, so decide based on widget box classnames
//make it fullscreen if:
//1)we want to go full screen anyway
//2)it is not fullscreen already
if( makeFullscreen === true || (noMakeFullscreenParam && !isAlreadyFull) ) {
$icon.removeClass($icon_expand).addClass($icon_compress);
this.$box.addClass('fullscreen');
applyScrollbars(this.$box, true);
}
else if(makeFullscreen === false || (noMakeFullscreenParam && isAlreadyFull) ) {
$icon.addClass($icon_expand).removeClass($icon_compress);
this.$box.removeClass('fullscreen');
applyScrollbars(this.$box, false);
}
this.$box.trigger('fullscreened.ace.widget')
}
}
$.fn.widget_box = function (option, value) {
var method_call;
var $set = this.each(function () {
var $this = $(this);
var data = $this.data('widget_box');
var options = typeof option === 'object' && option;
if (!data) $this.data('widget_box', (data = new Widget_Box(this, options)));
if (typeof option === 'string') method_call = data[option](value);
});
return (method_call === undefined) ? $set : method_call;
};
$(document).on(ace['click_event']+'.ace.widget', '.widget-header a[data-action]', function (ev) {
ev.preventDefault();
var $this = $(this);
var $box = $this.closest('.widget-box');
if( $box.length == 0 || $box.hasClass('ui-sortable-helper') ) return;
var $widget_box = $box.data('widget_box');
if (!$widget_box) {
$box.data('widget_box', ($widget_box = new Widget_Box($box.get(0))));
}
var $action = $this.data('action');
if($action == 'collapse') {
var event_name = $box.hasClass('collapsed') ? 'show' : 'hide';
var event
$box.trigger(event = $.Event(event_name+'.ace.widget'))
if (event.isDefaultPrevented()) return
$box.trigger(event = $.Event('toggle.ace.widget'), [event_name]);
$widget_box.toggle(event_name, $this);
}
else if($action == 'close') {
var event
$box.trigger(event = $.Event('close.ace.widget'))
if (event.isDefaultPrevented()) return
$widget_box.close();
}
else if($action == 'reload') {
$this.blur();
var event
$box.trigger(event = $.Event('reload.ace.widget'))
if (event.isDefaultPrevented()) return
$widget_box.reload();
}
else if($action == 'fullscreen') {
var event
$box.trigger(event = $.Event('fullscreen.ace.widget'))
if (event.isDefaultPrevented()) return
$widget_box.fullscreen();
}
else if($action == 'settings') {
$box.trigger('setting.ace.widget')
}
});
function applyScrollbars($widget, enable) {
var $main = $widget.find('.widget-main').eq(0);
$(window).off('resize.widget.scroll');
//IE8 has an unresolvable issue!!! re-scrollbaring with unknown values?!
var nativeScrollbars = ace.vars['old_ie'] || ace.vars['touch'];
if(enable) {
var ace_scroll = $main.data('ace_scroll');
if( ace_scroll ) {
$main.data('save_scroll', {size: ace_scroll['size'], lock: ace_scroll['lock'], lock_anyway: ace_scroll['lock_anyway']});
}
var size = $widget.height() - $widget.find('.widget-header').height() - 10;//extra paddings
size = parseInt(size);
$main.css('min-height', size);
if( !nativeScrollbars ) {
if( ace_scroll ) {
$main.ace_scroll('update', {'size': size, 'mouseWheelLock': true, 'lockAnyway': true});
}
else {
$main.ace_scroll({'size': size, 'mouseWheelLock': true, 'lockAnyway': true});
}
$main.ace_scroll('enable').ace_scroll('reset');
}
else {
if( ace_scroll ) $main.ace_scroll('disable');
$main.css('max-height', size).addClass('overflow-scroll');
}
$(window)
.on('resize.widget.scroll', function() {
var size = $widget.height() - $widget.find('.widget-header').height() - 10;//extra paddings
size = parseInt(size);
$main.css('min-height', size);
if( !nativeScrollbars ) {
$main.ace_scroll('update', {'size': size}).ace_scroll('reset');
}
else {
$main.css('max-height', size).addClass('overflow-scroll');
}
});
}
else {
$main.css('min-height', '');
var saved_scroll = $main.data('save_scroll');
if(saved_scroll) {
$main
.ace_scroll('update', {'size': saved_scroll['size'], 'mouseWheelLock': saved_scroll['lock'], 'lockAnyway': saved_scroll['lock_anyway']})
.ace_scroll('enable')
.ace_scroll('reset');
}
if( !nativeScrollbars ) {
if(!saved_scroll) $main.ace_scroll('disable');
}
else {
$main.css('max-height', '').removeClass('overflow-scroll');
}
}
}
})(window.jQuery);
/**
<b>RTL</b> (right-to-left direction for Arabic, Hebrew, Persian languages).
It's good for demo only.
You should hard code RTL-specific changes inside your HTML/server-side code.
Dynamically switching to RTL using Javascript is not a good idea.
Please refer to documentation for more info.
*/
(function($ , undefined) {
//Switching to RTL (right to left) Mode
$('#ace-settings-rtl').removeAttr('checked').on('click', function(){
switch_direction();
});
//>>> you should hard code changes inside HTML for RTL direction
//you shouldn't use this function to switch direction
//this is only for dynamically switching for Ace's demo
//take a look at this function to see what changes should be made
//also take a look at docs for some tips
var switch_direction = function() {
applyChanges();
//in ajax when new content is loaded, we dynamically apply RTL changes again
//please note that this is only for Ace demo
//for info about RTL see Ace's docs
$('.page-content-area[data-ajax-content=true]').on('ajaxscriptsloaded.rtl', function() {
if( $('body').hasClass('rtl') ) {
applyChanges(this);
}
});
/////////////////////////
function applyChanges(el) {
var $body = $(document.body);
if(!el) $body.toggleClass('rtl');//el is 'body'
el = el || document.body;
var $container = $(el);
$container
//toggle pull-right class on dropdown-menu
.find('.dropdown-menu:not(.datepicker-dropdown,.colorpicker)').toggleClass('dropdown-menu-right')
.end()
//swap pull-left & pull-right
.find('.pull-right:not(.dropdown-menu,blockquote,.profile-skills .pull-right)').removeClass('pull-right').addClass('tmp-rtl-pull-right')
.end()
.find('.pull-left:not(.dropdown-submenu,.profile-skills .pull-left)').removeClass('pull-left').addClass('pull-right')
.end()
.find('.tmp-rtl-pull-right').removeClass('tmp-rtl-pull-right').addClass('pull-left')
.end()
.find('.chosen-select').toggleClass('chosen-rtl').next().toggleClass('chosen-rtl');
function swap_classes(class1, class2) {
$container
.find('.'+class1).removeClass(class1).addClass('tmp-rtl-'+class1)
.end()
.find('.'+class2).removeClass(class2).addClass(class1)
.end()
.find('.tmp-rtl-'+class1).removeClass('tmp-rtl-'+class1).addClass(class2)
}
swap_classes('align-left', 'align-right');
swap_classes('no-padding-left', 'no-padding-right');
swap_classes('arrowed', 'arrowed-right');
swap_classes('arrowed-in', 'arrowed-in-right');
swap_classes('tabs-left', 'tabs-right');
swap_classes('messagebar-item-left', 'messagebar-item-right');//for inbox page
$('.modal.aside-vc').ace_aside('flip').ace_aside('insideContainer');
//mirror all icons and attributes that have a "fa-*-right|left" attrobute
$container.find('.fa').each(function() {
if(this.className.match(/ui-icon/) || $(this).closest('.fc-button').length > 0) return;
//skip mirroring icons of plugins that have built in RTL support
var l = this.attributes.length;
for(var i = 0 ; i < l ; i++) {
var val = this.attributes[i].value;
if(val.match(/fa\-(?:[\w\-]+)\-left/))
this.attributes[i].value = val.replace(/fa\-([\w\-]+)\-(left)/i , 'fa-$1-right')
else if(val.match(/fa\-(?:[\w\-]+)\-right/))
this.attributes[i].value = val.replace(/fa\-([\w\-]+)\-(right)/i , 'fa-$1-left')
}
});
//browsers are incosistent with horizontal scroll and RTL
//so let's make our scrollbars LTR and wrap the content inside RTL
var rtl = $body.hasClass('rtl');
if(rtl) {
$container.find('.scroll-hz').addClass('make-ltr')
.find('.scroll-content')
.wrapInner('<div class="make-rtl" />');
$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('changeDir', 'right');
}
else {
//remove the wrap
$container.find('.scroll-hz').removeClass('make-ltr')
.find('.make-rtl').children().unwrap();
$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('changeDir', 'left');
}
if($.fn.ace_scroll) $container.find('.scroll-hz').ace_scroll('reset') //to reset scrollLeft
//redraw the traffic pie chart on homepage with a different parameter
try {
var placeholder = $('#piechart-placeholder');
if(placeholder.length > 0) {
var pos = $body.hasClass('rtl') ? 'nw' : 'ne';//draw on north-west or north-east?
placeholder.data('draw').call(placeholder.get(0) , placeholder, placeholder.data('chart'), pos);
}
}catch(e) {}
ace.helper.redraw(el, true);
}
}
})(jQuery);
/**
<b>Auto content padding on fixed navbar & breadcrumbs</b>.
Navbar's content and height is often predictable and when navbar is fixed we can add appropriate padding to content area using CSS.
But when navbar is fixed and its content size and height is not predictable we may need to add the necessary padding to content area dynamically using Javascript.
It's not often needed and you can have good results using CSS3 media queries to add necessary paddings based on window size.
*/
(function($ , undefined) {
var navbar = $('.navbar').eq(0);
var navbar_container = $('.navbar-container').eq(0);
var sidebar = $('.sidebar').eq(0);
var main_container = $('.main-container').get(0);
var breadcrumbs = $('.breadcrumbs').eq(0);
var page_content = $('.page-content').get(0);
var default_padding = 8
if(navbar.length > 0) {
$(window).on('resize.auto_padding', function() {
if( navbar.css('position') == 'fixed' ) {
var padding1 = !ace.vars['nav_collapse'] ? navbar.outerHeight() : navbar_container.outerHeight();
padding1 = parseInt(padding1);
main_container.style.paddingTop = padding1 + 'px';
if(ace.vars['non_auto_fixed'] && sidebar.length > 0) {
if(sidebar.css('position') == 'fixed') {
sidebar.get(0).style.top = padding1 + 'px';
}
else sidebar.get(0).style.top = '';
}
if( breadcrumbs.length > 0 ) {
if(breadcrumbs.css('position') == 'fixed') {
var padding2 = default_padding + breadcrumbs.outerHeight() + parseInt(breadcrumbs.css('margin-top'));
padding2 = parseInt(padding2);
page_content.style['paddingTop'] = padding2 + 'px';
if(ace.vars['non_auto_fixed']) breadcrumbs.get(0).style.top = padding1 + 'px';
} else {
page_content.style.paddingTop = '';
if(ace.vars['non_auto_fixed']) breadcrumbs.get(0).style.top = '';
}
}
}
else {
main_container.style.paddingTop = '';
page_content.style.paddingTop = '';
if(ace.vars['non_auto_fixed']) {
if(sidebar.length > 0) {
sidebar.get(0).style.top = '';
}
if(breadcrumbs.length > 0) {
breadcrumbs.get(0).style.top = '';
}
}
}
}).triggerHandler('resize.auto_padding');
$(document).on('settings.ace.auto_padding', function(ev, event_name, event_val) {
if(event_name == 'navbar_fixed' || event_name == 'breadcrumbs_fixed') {
if(ace.vars['webkit']) {
//force new 'css position' values to kick in
navbar.get(0).offsetHeight;
if(breadcrumbs.length > 0) breadcrumbs.get(0).offsetHeight;
}
$(window).triggerHandler('resize.auto_padding');
}
});
/**$('#skin-colorpicker').on('change', function() {
$(window).triggerHandler('resize.auto_padding');
});*/
}
})(window.jQuery);
Zerion Mini Shell 1.0