contrail-layout.js

/*
 * Copyright (c) 2014 Juniper Networks, Inc. All rights reserved.
 */

function handleSideMenu() {
    $('#menu-toggler').on('click', function () {
        $('#sidebar').toggleClass('display');
        $(this).toggleClass('display');
        return false;
    });
    //opening submenu
    var $minimized = false;
    $('.nav-list').on('click', function (e) {
        if ($minimized) return;

        //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 = $(e.target).closest('.dropdown-toggle');
        if (link_element && link_element.length > 0) {
            var sub = link_element.next().get(0);
            toggleSubMenu(sub);
            return false;
        }
    });
}

function toggleSubMenu(subMenu, linkId) {
    //if we are opening this submenu, close all other submenus except the ".active" one
    if (!$(subMenu).is(':visible')) {//ie, we are about to open it and make it visible
        $('.open > .submenu').each(function () {
            if (this != subMenu) {
                $(this).slideUp(200).parent().removeClass('open').removeClass('active');
            }
        });
        $(subMenu).slideToggle(200).parent().toggleClass('open').toggleClass('active');
    }
    if (linkId != null) {
        $('.submenu > li').each(function () {
            $(this).removeClass('active');
        });
        $(linkId).addClass('active');
    }
};

function onClickSidebarCollapse() {
    var $minimized = false;
    $('#sidebar').toggleClass('menu-min');
    $('#sidebar-collapse').find('i').toggleClass('icon-chevron-left').toggleClass('icon-chevron-right');

    $minimized = $('#sidebar').hasClass('menu-min');
    if ($minimized) {
        $('.open > .submenu').removeClass('open');
    }
}

function enableSearchAhead() {
    $('#nav-search-input').contrailAutoComplete({
        source:siteMapSearchStrings,
        select: function( event, ui ) {
        	searchSiteMap();
        }
    });
}

function searchSiteMap() {
    var searchString = $('#nav-search-input').val(), hash, queryParams;
    for (hash in siteMap) {
        if (siteMap[hash]['searchStrings'].indexOf(searchString.trim()) != -1) {
            lastHash = $.bbq.getState();
            queryParams = siteMap[hash]['queryParams'];
            currHash = {p:hash, q:queryParams};
            onHashChange(lastHash, currHash);
            lastHash = currHash;
            return false;
        }
    }
    return false;
};

function generalInit() {
    $('.ace-nav [class*="icon-animated-"]').closest('a').on('click', function () {
        var icon = $(this).find('[class*="icon-animated-"]').eq(0);
        var $match = icon.attr('class').match(/icon\-animated\-([\d\w]+)/);
        icon.removeClass($match[0]);
        $(this).off('click');
    });

    $('#btn-scroll-up').on('click', function () {
        var duration = Math.max(100, parseInt($('html').scrollTop() / 3));
        $('html,body').animate({scrollTop:0}, duration);
        return false;
    });

}

function openWidget(id) {
    var $this = $(id).find('.widget-toolbar > a[data-action]');
    var $box = $this.closest('.widget-box');
    var $body = $box.find('.widget-body');
    var $icon = $this.find('[class*=icon-]').eq(0);
    var $match = $icon.attr('class').match(/icon\-(.*)\-(up|down)/);
    var $icon_down = 'icon-' + $match[1] + '-down';
    var $icon_up = 'icon-' + $match[1] + '-up';
    $body = $body.find(':first-child').eq(0);
    if ($box.hasClass('collapsed')) {
        if ($icon) $icon.addClass($icon_up).removeClass($icon_down);
        $box.removeClass('collapsed');
        $body.slideDown(200);
    }
    if ($box.hasClass('collapsed') && $icon) $icon.addClass($icon_down).removeClass($icon_up);
};

function collapseWidget(id) {
    var $this = $(id).find('.widget-toolbar > a[data-action]');
    var $box = $this.closest('.widget-box');
    var $body = $box.find('.widget-body');
    var $icon = $this.find('[class*=icon-]').eq(0);
    var $match = $icon.attr('class').match(/icon\-(.*)\-(up|down)/);
    var $icon_down = 'icon-' + $match[1] + '-down';
    var $icon_up = 'icon-' + $match[1] + '-up';
    $body = $body.find(':first-child').eq(0);
    if (!($box.hasClass('collapsed'))) {
        if ($icon) $icon.addClass($icon_down).removeClass($icon_up);
        //$body.slideUp(300, function () {
            $box.addClass('collapsed');
        //});
    }
};

function toggleWidget(id) {
    var $this = $(id);
    var $box = $this.closest('.widget-box');
    var $body = $box.find('.widget-body');
    var $icon = $this.find('[class*=icon-]').eq(0);
    var $match = $icon.attr('class').match(/icon\-(.*)\-(up|down)/);
    var $icon_down = 'icon-' + $match[1] + '-down';
    var $icon_up = 'icon-' + $match[1] + '-up';
    $body = $body.wrapInner('<div class="widget-body-inner"></div>').find(':first-child').eq(0);
    if ($box.hasClass('collapsed')) {
        if ($icon) $icon.addClass($icon_up).removeClass($icon_down);
        $box.removeClass('collapsed');
        $body.slideDown(200);
    } else {
        if ($icon) $icon.addClass($icon_down).removeClass($icon_up);
        $body.slideUp(300, function () {
            $box.addClass('collapsed');
        });
    }
    if ($box.hasClass('collapsed') && $icon) $icon.addClass($icon_down).removeClass($icon_up);
};

function toggleWidgetsVisibility(showWidgetIds, hideWidgetIds) {
    for(var i = 0; i < showWidgetIds.length; i++) {
        $('#' + showWidgetIds[i]).removeClass('hide');
    }
    for(var j = 0; j < hideWidgetIds.length; j++) {
        $('#' + hideWidgetIds[j]).addClass('hide');
    }
};

function initWidgetBoxes() {
    $('.widget-toolbar > a[data-action]').each(function () {
        initWidget(this);
    });
};

function initWidget4Id(id) {
    $(id).find('.widget-toolbar > a[data-action]').each(function () {
            initWidget(this);
        }
    );
};

function initWidget(widget) {
    var $this = $(widget);
    var $action = $this.data('action');
    var $box = $this.closest('.widget-box');

    if ($action == 'collapse') {
        /*var $body = $box.find('.widget-body');
        var $icon = $this.find('[class*=icon-]').eq(0);
        var $match = $icon.attr('class').match(/icon\-(.*)\-(up|down)/);
        var $icon_down = 'icon-' + $match[1] + '-down';
        var $icon_up = 'icon-' + $match[1] + '-up';

        $body = $body.wrapInner('<div class="widget-body-inner"></div>').find(':first-child').eq(0);
        $this.on('click', function (ev) {
            if ($box.hasClass('collapsed')) {
                if ($icon) $icon.addClass($icon_up).removeClass($icon_down);
                $box.removeClass('collapsed');
                $body.slideDown(200);
            } else {
                if ($icon) $icon.addClass($icon_down).removeClass($icon_up);
                $body.slideUp(300, function () {
                    $box.addClass('collapsed')
                });
            }
            ev.preventDefault();
        });
        if ($box.hasClass('collapsed') && $icon) $icon.addClass($icon_down).removeClass($icon_up);*/

    } else if ($action == 'close') {
        $this.on('click', function (ev) {
            $box.hide(300, function () {
                $box.remove();
            });
            ev.preventDefault();
        });
    } else if ($action == 'close-hide') {
        $this.on('click', function (ev) {
            $box.slideUp();
            ev.preventDefault();
        });
    } else if ($action == 'reload') {
        $this.on('click', function (ev) {
            $this.blur();
            //var $body = $box.find('.widget-body');
            var $remove = false;
            if (!$box.hasClass('position-relative')) {
                $remove = true;
                $box.addClass('position-relative');
            }
            $box.append('<div class="widget-box-layer"><i class="icon-spinner icon-spin icon-2x white"></i></div>');
            setTimeout(function () {
                $box.find('> div:last-child').remove();
                if ($remove) $box.removeClass('position-relative');
            }, parseInt(Math.random() * 1000 + 1000));
            ev.preventDefault();
        });
    } else if ($action == 'settings') {
        $this.on('click', function (ev) {
            ev.preventDefault();
        });
    }
};

//code taken from http://code.jquery.com/jquery-1.8.3.js to provide simple browser detection for 1.9+ versions
function addBrowserDetection($) {
    if (!$.browser) {
        var matched, browser;

        // Use of jQuery.browser is frowned upon.
        // More details: http://api.jquery.com/jQuery.browser
        // jQuery.uaMatch maintained for back-compat
        $.uaMatch = function (ua) {
            ua = ua.toLowerCase();

            var match = /(chrome)[ \/]([\w.]+)/.exec(ua) ||
                /(webkit)[ \/]([\w.]+)/.exec(ua) ||
                /(opera)(?:.*version|)[ \/]([\w.]+)/.exec(ua) ||
                /(msie) ([\w.]+)/.exec(ua) ||
                ua.indexOf("compatible") < 0 && /(mozilla)(?:.*? rv:([\w.]+)|)/.exec(ua) ||
                [];

            return {
                browser:match[ 1 ] || "",
                version:match[ 2 ] || "0"
            };
        };

        matched = $.uaMatch(navigator.userAgent);
        browser = {};

        if (matched.browser) {
            browser[ matched.browser ] = true;
            browser.version = matched.version;
        }

        // Chrome is Webkit, but Webkit is also Safari.
        if (browser.chrome) {
            browser.webkit = true;
        } else if (browser.webkit) {
            browser.safari = true;
        }

        $.browser = browser;

    }
}

function onWindowResize() {
    //Trigger resize event on current view
    if ((globalObj.currMenuObj != null))
        if (globalObj.currMenuObj['class'] != null)
            globalObj.currMenuObj['class'].resize();
}

function getScript(url, callback) {
    var scriptPath = url + '?built_at=' + built_at;
    globalObj['loadedScripts'].push(url);
    return $.ajax({
        type:"GET",
        url:scriptPath,
        success:callback,
        dataType:"script",
        cache:true
    });
};

function loadCSS(cssFilePath) {
    var links = document.getElementsByTagName('link'),
        loadcss = true;

    var loadedCSSs = $.map(links, function (idx, obj) {
        return link.getAttribute('href');
    });
    if ($.inArray(cssFilePath, loadedCSSs) == -1) {
        $("<link/>", {
            rel:"stylesheet",
            type:"text/css",
            href:cssFilePath
        }).appendTo("head");
    }
}

function LayoutHandler() {
    //Don't escape ":[]" characters while pushing state via bbq
    $.param.fragment.noEscape(":[]");
    var self = this;
    this.loadHeader = function () {
    }

    /** Get view height excluding header & footer **/
    this.getViewHeight = function () {
        var windowHeight = $(window).height();
        //To enforce minimum height
        if (windowHeight < 768)
            windowHeight = 768;
        //Subtract the height of pageHeader and seperator height
        return (windowHeight - $('#pageHeader').outerHeight() - 1);
    }

    /** Returns the entire hash object */
    this.getURLHashObj = function () {
        return $.bbq.getState();
    }

    /** Override the entire hash object with the given one */
    this.setURLHashObj = function (obj) {
        if(!menuHandler.isHashExists(obj))
            return
        var currHashObj = self.getURLHashObj();
        //Update Hash only if it differs from current hash
        if (JSON.stringify(sort(currHashObj)) != JSON.stringify(sort(obj))) {
            $.bbq.pushState(obj,2);
        }
    }

    /** Returns the value of 'q' in urlHash which is used to maintain the state within a page */
    this.getURLHashParams = function () {
        var urlHash = $.bbq.getState('q');
        return ifNull(urlHash, {});
    }

    /** Sets the vaue of 'q' in urlHash */
    this.setURLHashParams = function (hashParams, obj) {
        var merge = true, triggerHashChange = true;
        if(!menuHandler.isHashExists(obj))
                return
        if (obj != null) {
            merge = ifNull(obj['merge'], true);
            triggerHashChange = ifNull(obj['triggerHashChange'], true);
        }
        //Update Hash only if it differs from current hash
        var currHashParams = self.getURLHashParams();
        //If merge is true, merge the parameters before comparing current hash with the new hash going to be pushed
        if ((merge == true) && (typeof(hashParams) == 'object'))
            hashParams = $.extend({},currHashParams, hashParams);
        if (JSON.stringify(sort(currHashParams)) != JSON.stringify(sort(hashParams))) {
            //To avoid loading the view again
            if (triggerHashChange == false)
                globalObj.hashUpdated = 1;
            if ((obj != null) && (obj['p'] != null))
                $.bbq.pushState({p:obj['p'], q:hashParams});
            else
                $.bbq.pushState({q:hashParams});
        }
    }
}

function onHashChange(lastHash, currHash) {
    hideHardRefresh();
    if ($('.modal-backdrop').is(':visible')) {
        $('.modal-backdrop').remove();
        $('.modal').remove();
    }
    var currPageHash = ifNull(currHash['p'], ''),
        lastPageHash = ifNull(lastHash['p'], ''),
        currPageQueryStr = ifNull(currHash['q'], {}),
        lastPageQueryStr = ifNull(lastHash['q'], {}),
        reloadMenu = true, currPageHashArray, subMenuId;

    var lastMenuObj = menuHandler.getMenuObjByHash(lastPageHash),
        webServerInfo = globalObj['webServerInfo'];

    try {
        if (currPageHash == '') {
            if(webServerInfo['loggedInOrchestrationMode'] == 'vcenter') {
                //If vCenter is the only orchestration model
                if(webServerInfo['orchestrationModel'].length == 1)
                    currPageHash = "mon_infra_dashboard";
                else
                    currPageHash = 'mon_net_dashboard';
            } else if(webServerInfo['featurePkg']['serverManager'] && !webServerInfo['featurePkg']['webController']) {
                currPageHash = "setting_sm_clusters";
            } else if($.inArray(roles['ADMIN'], webServerInfo['role']) > -1) {
                currPageHash = "mon_infra_dashboard";
            } else if ($.inArray(roles['TENANT'], webServerInfo['role']) > -1) {
                currPageHash = "mon_net_dashboard";
            }
        }
        var currMenuObj = menuHandler.getMenuObjByHash(currPageHash);
        //Toggle menu button only if there is a change in hash of main menu[Monitor/Configure/Settings/Queries]
        menuHandler.toggleMenuButton(null, currPageHash, lastPageHash);
        //If curr URL is same as default URL, remove non-menu breadcrumbs
        //Always re-load the view if menu is clicked

        //If hashchange is within the same page
        if ((lastPageHash == currPageHash)
                && (globalObj['menuClicked'] == null || globalObj['menuClicked'] == false)) {
            var deferredObj = $.Deferred();
            menuHandler.loadResourcesFromMenuObj(currMenuObj,deferredObj);
            deferredObj.done(function() {
                //If hashchange is within the same page
                var currMenuObj = menuHandler.getMenuObjByHash(currPageHash);
                $.each(currMenuObj['resources']['resource'],function(idx,currResourceObj) {
                    if (window[currResourceObj['class']] != null && 
                        window[currResourceObj['class']]['updateViewByHash'] != null) {
                        window[currResourceObj['class']].updateViewByHash(currPageQueryStr, lastPageQueryStr);
                    }
                });
            });
        } else {
            globalObj['menuClicked'] = false;
            //Clean-up the oldView if present
            if ((lastHash != null) && (lastHash['p'] != null)) {
                var menuObj = menuHandler.getMenuObjByHash(lastHash['p']);
                menuHandler.destroyView(menuObj);
            }
            var currMenuObj = menuHandler.getMenuObjByHash(currPageHash);
            menuHandler.loadViewFromMenuObj(currMenuObj);
        }
    } catch (error) {
        console.log(error.stack);
    }
}

function getMenuButtonName(buttonHash) {
    if (buttonHash == "mon") {
        return "monitor"
    } else if (buttonHash == "config") {
        return "configure";
    } else if (buttonHash == "query") {
        return "query";
    } else if (buttonHash == "setting") {
        return "setting";
    } else {
        return "monitor";
    }
}

function check2ReloadMenu(lastPageHash, currentMenu) {
    var lastPageHashArray, reloadMenu = true;
    if (lastPageHash != null && lastPageHash != "") {
        lastPageHashArray = lastPageHash.split("_");
        reloadMenu = (lastPageHashArray[0] == currentMenu) ? false : true;
    }
    return reloadMenu;
}

/* JSON Highlighter + Expand & Collapse */
function syntaxHighlight(json) {
	json = JSON.stringify(json, undefined, 2)
	json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
    var syntaxedJson = json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
    	var cls = 'number';
        if (/^"/.test(match)) {
            if (/:$/.test(match)) {
                cls = 'key';
            } else {
                cls = 'string';
            }
        } else if (/true|false/.test(match)) {
            cls = 'boolean';
        } else if (/null/.test(match)) {
            cls = 'null';
        }

        if(cls == 'key'){
        	match = match.replace(/"/g,'');
        	return '<span class="' + cls + '">' + match + '</span>';
        }
        return '<span class="' + cls + '">' + match + '</span>';
    });

    syntaxedJson = syntaxedJson.replace(/\]/g, ']</span></span>');
    syntaxedJson = syntaxedJson.replace(/\[/g, '<span class="preBlock"><i class="icon-minus"></i><span class="collapsed hide"> [...]</span><span class="expanded"> [');

    syntaxedJson = syntaxedJson.replace(/\}/g, '}</span></span>');
    syntaxedJson = syntaxedJson.replace(/\{/g, '<span class="preBlock"><i class="icon-minus"></i><span class="collapsed hide"> {...}</span><span class="expanded"> {');
    
    return syntaxedJson;
}

/**
 * Loads the feature screen based on given hashParams
 */
function loadFeature(hashParams) {
    globalObj['menuClicked'] = true;
    //Set hashUpdated flag only if current URL hashParams differs from the passed on
    if(JSON.stringify(layoutHandler.getURLHashObj()) != JSON.stringify(hashParams)) {
        globalObj['hashUpdated'] = 1;
    }
    layoutHandler.setURLHashObj(hashParams);
    //Hiding the last updated time and refresh icon on click of an item left menu
    //hideHardRefresh();
    //Call onHashChange explicitly,as hashchange event is not triggered if there is no change in hahsParams being pushed
    onHashChange(lastHash,hashParams);
}

/* Info Window Modal*/
function showInfoWindow(msg, title, detail,yesFunction) {
    //detail = "check check check check check <br> check check check
    //check check check check check <br> check check check";
    if ($('.modal-backdrop').is(':visible')) {
        var nameValue = $('body').find('#infoWindow').attr('id');
        if(nameValue != undefined){
            if(($("#infoWindow").hasClass( "in" ))){
                $('.modal-backdrop').remove();
                $('.modal').remove();
            }
        }
    }
    var content = '<div id="short-msg"><p>' + msg + '</p></div>';
    var footerValue = [];
	if(detail != "" && detail != undefined) {
	    content += '<div id="detail" class=""><p><br>' + detail + '</p></div>';
        footerValue.push({
	        title: 'Show More',
            className: 'detailNote'
        });
    }
    if(yesFunction != "" && yesFunction != null){
        footerValue.push({
           title: 'Yes',
 	       onclick: window[yesFunction],
 	       className: 'btn-primary'
        });
        footerValue.push({
            title: 'No',
 	       onclick: 'close',
 	       className: 'btn-primary'
        });
    } else {
        footerValue.push({
            title: 'Close',
 	       onclick: 'close',
 	       className: 'btn-primary'
        });
    }
    $.contrailBootstrapModal({
        id: 'infoWindow',
        title: title,
        body: content,
        footer: footerValue
    });

    if(detail != "" && detail != undefined) {
        $("#detail").addClass("hide");
        $('.detailNote').on('click',function () {
	        if($('.detailNote').text().trim() == "Show More") {
	            $('.detailNote').html("Show Less");
                $("#detail").removeClass("hide");
            } else {
                $('.detailNote').html("Show More");
                $("#detail").addClass("hide");
            }
        });
    }
    $('#infoWindow').css('z-index',1052);
    $('.modal-backdrop:last-child').css('z-index',1051);
}

var lastHash = {};
$.xhrPool = [];
var previous_scroll = $(window).scrollTop();
var scrollHeight = $(document).height() - $(window).height();
$(document).ready(function () {
	if(getCookie('username') != null){
		$('#user_info').text(getCookie('username'));
	}
	$('#user-profile').show();
    //Listener to expand/collapse widget based on toggleButton in widget header
    $("#content-container").find('div.widget-box div.widget-header div.widget-toolbar a[data-action="collapse"]').live('click',function(){
        $(this).find('i').toggleClass('icon-chevron-up').toggleClass('icon-chevron-down');
        var widgetBodyElem = $(this).parents('div.widget-box').find('div.widget-body');
        var widgetBoxElem = $(this).parents('div.widget-box');
        $(widgetBoxElem).toggleClass('collapsed'); 
    });
    
    // expand/collapse widget on click of widget header
    $("#content-container").find('div.widget-box div.widget-header h4').live('click',function(){
        $(this).parents('div.widget-header').find('a[data-action="collapse"] i').toggleClass('icon-chevron-up').toggleClass('icon-chevron-down');
        var widgetBodyElem = $(this).parents('div.widget-box').find('div.widget-body');
        var widgetBoxElem = $(this).parents('div.widget-box');
        $(widgetBoxElem).toggleClass('collapsed'); 
    }); 
    
    $('.preBlock i').live('click', function(){
    	$(this).toggleClass('icon-minus').toggleClass('icon-plus');
    	if($(this).hasClass('icon-minus')){
    		$(this).parent('.preBlock').find('.collapsed').hide();
        	$(this).parent('.preBlock').find('.expanded').show();
        	$(this).parent('.preBlock').find('.preBlock').show();
        	if($(this).parent('.preBlock').find('.preBlock').find('.expanded').is(':visible')){
        		$(this).parent('.preBlock').find('.preBlock').find('.collapsed').hide();
        		$(this).parent('.preBlock').find('.preBlock').find('i').removeClass('icon-plus').addClass('icon-minus');
            }
        	else{
        		$(this).parent('.preBlock').find('.preBlock').find('.collapsed').show();
        		$(this).parent('.preBlock').find('.preBlock').find('i').removeClass('icon-minus').addClass('icon-plus');
        	}
        }
    	else if($(this).hasClass('icon-plus')){
    		$(this).parent('.preBlock').find('.collapsed').show();
        	$(this).parent('.preBlock').find('.expanded').hide();
        }
    });
    
    $(window).on('scroll', function () {
        scrollHeight = $(document).height() - $(window).height();
        var current_scroll = $(this).scrollTop();

        if (current_scroll < 50 || previous_scroll - current_scroll > 40) {
            $("#pageHeader").show();
            $('#sidebar').removeClass('scrolled');
            $('#breadcrumbs').removeClass('scrolled');
            $('#back-to-top').fadeOut();
        }
        else {
            $("#pageHeader").hide();
            $('#sidebar').addClass('scrolled');
            $('#breadcrumbs').addClass('scrolled');
            $('#back-to-top').fadeIn();
        }
        if (current_scroll < scrollHeight) {
            previous_scroll = $(window).scrollTop();
        }
    });
    
    $('#back-to-top').click(function(event) {
		event.preventDefault();
		$('html, body').animate({scrollTop: 0}, 500);
		return false;
	});

    //Handle if any ajax response fails because of session expiry and redirect to login page
    $(document).ajaxComplete(function (event, xhr, settings) {
        var urlHash = window.location.hash;
        var redirectHeader = xhr.getResponseHeader('X-Redirect-Url');
        if (redirectHeader != null) {
            //Carry the current hash parameters to redirect URL(login page) such that user will be taken to the same page once he logs in
            if(redirectHeader.indexOf('#') == -1)
                window.location.href = redirectHeader + urlHash;
            else
                window.location.href = redirectHeader;
        }
    });
    layoutHandler = new LayoutHandler();
    menuHandler = new MenuHandler();
    layoutHandler.loadHeader();
    menuHandler.loadMenu();
    //Load view once menu is loaded
    menuHandler.deferredObj.done(function () {
        onHashChange({}, $.bbq.getState());
    });
    jQuery.support.cors = true;
    $.ajaxSetup({
        cache: false,
        crossDomain:true,
        //set the default timeout as 30 seconds
        timeout:30000,
        beforeSend:function (xhr, settings) {
            if(globalObj['webServerInfo'] != null && globalObj['webServerInfo']['loggedInOrchestrationMode'] != null)
                xhr.setRequestHeader("x-orchestrationmode",globalObj['webServerInfo']['loggedInOrchestrationMode']);
            xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
        },
        error:function (xhr, e) {
            //ajaxDefErrorHandler(xhr);
        }
    });
    //$(window).resize(onWindowResize);
    lastHash = $.bbq.getState();
    $(window).hashchange(function () {
        currHash = $.bbq.getState();
        //Don't trigger hashChange if URL hash is updated from code
        //As the corresponding view has already been loaded from the place where hash is updated
        //Ideally,whenever to load a view,just update the hash let it trigger the handler,instead calling it manually
        if (globalObj.hashUpdated == 1) {
            globalObj.hashUpdated = 0;
            lastHash = currHash;
            return;
        }
        logMessage('hashChange', JSON.stringify(lastHash), ' -> ', currHash);
        logMessage('hashChange', JSON.stringify(currHash));
        onHashChange(lastHash, currHash);
        lastHash = currHash;
    });
    handleSideMenu();
    enableSearchAhead();
    addBrowserDetection(jQuery);
    generalInit();

    //bootstrap v 2.3.1 prevents this event which firefox's middle mouse button "new tab link" action, so we off it!
    $(document).off('click.dropdown-menu');
    $(document).on('TEMPLATE_LOADED', function (e) {
        //console.info(e);
    })
});


$.allajax = (function($) {
    var xhrPool = [];
    var ajaxId = 0;
    $(document).ajaxSend(function(e, jqXHR, options){
        if(options.abortOnNavigate != false && options.abortOnNavigate != "false"){
            xhrPool.push(jqXHR);
        }
    });
    $(document).ajaxComplete(function(e, jqXHR, options) {
        var index = xhrPool.indexOf(jqXHR);
        if (index > -1) {
            xhrPool.splice(index, 1);
        }
    });
    this.abort = function () {
        for(var i=0; i<xhrPool.length; i++) {
            xhrPool[i].abort();
        }
    };

    return this;
})($);

Object.identical = function (a, b, sortArrays) {

    function sort(object) {
        if (sortArrays === true && Array.isArray(object)) {
            return object.sort();
        }
        else if (typeof object !== "object" || object === null) {
            return object;
        }

        return Object.keys(object).sort().map(function (key) {
            return {
                key:key,
                value:sort(object[key])
            };
        });
    }

    return JSON.stringify(sort(a)) === JSON.stringify(sort(b));
};

$.fn.modal.Constructor.prototype.enforceFocus = function () {
};