atlas_webapp/atlas/js/views/site/SideNavLayoutView.js

define([ "require", "hbs!tmpl/site/SideNavLayoutView_tmpl", "utils/Utils", "utils/Globals", "utils/UrlLinks" ], function(require, tmpl, Utils, Globals, UrlLinks) {
    "use strict";
    var SideNavLayoutView = Marionette.LayoutView.extend({
        template: tmpl,
        regions: {
            RTagLayoutView: "#r_tagLayoutView",
            RSearchLayoutView: "#r_searchLayoutView",
            RGlossaryLayoutView: "#r_glossaryLayoutView"
        },
        ui: {
            tabs: ".tabs li a"
        },
        templateHelpers: function() {
            return {
                apiBaseUrl: UrlLinks.apiBaseUrl
            };
        },
        events: function() {
            var events = {};
            return events["click " + this.ui.tabs] = function(e) {
                var urlString = "", elementName = $(e.currentTarget).data(), tabStateUrls = Globals.saveApplicationState.tabState, urlStateObj = Utils.getUrlState, hashUrl = Utils.getUrlState.getQueryUrl().hash;
                urlStateObj.isTagTab() ? hashUrl != tabStateUrls.tagUrl && (Globals.saveApplicationState.tabState.tagUrl = hashUrl) : urlStateObj.isSearchTab() && hashUrl != tabStateUrls.searchUrl && (Globals.saveApplicationState.tabState.searchUrl = hashUrl), 
                "tab-classification" == elementName.name ? urlString = tabStateUrls.tagUrl : "tab-search" == elementName.name ? urlString = tabStateUrls.searchUrl : "tab-glossary" == elementName.name && (urlString = tabStateUrls.glossaryUrl), 
                Utils.setUrl({
                    url: urlString,
                    mergeBrowserUrl: !1,
                    trigger: !0,
                    updateTabState: !0
                });
            }, events;
        },
        initialize: function(options) {
            this.options = options;
        },
        onRender: function() {
            this.renderTagLayoutView(), this.renderSearchLayoutView(), this.renderGlossaryLayoutView(), 
            this.selectTab();
        },
        renderTagLayoutView: function() {
            var that = this;
            require([ "views/tag/TagLayoutView" ], function(TagLayoutView) {
                that.RTagLayoutView.show(new TagLayoutView(_.extend(that.options, {
                    collection: that.options.classificationDefCollection
                })));
            });
        },
        renderSearchLayoutView: function() {
            var that = this;
            require([ "views/search/SearchLayoutView" ], function(SearchLayoutView) {
                that.RSearchLayoutView.show(new SearchLayoutView(that.options));
            });
        },
        renderGlossaryLayoutView: function() {
            var that = this;
            require([ "views/glossary/GlossaryLayoutView" ], function(GlossaryLayoutView) {
                that.RGlossaryLayoutView.show(new GlossaryLayoutView(that.options));
            });
        },
        selectTab: function() {
            var that = this, activeTab = function(options) {
                var view = options.view;
                that.$(".tabs").find('li a[aria-controls="tab-' + view + '"]').parents("li").addClass("active").siblings().removeClass("active"), 
                that.$(".tab-content").find("div#tab-" + view).addClass("active").siblings().removeClass("active");
            };
            if (Utils.getUrlState.isSearchTab() || Utils.getUrlState.isInitial() || Utils.getUrlState.isAdministratorTab() || Utils.getUrlState.isDebugMetricsTab()) activeTab({
                view: "search"
            }); else if (Utils.getUrlState.isTagTab()) activeTab({
                view: "classification"
            }); else if (Utils.getUrlState.isGlossaryTab()) activeTab({
                view: "glossary"
            }); else if (Utils.getUrlState.isDetailPage()) {
                var queryParams = Utils.getUrlState.getQueryParams(), view = "search";
                queryParams && queryParams.from && ("classification" == queryParams.from ? view = "classification" : "glossary" == queryParams.from && (view = "glossary")), 
                activeTab({
                    view: view
                });
            }
        }
    });
    return SideNavLayoutView;
});