WebBuild/wwwroot/tenants/themes/compact/components/nav/nav.js

var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
    return new (P || (P = Promise))(function (resolve, reject) {
        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
        step((generator = generator.apply(thisArg, _arguments || [])).next());
    });
};
var Unibase;
(function (Unibase) {
    let Themes;
    (function (Themes) {
        let Compact;
        (function (Compact) {
            let Components;
            (function (Components) {
                class Nav extends Unibase.Platform.Core.BaseComponent {
                    constructor() {
                        super();
                        this.indexInstance = Unibase.Themes.Compact.Components.Index.Instance();
                        this.layoutIndex = this.indexInstance.layoutIndex;
                        this.leftLayout = this.indexInstance.leftLayout;
                        this.topLayout = this.indexInstance.topLayout;
                        this.topLeftLayout = this.indexInstance.topLeftLayout;
                        this.currentTheme = this.indexInstance.currentTheme;
                        this.Logo = this.indexInstance.Logo;
                        this.desktopMode = this.indexInstance.desktopMode;
                        this.tabMode = this.indexInstance.tabMode;
                        this.switchToSecondary = false;
                        this.isRestrictHidden = '';
                        this.initialLoad = false;
                        this.isList = false;
                        this.isDshboardBck = false;
                        this.isDshboardBckArray = [];
                        this.dashboards = [];
                        this.apps = [];
                        this.createapps = [];
                        this.fileCacheHelper.loadCssFile("tenants/themes/compact/components/nav/nav.style.css", null);
                    }
                    cssFiles() {
                        return [];
                    }
                    jsFiles() {
                        return [];
                    }
                    html(id, containerid) {
                        var _a, _b, _c, _d;
                        var instance = this;
                        var BranchName = "NA";
                        var TrimmedBranchName = "NA";
                        if (Unibase.Platform.Membership.Infos.Identity.getCurrentUser().settings != null) {
                            var branch = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().settings.find(x => x.settingName == "branchname");
                            if (branch != undefined) {
                                BranchName = branch.settingValue;
                                TrimmedBranchName = BranchName.length > 20 ? branch.settingValue.substring(0, 20) + "..." : BranchName;
                            }
                        }
                        var branchshortcode = "NA";
                        if (Unibase.Platform.Membership.Infos.Identity.getCurrentUser().settings != null) {
                            var branchname = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().settings.find(x => x.settingName == "branchcode");
                            if (branchname != undefined && branchname != null) {
                                branchshortcode = branchname.settingValue;
                            }
                        }
                        var TrimmedUserName = "";
                        var UserName = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().name;
                        if (UserName != null && UserName != undefined && UserName != "") {
                            TrimmedUserName = UserName.length > 20 ? UserName.substring(0, 20) + "..." : UserName;
                        }
                        if (Unibase.Platform.Membership.Infos.Identity.currentUser.isRestrictedUser) {
                            instance.isRestrictHidden = 'd-none';
                        }
                        var adminHtml = '';
                        let html = `<div class="biz-menu biz-primary-color biz-primary-text-color biz-highlight-color"><div class="biz-nav-fullwidth hidden"></div><div class="biz-main-menu shadow">`;
                        html += `<div class="menu-content-wrap">
						<ul class="navbar-nav flex-column">
                            <li class="nav-item nav-button d-xl-none d-lg-block" id="nav-button-close">
                                <a class="nav-link btn btn-icon btn-flush-nav btn-rounded biz-primary-text-color w-100" href="javascript:;" id="biz_nav_close">
									<span class="btn-icon-wrap"><i class="dripicons dripicons-cross"></i></span>
								</a>
							</li>` +
                            `<li class="nav-item sunbnav-active nav-button" id="nav-button-dashboards" data-buttonType='nav-button-dashboards'>
                                <a class="nav-link d-none" href="javascript:;" onclick="javascript:Unibase.Themes.Compact.Components.Nav.Instance().showNavOptions(1);" id="lnkDashboards">
									<span class="nav-icon-wrap" data-tooltip="true" title="Dashboard"><i class="dripicons dripicons-archive nav-link-icon"></i></span>
								</a>
							</li>`;
                        html += `<li class="nav-item nav-button d-none" id="nav-button-apps" data-buttonType='nav-button-apps'>
                                <a class="nav-link d-none" href="javascript:;" onclick="javascript:Unibase.Themes.Compact.Components.Nav.Instance().showNavOptions(2);" id="lnkApps">
									<span class="nav-icon-wrap" data-tooltip="true" title="Apps"><i class="dripicons dripicons-view-apps nav-link-icon"></i></span>
								</a>
							</li>
                            <li class="nav-item nav-button d-none" id="nav-button-create">
                                <a class="nav-link d-none" href="javascript:;" onclick="javascript:Unibase.Themes.Compact.Components.Nav.Instance().showNavOptions(3);" id="lnkCreate">
									<span class="nav-icon-wrap" data-tooltip="true" title="Create"><i class="dripicons dripicons-plus"></i></span>
								</a>
							</li>
                            <li class="nav-item nav-button d-none" id="nav-button-reports" data-buttonType='nav-button-reports'>
                                <a class="nav-link d-none" href="javascript:;" onclick="javascript:Unibase.Themes.Compact.Components.Nav.Instance().showNavOptions(4);" id="lnkReports">
									<span class="nav-icon-wrap" data-tooltip="true" title="Reports"><i class="dripicons dripicons-graph-pie nav-link-icon"></i></span>
								</a>
							</li>
						</ul>
					</div>
				
				<!-- Sidebar Fixnav -->
				<div class="biz-bottom-nav-menu">
					<ul class="nav nav-light">
                    <li class="nav-item nav-button d-none" id="nav-button-conversation">
                        <a class="nav-link dropdown-toggle no-caret" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lnkConversation">
							<span class="nav-icon-wrap"><i class="dripicons dripicons-conversation"></i></span>
						</a>
					</li>`;
                        if ((_a = this.currentUser) === null || _a === void 0 ? void 0 : _a.isAdmin) {
                            let hiddenClass = this.layoutIndex == instance.topLayout ? "d-none d-xl-block" : "";
                            if (this.layoutIndex == instance.leftLayout || !instance.desktopMode) {
                                adminHtml = `<li class="nav-item dropdown" id="nav-settings-dropdown">
							<a href="javascript:;" class="nav-link dropdown-toggle no-caret py-1" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
								<span class="nav-icon-wrap"><i class="fa fa-cogs"></i></span>
							</a>
							<div class="dropdown-menu dropdown-menu-right biz-custom-scrollbar moreoptions" id="bizAppSettingsDpMenu">
                        <div class="d-none d-xl-block"><a href="javascript:;" onclick="Unibase.Themes.Compact.Components.Nav.Instance().loadLayoutBuilder()" class="dropdown-item"><i class="dropdown-icon fa fa-desktop"></i><span>Layout Builder</span></a>
                        <a href="javascript:;" onclick="Unibase.Themes.Compact.Components.Nav.Instance().manageDashboards()" class="dropdown-item db-setting-dp-item"><i class=" dropdown-icon fa fa-list"></i><span>Manage Dashboards</span></a>
                        <a href="javascript:;" onclick="Unibase.Themes.Compact.Components.Nav.Instance().addWidget()" class="dropdown-item db-setting-dp-item"><i class="dropdown-icon fa fa-arrows-alt"></i><span>Design Dashboard</span></a></div>
                        <a href="javascript:;" onclick="Unibase.Themes.Compact.Components.Nav.Instance().loadAppGroups()" class="dropdown-item"><i class=" dropdown-icon fa fa-list"></i><span>Manage Apps</span></a>
                            <div class="dropdown-divider"></div>
								<a class="dropdown-item" href="javascript:;" id="btnrefresh_dataapis">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh DataApis</span>
						</a>
						<a class="dropdown-item" href="javascript:;" id="btnrefresh_actionproviders">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh Action Providers</span>
						</a>
						<a class="dropdown-item" href="javascript:;" id="btnrefresh_integrationproviders">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh Integration Providers</span>
						</a>
						<a class="dropdown-item" href="javascript:;" id="btnrefresh_Controls">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh Controls</span>
						</a>
						<a class="dropdown-item" href="javascript:;" id="btnrefresh_Forms">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh Forms</span>
						</a>
                        <a class="dropdown-item" href="javascript:;" id="btnrefresh_Autocompletes">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh AutoCompletes</span>
						</a>
						<a class="dropdown-item" href="javascript:;" id="btnrefresh_Widgetlayouts">
							<i class="dropdown-icon fa fa-refresh"></i>
							<span>Refresh WidgetLayouts</span>
						</a>
                        <a class="dropdown-item" href="javascript:;" id="btnrefresh_FileProviders">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh FileProviders</span>
						</a>
                        <a class="dropdown-item" href="javascript:;" id="btnrefresh_PrintProviders">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh PrintProviders</span>
						</a>
                        <a class="dropdown-item" href="javascript:;" id="btnrefresh_StaticReportObject">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh StaticReportObject</span>
						</a>
                        <a class="dropdown-item" href="javascript:;" id="btnupdate_datalistcolums">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Update ReportQuery</span>
						</a>
                        <a class="dropdown-item" href="javascript:;" id="btnrefresh_cryptoproviders">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh CryptoProviders</span>
						</a>
                        <a class="dropdown-item" href="javascript:;" id="btnrefresh_templateproviders">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh TemplateProviders</span>
						</a>
                        <a class="dropdown-item" href="javascript:;" id="btn_refreshnotificationproviders">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh AutomationProviders</span>
						</a>
							</div>
						</li>`;
                                adminHtml += `<li class="nav-item d-xl-none" id="nav-button-changebranch">
                         <a href="javascript:;" class="nav-link lnk_nav_changebranch py-1" id="lnk_nav_changebranch"><div class="mx-1 biz-primary-text-color border border-2 nav-location-icon rounded" data-tooltip="true" title="` + BranchName + `"><p class="text-uppercase"style="padding: 0 2px;font-size: 10px;font-weight: 700;">` + branchshortcode + `</p></div></a>
                        </li>
                        <li class="nav-item dropdown mob-view" id="nav-profile-dropdown">
                            <a class="nav-link dropdown-toggle no-caret py-1 pb-2" href="javascript:;" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<span class="nav-icon-wrap profile-Img-Update" data-tooltip="true" title="Profile"><i class="la la-user-circle font-25"></i></span>
							</a>
                            <div class="dropdown-menu dropdown-menu-right profile-dropdown-menu" data-dropdown-in="flipInX" data-dropdown-out="flipOutX">
		                        <a class="dropdown-item d-flex  align-items-center border-bottom py-3 lnk_nav_profile"  href="javascript:;" id="lnk_nav_profile" data-tooltip="true" title="` + UserName + `">  <div class="w-30p"><i class="fa fa-user"></i></div>  <div class="link_nav_profile text-truncate w-100"> ` + TrimmedUserName + `</div> </a>`;
                                if (this.switchToSecondary) {
                                    adminHtml += `<a class="dropdown-item border-bottom d-flex align-items-center py-3" href="#"><div class="w-30p"><i class="fa fa-server"></i></div><div class="">Switch to Secondary</div></a>`;
                                }
                                adminHtml += `<a class="dropdown-item border-bottom d-flex align-items-center py-3 btn_cloudsettings 1" id="btn_cloudsettings" href="javascript:;"><div class="w-30p"><i class="fa fa-cloud"></i></div><div class="">Cloud Settings</div></a>
                            <a href="javascript:;" class="dropdown-item border-bottom d-none align-items-center py-3 lnk_nav_changebranch"><div class="w-30p"><i class="fa fa-map-marker"></i></div><div>${BranchName}</div></a><a href="javascript:;" class="dropdown-item border-bottom d-none align-items-center py-3 app-settings-dropdown" id="nav-settings-dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><div class="w-30p"><i class="fa fa-cogs"></i></div><div>Settings</div></a>
		                    <a class="dropdown-item d-flex align-items-center py-3 border-bottom userBtnLogoff" id="userBtnLogoff" href="javascript:;"><span class="w-30p"><i class="fa fa-sign-out"></i></span><span>User Logoff</span></a>
                            <a class="dropdown-item btnLogoff d-flex align-items-center py-3 btn_cloudsettings" id="btnLogoff" href="javascript:;"><div class="w-30p"> <i class="fa fa-power-off"></i></div> <div>Logoff </div></a>
                            </div>
                        </li>`;
                            }
                            html += adminHtml;
                        }
                        if (((_b = this.currentUser) === null || _b === void 0 ? void 0 : _b.isAdmin) == false) {
                            let hiddenClass = this.layoutIndex == instance.topLayout ? "d-none d-xl-block" : "";
                            adminHtml = `
                        <li class="nav-item dropdown mob-view" id="nav-profile-dropdown">
                            <a class="nav-link dropdown-toggle no-caret" href="javascript:;" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<span class="nav-icon-wrap profile-Img-Update" data-tooltip="true" title="Profile"><i class="la la-user-circle font-25"></i></span>
							</a>
                            <div class="dropdown-menu dropdown-menu-right" data-dropdown-in="flipInX" data-dropdown-out="flipOutX">
                              <a class="dropdown-item d-flex align-items-center border-bottom py-3 lnk_nav_profile" href="javascript:;" id="lnk_nav_profile" data-tooltip="true" title="` + UserName + `">  <div class="w-30p"><i class="fa fa-user"></i></div>  <div class="link_nav_profile text-truncate w-100"> ` + TrimmedUserName + `</div></a>`;
                            if (this.switchToSecondary) {
                                adminHtml += `<a class="dropdown-item border-bottom d-flex align-items-center py-3" href="javascript:;"><div class="w-30p"><i class="fa fa-server"></i></div><div class="">Switch to Secondary</div></a>`;
                            }
                            adminHtml += `<a class="dropdown-item d-flex align-items-center py-3 border-bottom userBtnLogoff" id="userBtnLogoff" href="javascript:;"><span class="w-30p"><i class="fa fa-sign-out"></i></span><span>User Logoff</span></a>
                                    <a class="dropdown-item btnLogoff d-flex align-items-center py-3 btn_cloudsettings" id="btnLogoff" href="javascript:;"><div class="w-30p"> <i class="fa fa-power-off"></i></div> <div>Logoff </div></a>
                            </div>
                        </li>`;
                            html += adminHtml;
                        }
                        if (this.layoutIndex == instance.leftLayout || this.layoutIndex == instance.topLayout || this.layoutIndex == instance.topLeftLayout) {
                            if (this.layoutIndex == instance.topLayout || this.layoutIndex == instance.topLeftLayout) {
                                let otherHtml = `<a class="nav-link dropdown-toggle no-caret" href="javascript:;" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<span class="nav-icon-wrap profile-Img-Update" data-tooltip="true" title="Profile"><i class="la la-user-circle font-25"></i></span>
							</a>
                            <div class="dropdown-menu dropdown-menu-right bg-white profile-dropdown-menu userdetails" data-dropdown-in="flipInX" data-dropdown-out="flipOutX">
		                        <a class="dropdown-item d-flex align-items-center border-bottom py-3 lnk_nav_profile" href="javascript:;" id="lnk_nav_profile" data-tooltip="true" title="` + UserName + `">  <div class="w-30p"><i class="fa fa-user"></i></div>  <div class="link_nav_profile text-truncate w-100"> ` + TrimmedUserName + `</div> </a>`;
                                if (this.switchToSecondary) {
                                    otherHtml += `<a class="dropdown-item border-bottom d-flex align-items-center py-3" href="#"><div class="w-30p"><i class="fa fa-server"></i></div><div class="">Switch to Secondary</div></a>`;
                                }
                                if ((_c = Unibase.Platform.Membership.Infos.Identity.currentUser) === null || _c === void 0 ? void 0 : _c.isAdmin) {
                                    otherHtml += `<a class="dropdown-item border-bottom d-flex align-items-center py-3 btn_cloudsettings" id="btn_cloudsettings" href="javascript:;"><div class="w-30p"><i class="fa fa-cloud"></i></div><div class="">Cloud Settings</div></a>`;
                                }
                                otherHtml += `
                         <a href="javascript:;" class="dropdown-item border-bottom d-flex align-items-center py-3 lnk_nav_changebranch d-md-none" id="lnk_nav_changebranch"><span class="w-30p"><i class="fa fa-map-marker font-18 text-dark pl-1"></i></span>${BranchName}</a>
                        <a href="javascript:;" class="dropdown-item border-bottom d-flex align-items-center py-3 usertheme" onclick="javascript:Unibase.Themes.Compact.Components.Nav.Instance().loadUserTheme();"><div class="w-30p"><i class="la la-fill-drip font-25" style="transform: rotateY(180deg);"></i></div>Themes</a>
                        <a href="javascript:;" class="dropdown-item border-bottom d-flex align-items-center py-3 btn_help" id="btn_help" aria-haspopup="true" aria-expanded="false"><span class="w-30p"><i class="ti-help-alt text-dark"></i></span><div>Help</div></a>
                         <a href="javascript:;" class="app-settings-dropdown no-caret dropdown-item border-bottom  d-flex align-items-center py-3" id="nav-settings-dropdown" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span class="w-30p"><i class="fa fa-cogs text-dark"></i></span><div>Settings</div></a>
	                    <div class="dropdown-menu dropdown-menu-right biz-custom-scrollbar moreoptions" id="bizAppSettingsDpMenu">
                        <div class="d-none d-xl-block"><a href="javascript:;" onclick="Unibase.Themes.Compact.Components.Nav.Instance().loadLayoutBuilder()" class="dropdown-item"><i class="dropdown-icon fa fa-desktop"></i><span>Layout Builder</span></a>
                        <a href="javascript:;" onclick="Unibase.Themes.Compact.Components.Nav.Instance().manageDashboards()" class="dropdown-item db-setting-dp-item"><i class="dropdown-icon fa fa-list"></i><span>Manage Dashboards</span></a>
                        <a href="javascript:;" onclick="Unibase.Themes.Compact.Components.Nav.Instance().addWidget()" class="dropdown-item db-setting-dp-item"><i class="dropdown-icon fa fa-arrows-alt"></i><span>Design Dashboard</span></a></div>
                        <a href="javascript:;" onclick="Unibase.Themes.Compact.Components.Nav.Instance().loadAppGroups()" class="dropdown-item"><i class="dropdown-icon fa fa-list"></i><span>Manage Apps</span></a>
                            <div class="dropdown-divider"></div>
								<a class="dropdown-item" href="javascript:;" id="btnrefresh_dataapis">
							<i class="dropdown-icon fa fa-refresh"></i>
							<span>Refresh DataApis</span>
						</a>
						<a class="dropdown-item" href="javascript:;" id="btnrefresh_actionproviders">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh Action Providers</span>
						</a>
						<a class="dropdown-item" href="javascript:;" id="btnrefresh_integrationproviders">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh Integration Providers</span>
						</a>
						<a class="dropdown-item" href="javascript:;" id="btnrefresh_Controls">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh Controls</span>
						</a>
						<a class="dropdown-item" href="javascript:;" id="btnrefresh_Forms">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh Forms</span>
						</a>
                        <a class="dropdown-item" href="javascript:;" id="btnrefresh_Autocompletes">
                        <i class=" dropdown-icon fa fa-refresh"></i>
                        <span>Refresh Autocompletes</span>
                        </a>
						<a class="dropdown-item" href="javascript:;" id="btnrefresh_Widgetlayouts">
							<i class="dropdown-icon fa fa-refresh"></i>
							<span>Refresh WidgetLayouts</span>
						</a>
                        <a class="dropdown-item" href="javascript:;" id="btnrefresh_FileProviders">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh FileProviders</span>
						</a>
                        <a class="dropdown-item" href="javascript:;" id="btnrefresh_PrintProviders">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh PrintProviders</span>
						</a>
                        <a class="dropdown-item" href="javascript:;" id="btnrefresh_StaticReportObject">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh StaticReportObject</span>
						</a>
                        <a class="dropdown-item" href="javascript:;" id="btnupdate_datalistcolums">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Update ReportQuery</span>
						</a>
                        <a class="dropdown-item" href="javascript:;" id="btnrefresh_templateproviders">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh TemplateProviders</span>
						</a>
                        <a class="dropdown-item" href="javascript:;" id="btn_refreshnotificationproviders">
							<i class=" dropdown-icon fa fa-refresh"></i>
							<span>Refresh AutomationProviders</span>
						</a>
				       </div>
		<a class="dropdown-item d-flex align-items-center py-3 border-bottom userBtnLogoff" id="userBtnLogoff" href="javascript:;"><span class="w-30p"><i class="fa fa-sign-out"></i></span><span>User Logoff</span></a>
        <a class="dropdown-item btnLogoff d-flex align-items-center py-3 btn_cloudsettings" id="btnLogoff" href="javascript:;"><div class="w-30p"><i class="fa fa-power-off"></i></div>Logoff</a>
                            </div>`;
                                $('#nav-profile-dropdown').append(otherHtml);
                            }
                            let layoutNavId = "";
                            if (this.layoutIndex == instance.leftLayout) {
                                if (instance.desktopMode)
                                    layoutNavId = "#biz-right-side-menu .navbar-nav";
                                else
                                    layoutNavId = "#biz-layout-1-nav";
                            }
                            else if (this.layoutIndex == instance.topLayout) {
                                layoutNavId = "#layout2-nav";
                            }
                            else if (this.layoutIndex == instance.topLeftLayout) {
                                layoutNavId = "#biz-layout-3-nav";
                            }
                            if (this.desktopMode && (this.layoutIndex == instance.topLayout || this.layoutIndex == instance.topLeftLayout)) {
                                $(layoutNavId).prepend(adminHtml);
                            }
                            if (instance.tabMode) {
                                $(layoutNavId).prepend(`<li class="nav-item">
            <a href="javascript:;" class="nav-link lnk_nav_changebranch" id="lnk_nav_changebranch" data-tooltip="true" title="${BranchName}"><div class="biz-primary-text-color border border-2 nav-location-icon rounded" ><p class="text-uppercase font-weight-700 text-center" style="padding: 0 2px;font-size: 10px;width:2rem">${branchshortcode}</p></div></a>
           </li>
             <li class="nav-item mx-2 mx-md-0 chat-nav-item d-none dropdown-notifications">
                <a href="javascript:;" class="navbar-settings-toggle-btn nav-link" title="Chat" onclick="Unibase.Themes.Compact.Components.Nav.Instance().loadChat();">
			        <span class="nav-icon-wrap"><i class="fa fa-comments-o font-20 chatAppIcon"></i></span><span class="badge-wrap">
                        <span class="badge badge-danger font-12 d-none" style="position:absolute;top:-6px;left:1px" id="chatIconBadge">0</span>
                    </span>
		        </a>
	        </li>
            <li class="nav-item dropdown dropdown-notifications d-none d-md-block mx-2 mx-md-0 ">
                <a href="javascript:;" class="navbar-settings-toggle-btn nav-link no-caret"  onclick="javascript:Unibase.Themes.Compact.Components.Notification.Instance().loadReminders();">
                    <span class="nav-icon-wrap" data-tooltip="true" title="Notifications"><i class="dripicons dripicons-bell font-17"></i>
        </span>
                    <span class="badge-wrap">
                        <span class="badge badge-danger font-12 d-none" id="notificatonIconBadge"></span>
                    </span>
                </a>
            </li>
            <li class="nav-item dropdown dropdown-notifications d-none d-md-block mx-2 mx-md-0">
                <a href="javascript:;" class="navbar-settings-toggle-btn nav-link no-caret" onclick="javascript:Unibase.Themes.Compact.Components.Notification.Instance().loadTasks();">
                    <span class="nav-icon-wrap" data-tooltip="true" title="Tasks"><i class="dripicons dripicons-checklist font-17"></i></span>
                    <span class="badge-wrap">
                        <span class="badge badge-danger font-12 d-none" id="taskIconBadge"></span>
                    </span>
                </a>
            </li>`);
                            }
                            else {
                                let mobileTopNavItemsHtml = `<li class="nav-item nav-date-filter-dp ${instance.isRestrictHidden}" id="navCmnDateFilterDp">
                <a href="javascript:;" class="nav-link dropdown-toggle no-caret biz-primary-text-color" data-toggle="dropdown"><i class="las la-calendar font-25"></i>
		        </a>
              <div class="dropdown-menu nav-date-filter-dp-menu py-1 px-0" id="dynamic-filters_navCmnDateFilter" onclick="event.stopPropagation();">
              </div>
	        </li>
             <li class="nav-item mx-md-0 chat-nav-item d-none dropdown-notifications">
                <a href="javascript:;" class="navbar-settings-toggle-btn nav-link" title="Chat" onclick="Unibase.Themes.Compact.Components.Nav.Instance().loadChat();">
			        <span class="nav-icon-wrap"><i class="fa fa-comments-o font-20 chatAppIcon"></i></span><span class="badge-wrap">
                        <span class="badge badge-danger font-12 d-none" style="position:absolute;top:-6px;left:1px" id="chatIconBadge">0</span>
                    </span>
		        </a>
	        </li>
            <li class="nav-item dropdown dropdown-notifications">
                <a href="javascript:;" class="navbar-settings-toggle-btn nav-link no-caret" onclick="javascript:Unibase.Themes.Compact.Components.Notification.Instance().loadTasks('tab-view');">
                    <span class="nav-icon-wrap"><i class="dripicons dripicons-bell font-17"></i></span>
                    <span class="badge-wrap">
                        <span class="badge badge-danger font-12 d-none" id="notificatonIconBadge"></span>
                    </span>
                </a>
            </li>
            <li class="nav-item dropdown d-none">
                <a class="nav-link dropdown-toggle no-caret" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" id="lnkConversation">
                    <span class="nav-icon-wrap"><i class="dripicons dripicons-conversation text-white"></i></span>
                </a>
            </li>`;
                                $(layoutNavId).find('.nav-item').not('#nav-profile-dropdown').remove();
                                $(layoutNavId).prepend(mobileTopNavItemsHtml);
                                if (screen.width <= 360) {
                                    $(layoutNavId).find('li a i').removeClass('font-25 font-20 font-17').addClass('font-18');
                                    $(layoutNavId).find('li.chat-nav-item').removeClass('mx-2');
                                }
                            }
                            if (instance.tabMode) {
                                let html = `<li class="nav-item dropdown layout-2 right-side-menu-userdetails" id="right_side_menu_userdetails">
	            <a class="nav-link dropdown-toggle no-caret text-white" href="javascript:void(0);" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
		            <span class="nav-icon-wrap profile-Img-Update" data-tooltip="true" title="Profile"><i class="la la-user-circle font-25"></i></span>
	            </a>
	            <div class="dropdown-menu userdetails">
		            <a class="dropdown-item d-flex align-items-center border-bottom py-3 lnk_nav_profile"  href="javascript:;" id="lnk_nav_profile" data-tooltip="true" title="` + UserName + `">  <div class="w-30p"><i class="fa fa-user"></i></div>  <div class="link_nav_profile text-truncate w-100"> ` + TrimmedUserName + `</div> </a>`;
                                if (this.switchToSecondary) {
                                    html += `<a class="dropdown-item border-bottom d-flex align-items-center py-3" href="#"><div class="w-30p"><i class="fa fa-server"></i></div><div class="">Switch to Secondary</div></a>`;
                                }
                                if ((_d = Unibase.Platform.Membership.Infos.Identity.currentUser) === null || _d === void 0 ? void 0 : _d.isAdmin) {
                                    html += `<a class="dropdown-item border-bottom d-flex align-items-center py-3 btn_cloudsettings" id="btn_cloudsettings" href="javascript:;"><div class="w-30p"><i class="fa fa-cloud"></i></div><div class="">Cloud Settings</div></a>`;
                                }
                                html += `<a href="javascript:;" class="dropdown-item border-bottom d-flex align-items-center py-3 btn_help" id="btn_help" aria-haspopup="true" aria-expanded="false"><span class="w-30p"><i class="ti-help-alt text-dark"></i></span><div>Help</div></a><a class="dropdown-item d-flex align-items-center py-3 border-bottom userBtnLogoff" id="userBtnLogoff" href="javascript:;"><span class="w-30p"><i class="fa fa-sign-out"></i></span><span>User Logoff</span></a>
                    <a class="dropdown-item btnLogoff d-flex align-items-center py-3 btn_cloudsettings" id="btnLogoff" href="javascript:;"><div class="w-30p"> <i class="fa fa-power-off"></i></div> <div>Logoff </div></a>
	            </div>
            </li>
            ${instance.desktopMode && !instance.indexInstance.isLeftLayout() ? `<li class="nav-item nav-date-filter-item ${instance.isRestrictHidden}" id="navCmnDateFilterItem"><div class="flex-center position-relative"><div id="dynamic-filters_navCmnDateFilter"></div><span class="nav-icon-wrap line-height-0 cursor-pointer" data-tooltip="true" title="Global Datepicker" id="navGlobalDatepickerIcon"><i class="las la-calendar font-25"></i></span></div></li>` : `<li class="nav-item dropdown nav-date-filter-dp mx-2 mx-md-0 ${instance.isRestrictHidden}" id="navCmnDateFilterDp">
                <a href="javascript:;" class="nav-link dropdown-toggle no-caret biz-primary-text-color" data-toggle="dropdown"><span class="nav-icon-wrap" data-tooltip="true" title="Global Datepicker"><i class="las la-calendar font-25"></i></span>
		        </a>
              <div class="dropdown-menu nav-date-filter-dp-menu py-1" id="dynamic-filters_navCmnDateFilter" onclick="event.stopPropagation();">
              </div>
	        </li>`}
            <li class="nav-item dropdown mx-2 mx-md-0 d-none ${instance.layoutIndex == instance.leftLayout ? 'd-flex' : ''} usertheme">
                <a href="javascript:;" class="navbar-settings-toggle-btn nav-link" onclick="javascript:Unibase.Themes.Compact.Components.Nav.Instance().loadUserTheme();">
		            <span class="nav-icon-wrap" data-tooltip="true" title="Themes"><i class="la la-fill-drip font-25" style="transform: rotateY(180deg);"></i></span>
	            </a>
            </li>`;
                                $(layoutNavId).prepend(html);
                            }
                            $(".navbar-settings-toggle-btn").click(function () {
                                $(".biz-wrapper,.hk-wrapper").addClass("biz-settings-toggle");
                            });
                            $('#right_side_menu_userdetails').on('show.bs.dropdown', function () {
                                $(".settings-panel-close").click();
                                $('#right_side_menu_userdetails').addClass('right-sunbnav-active');
                            });
                            $('#right_side_menu_userdetails').on('hide.bs.dropdown', function () {
                                $('#right_side_menu_userdetails').removeClass('right-sunbnav-active');
                            });
                            $(".btn_help").click(function () {
                                Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFiles(['platform/apps/managers/appmanager.js'], function () {
                                    Unibase.Platform.Apps.Managers.AppManager.Instance().getInstallAppId("Bizgaze_Extension_Support_Help_App_Help").then(function (res) {
                                        Unibase.Themes.Compact.Components.Nav.Instance().loadList(res.result.InstalledAppId);
                                    });
                                });
                            });
                            Unibase.Platform.Analytics.Components._CommonFilter.Instance().commonFilter(0, '_navCmnDateFilter');
                            $('#navCmnDateFilterDp').on('show.bs.dropdown', function () {
                                $(".settings-panel-close").click();
                                $(this).addClass('right-sunbnav-active');
                                Unibase.Platform.Analytics.Components._CommonFilter.Instance().commonFilter(0, '_navCmnDateFilter');
                            });
                            $('#navCmnDateFilterDp').on('hide.bs.dropdown', function () {
                                $(this).removeClass('right-sunbnav-active');
                            });
                            $('#navGlobalDatepickerIcon').click(function () {
                                $('#report-daterange_navCmnDateFilter-0').trigger('click');
                            });
                            if (!instance.desktopMode) {
                                const filterIconEl = $('#navCmnDateFilterDp .nav-link');
                                filterIconEl.removeAttr('data-toggle');
                                $('#dynamic-filters_navCmnDateFilter').addClass('d-none');
                                filterIconEl.click(function () {
                                    Unibase.Platform.Analytics.Components._CommonFilter.Instance().commonFilter(0, '_navCmnDateFilter');
                                    $("#bizCmnDateFilterModal").modal({
                                        show: true,
                                        backdrop: 'static'
                                    });
                                });
                            }
                        }
                        html += `</ul></div>
				<!--/ Sidebar Fixnav-->
			</div>	
			<!-- Secondary Menu Pane -->
			<div class="biz-submenu">
                    <a class="navbar-brand" onclick="javascript:Unibase.Themes.Compact.Components.Nav.Instance().getNavParentGroups();">
						<img class="brand-img d-inline-block" src="${this.Logo}" alt="brand" onerror="ReloadImage(event)" data-dynamic="1" style="height: 35px">
					</a>`;
                        html += `<div class="nav-header header-wth-search border-bottom mb-10 mx-10 ${instance.isRestrictHidden}">
									<div class="nav-header-text">
										<a class="d-flex btn-search-toggle w-100" href="javascript:void(0);" id="searchToggleBtn">
                                        <ul class="d-flex list-inline justify-content-between align-items-center w-100">
                                        <li class="nav-title-item text-truncate mr-10"><span class="sub-heading-uppercase nav-title">Title</span></li>
                                        <li class="nav-search-icon-item"><i class="fa fa-search"></i></span></li>
                                        </ul></a>

									</div>
									<div class="form-group nav-search w-100">
										<div class="input-group input-group-type-2">
											<input type="text" id="txt_global_Search" placeholder="Search..." class="form-control transparent-input pl-1 pr-25" autocomplete="off">
											<div class="input-group-append">
												<span class="input-group-text pa-0">
													<a href="javascript:;" class="search-icon fe-x clear-search btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-20p h-20p" onclick="Unibase.Themes.Compact.Components.Nav.Instance().clearNavSearch();">
														<span class="btn-icon-wrap"><i class="dripicons dripicons-cross"></i></span>
													</a>
													<a href="javascript:;" class="search-icon fe-x close-search btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-20p h-20p">
														<span class="btn-icon-wrap"><i class="dripicons dripicons-cross"></i></span>
													</a>
												</span>
											</div>
										</div>
									</div>
								</div>
				<div data-simplebar class="simple-scroll-bar submenu-scroll-bar flex-grow-1 pb-15">
                <div class="nav-options-container nav-dashboards" id="nav-dashboards-container">
				<ul class="navbar-nav nav-dashboards" id="nav-dashboards" data-navigation="Back2Path"></ul>
				</div>
				<div class="nav-options-container nav-apps hidden" id="nav-apps-container">               
				<ul class="navbar-nav flex-column" id="nav-apps"></ul>
				</div>
				<div class="nav-options-container nav-create hidden" id="nav-create-container">
                <ul class="navbar-nav flex-column" id="nav-create"></ul>
				</div>
				<div class="nav-options-container nav-reports hidden" id="nav-reports-container">
				<ul class="navbar-nav flex-column" id="nav-reports"></ul>
				</div>
                <div class="nav-options-container nav-notifications hidden nav-item dropdown-notifications" id="nav-notifications-container">
				<div id="nav-notifications" class=""><div class="notifications-nicescroll-bar biz-dropdown-tasks"></div></div>
				</div>
                <div class="nav-options-container nav-filters hidden" id="nav-filters-container">
				<div class="navbar-nav flex-column" id="nav-filters_old"></div>
                <div id="_report_filter_buttons"></div></div>
                <div class="nav-options-container nav-widgets-container hidden" id="nav-widgets-container">
				<div id="nav-widgets"></div>
				</div>
                <div class="nav-options-container nav-widgets-container hidden" id="nav-branches-container">
				<ul id="nav-branches" class="nav"></ul>
				</div>
                <div class="nav-options-container nav-navitems-container hidden" id="nav-navitems-container">
				<ul id="nav-navitems" class="navbar-nav flex-column"  data-navigation="Back2Path"></ul>
				</div>
			</div>
			<!-- /Secondary Menu Pane -->
		</div></div>`;
                        return html;
                    }
                    loadimage() {
                        var _a;
                        var userImage = (_a = this.currentUser) === null || _a === void 0 ? void 0 : _a.photoUrl;
                        if (userImage != null && userImage != undefined && userImage != "") {
                            $("#loginUserImg").attr("src", userImage);
                        }
                        else {
                            $("#loginUserImg").attr("src", "tenants/themes/compact/imgs/avatar.svg");
                        }
                    }
                    load(id, containerid, callback) {
                        const instance = this;
                        var html = this.html(0, containerid);
                        if (this.layoutIndex == instance.leftLayout) {
                            $("#" + containerid).html(html);
                        }
                        $(window).on('orientationchange', function () {
                            if ((screen.width < 1198 || isMobileApp) && screen.width > screen.height) {
                                var msg = 'Screen Rotation detected <br> Do you wish to Refresh ? ';
                                bootbox.confirm({
                                    message: msg,
                                    closeButton: false,
                                    buttons: {
                                        confirm: {
                                            label: 'OK',
                                            className: 'btn-success'
                                        },
                                        cancel: {
                                            label: 'Cancel',
                                            className: 'btn-danger'
                                        }
                                    },
                                    callback: function (result) {
                                        if (result) {
                                            location.reload();
                                        }
                                        else {
                                            $('#modal_popup_EditLineItem').modal('hide');
                                            bootbox.hideAll();
                                            return false;
                                        }
                                    }
                                });
                            }
                        });
                        var rightSideNavItem = ".biz-wrapper .biz-right-side-menu .right-side-menu-content-wrap .navbar-nav > li.nav-item";
                        $(rightSideNavItem).click(function () {
                            $(rightSideNavItem).removeClass('right-sunbnav-active');
                            $(this).addClass('right-sunbnav-active');
                        });
                        this.appendSettingPanelHtml();
                        this.loadSettingGroups(containerid);
                        this.loadUserProfile(containerid);
                        this.loadimage();
                        this.loadNotifications("nav-notifications");
                        this.loadLayoutSettings();
                        this.getNavParentGroups();
                        if (!Unibase.Platform.Membership.Infos.Identity.currentUser.isAdmin) {
                            $("#nav-settings-dropdown").removeClass('d-flex').addClass('d-none');
                            $(".usertheme").removeClass('d-flex').addClass("d-none");
                        }
                        let photourl = Unibase.Platform.Membership.Infos.Identity.currentUser.photoUrl;
                        if (photourl) {
                            if (photourl.includes("~")) {
                                photourl = photourl.slice(2);
                            }
                            if ($(".biz-wrapper").hasClass("biz__bottom__nav__menu") == true) {
                                $('.biz-layout-2-top-navbar  .profile-Img-Update').parent().addClass("w-40p");
                                let checkclass = $('.profile-Img-Update').parent().parent(".right_side_menu_userdetails");
                                $('.profile-Img-Update').html(`<img src='` + photourl + `' class="img-fluid w-30p h-30p rounded-circle" onerror="ReloadImage(event)" data-dynamic="1" style="object-fit: cover;">`);
                            }
                            else {
                                $('.profile-Img-Update').parent().addClass("w-40p");
                                $('.profile-Img-Update').parent().parent().addClass("mt-1");
                                $('.profile-Img-Update').html(`<img src='` + photourl + `' class="img-fluid w-30p h-30p rounded-circle" onerror="ReloadImage(event)" data-dynamic="1" style="object-fit: cover;"  >`);
                            }
                        }
                        $(".link_nav_profile").text(Unibase.Platform.Membership.Infos.Identity.currentUser.name);
                        $(".lnk_nav_profile").click(function () {
                            instance.navigationHelper.loadDetail(Unibase.Platform.Membership.Infos.Identity.currentUser.userId, Unibase.Platform.Membership.Infos.Identity.getSetting("installedappid"), null);
                            $('.biz-wrapper').removeClass('biz__nav__toggle');
                            $('.biz-nav-fullwidth').addClass('hidden');
                        });
                        $(".lnk_nav_changebranch").click(function () {
                            instance.loadBranches("nav-branches");
                        });
                        $(".btn_cloudsettings").click(function () {
                            instance.showNavOptions(13);
                        });
                        if (this.layoutIndex == instance.topLayout || this.layoutIndex == instance.topLeftLayout)
                            this.loadAllOtherNavs();
                        var idleTime = 0;
                        $("#bizgaze_body").ready(function () {
                            setInterval(timerIncrement, 1000);
                            $(this).mousemove(function (e) {
                                idleTime = 0;
                            });
                            $(this).keypress(function (e) {
                                idleTime = 0;
                            });
                        });
                        function timerIncrement() {
                            idleTime = idleTime + 1;
                            if (idleTime >= 3600) {
                                if (!isMobileApp()) {
                                    var checkcount = $("#bizgaze_body").find("#_bizgaze_modal").find("#sessionsModal").length;
                                    if (checkcount == 0) {
                                        Unibase.Themes.Compact.Components.Nav.instance.sessiontimeout("nav-branches");
                                    }
                                }
                                ;
                            }
                        }
                        $("#bizgaze_body").on("click", ".nav-footer-link", function () {
                            $(".nav-footer-link").removeClass("active");
                            $(this).addClass("active");
                        });
                        if (instance.layoutIndex == instance.topLeftLayout && Unibase.Platform.Membership.Infos.Identity.currentUser.settings) {
                            const companyName = Unibase.Platform.Membership.Infos.Identity.currentUser.settings.find(x => x.settingName == "companyname");
                            if (companyName != undefined) {
                                $('#navCompanyName').text(companyName.settingValue);
                            }
                        }
                        if (Unibase.Platform.Membership.Infos.Identity.currentUser.tenant != null) {
                            if (Unibase.Platform.Membership.Infos.Identity.currentUser.tenant.isChatAppEnabled) {
                                $(".chat-nav-item").removeClass("d-none");
                                Unibase.Platform.Connect.Managers.ChatManager.Instance().getUnreadChatCount().then(function (chatcount) {
                                    if (chatcount != 0) {
                                        $('#chatIconBadge').text(chatcount).removeClass('d-none');
                                    }
                                });
                            }
                        }
                        instance.setSettingsDropdownMenuHeight();
                        instance.scrollOnPageUpAndDownKeypress();
                    }
                    loadAllOtherNavs() {
                        Unibase.Themes.Compact.Components.Nav.Instance().showNavOptions(2);
                        Unibase.Themes.Compact.Components.Nav.Instance().showNavOptions(4);
                    }
                    appendSettingPanelHtml() {
                        const html = `<div class="settings-panel-wrap pa-0 h-100 d-flex flex-column ">
                                <div class="settings-panel-head">
                                    <a href="javascript:void(0);" id="settings_panel_close" class="settings-panel-close biz-primary-text-color-removed text-danger">
                                        <span><i class="icon dripicons-chevron-right font-20"></i></span>
                                    </a>
                                    <span class="biz-secondary-text-color mr-auto ml-3" id="settings-panel-head-title"></span>
                                </div>
                                <div data-simplebar id="settingsPanelBodyWrap" class="simple-scroll-bar flex-grow-1">
                                    <div id="settings-panel-body" class="settings-panel-body"></div>
                                </div>
                                <div class="settings-panel-footer text-center notification-footer border-0"></div>
                                <div id="chatPanelBodyWrap" class="chat-panel-wrap h-100 d-none"></div>
                            </div>`;
                        $('.biz-settings-panel').html(html);
                        $(".settings-panel-close").click(function () {
                            $('.settings-panel-head').find('.notification-viewall').html("");
                            $(".biz-wrapper,.hk-wrapper").removeClass("biz-settings-toggle");
                            $('.hk-settings-panel').removeClass('show');
                            $('.right-side-menu-content-wrap').find('.nav-item').removeClass('right-sunbnav-active');
                        });
                        if (!this.indexInstance.mobileLMode) {
                            eval(`jquerySwipeHandler.handleSwipe("#chatPanelBodyWrap", [jquerySwipeHandler.SWIPE_LEFT, jquerySwipeHandler.SWIPE_RIGHT], function (direction) {
                            if(direction == 'SWIPE_LEFT' || direction == 'SWIPE_RIGHT'){
                                Unibase.Platform.Connect.Components.Chat.Instance().routeHandler();
                            }
                        });`);
                        }
                    }
                    scrollOnPageUpAndDownKeypress() {
                        let total = 0;
                        $(window).on('keydown', function (e) {
                            let VisibleContainerId = Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds[Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.length - 1];
                            if (e.keyCode == 38) {
                                total = Number(total - 50);
                                if ($('#' + VisibleContainerId).hasClass("_bizgaze_popup_container")) {
                                    $('#' + VisibleContainerId).find(".simplebar-content-wrapper").scrollTop(total);
                                }
                                else {
                                    $('#' + VisibleContainerId).find(".simplebar-content-wrapper").scrollTop(total);
                                }
                            }
                            if (e.keyCode == 40) {
                                total = Number(total + 50);
                                if ($('#' + VisibleContainerId).hasClass("_bizgaze_popup_container")) {
                                    $('#' + VisibleContainerId).find(".simplebar-content-wrapper").scrollTop(total);
                                }
                                else {
                                    $('#' + VisibleContainerId).find(".simplebar-content-wrapper").scrollTop(total);
                                }
                            }
                            total = total;
                        });
                    }
                    addMenuCollapseClickEvent() {
                        let navItem = $('.hk-wrapper.hk-horizontal-nav .hk-nav .navbar-nav li.nav-item.collapsed');
                        $(navItem).unbind().click(function () {
                            if ($(this).hasClass('active')) {
                                $(this).removeClass('active');
                            }
                            else {
                                $(this).addClass('active');
                            }
                        });
                    }
                    initiateNavSearch(searchEl) {
                        const instance = this;
                        var timer;
                        $(searchEl).off().keyup(function () {
                            clearTimeout(timer);
                            const searchInput = $(this);
                            timer = setTimeout(function () {
                                let parentElement = '', groupItem = '', addedLiGroupItem = '', liGroupItem = '', childGroupItem = '';
                                if (searchInput.hasClass('dashboards-search-input')) {
                                    instance.navInputSearch(searchInput, 'nav-button-dashboard');
                                }
                                else if (searchInput.hasClass('reports-search-input')) {
                                    instance.navInputSearch(searchInput, 'nav-button-reports');
                                    parentElement = '#nav-reports';
                                    addedLiGroupItem = '.lireportgrp-item';
                                    liGroupItem = '.lireportgrp-item';
                                }
                                else if (searchInput.hasClass('apps-search-input')) {
                                    instance.navInputSearch(searchInput, 'nav-button-apps');
                                    parentElement = '#nav-apps';
                                    addedLiGroupItem = '.liappgrp-addeditem';
                                    liGroupItem = '.liappgrp-item';
                                    childGroupItem = '#liAppGroup_1';
                                }
                                if (parentElement != "") {
                                    const SearchTerm = searchInput.val().toString().toLowerCase().replace(/\s/g, '');
                                    if (SearchTerm == "") {
                                        $(groupItem).removeClass("hidden");
                                        $(addedLiGroupItem).removeClass("hidden");
                                        $(`${parentElement} li`).find(".flex-column.show").collapse("hide");
                                        $(childGroupItem).addClass("hidden");
                                        $(groupItem).removeClass("active");
                                        $(`${parentElement} li`).find("a.nav-link").css({ "display": "" });
                                    }
                                    else {
                                        $('.header-wth-search .clear-search').show();
                                        if (searchInput.hasClass('group-search-input')) {
                                            searchInput.siblings('.search-icon').fadeOut();
                                            searchInput.siblings('.clear-search').fadeIn();
                                        }
                                        $(childGroupItem).removeClass("hidden");
                                        $(groupItem).addClass("hidden");
                                        const filteredList = $(parentElement).find('.nav-item input').filter(function () {
                                            if ($(this).attr('value') != undefined) {
                                                return $(this).attr('value').toLowerCase().replace(/\s/g, '').indexOf(SearchTerm) > -1;
                                            }
                                        });
                                        if (filteredList.length > 0) {
                                            filteredList.each(function () {
                                                var value = $(this).attr("value").toLowerCase().replace(/\s/g, '');
                                                $(this).attr("title", value);
                                            }).parent().parent().parent().each(function () {
                                                $(this).removeClass("hidden").addClass('active');
                                                ;
                                                $(this).find(".flex-column").addClass("show").siblings('.nav-link').attr('aria-expanded', 'true');
                                                $(this).find(liGroupItem).addClass("hidden");
                                                $(this).find('input[title *= "' + SearchTerm + '"]').parent().find("a.nav-link").css({ "display": "" });
                                                $(this).find('input[title *= "' + SearchTerm + '"]').parent().removeClass("hidden");
                                            });
                                        }
                                        else {
                                        }
                                    }
                                }
                            }, 1000);
                        });
                        $('.nav-group-search-li .clear-search').hide();
                        $(".nav-group-search-li .clear-search").off('click').click(function () {
                            $(this).siblings('.group-search-input').val("").keyup();
                            $(this).fadeOut();
                            $(this).siblings('.search-icon').fadeIn();
                            $('.top-search-icon').fadeIn();
                        });
                    }
                    navInputSearch(searchInput, name) {
                        let instance = this;
                        const searchTerm = searchInput.val().toString().trim().toLowerCase();
                        let isResultFound = false;
                        $(`[data-buttontype="${name}"] #nav-dashboards .li-dashboard-item, [data-buttontype="${name}"] #nav-apps .nav-AppGroup, [data-buttontype="${name}"] #nav-reports .nav-ReportGroup`).each(function () {
                            const lcval = $(this).find(".nav-link.mega-sub-head-nav-link").text().replace(/\s/g, '').toLowerCase();
                            if (lcval.includes(searchTerm.replace(/\s/g, '')) == true) {
                                $(this).addClass('d-none');
                                isResultFound = false;
                            }
                            else {
                                $(this).hide();
                            }
                        });
                        if (instance.layoutIndex == instance.leftLayout) {
                            $(`#nav-dashboards .li-dashboard-item,  #nav-apps .nav-AppGroup,  #nav-reports .nav-ReportGroup`).each(function () {
                                const lcval = $(this).find('.nav-link').text().replace(/\s/g, '').toLowerCase();
                                if (lcval.indexOf(searchTerm.replace(/\s/g, '')) > -1) {
                                    $(this).show();
                                    isResultFound = true;
                                }
                                else {
                                    $(this).hide();
                                }
                            });
                        }
                        else {
                            $(`[data-buttontype="${name}"] #nav-dashboards .li-dashboard-item, [data-buttontype="${name}"] #nav-apps .nav-AppGroup, [data-buttontype="${name}"] #nav-reports .nav-ReportGroup`).each(function () {
                                $($(this)).find('.drp-list').find('.nav-link').each(function () {
                                    let txtval = $(this).text().toLowerCase();
                                    const val = txtval.includes(searchTerm);
                                    if (val != true) {
                                        $(this).hide();
                                    }
                                    else {
                                        isResultFound = true;
                                        $(this).parents('.nav-item.li-dashboard-item').css({ 'display': '' }).removeClass('d-none');
                                        $(this).parents('.nav-item.nav-AppGroup').css({ 'display': '' }).removeClass('d-none hidden');
                                        $(this).parents(".nav-item.nav-ReportGroup").css({ 'display': '' }).removeClass('d-none');
                                    }
                                });
                            });
                        }
                        $('#nav-dashboards .no-result-item,#nav-apps .no-result-item,#nav-reports .no-result-item').remove();
                        if (!isResultFound) {
                            $(`[data-buttontype="${name}"] #nav-dashboards,[data-buttontype="${name}"] #nav-apps, [data-buttontype="${name}"] #nav-reports`).append('<li class="nav-item no-result-item"><a class="nav-link">No results found!</a></li>');
                        }
                        if (searchTerm != "") {
                            if (searchInput.hasClass('group-search-input')) {
                                searchInput.siblings('.search-icon').fadeOut();
                                searchInput.siblings('.clear-search').fadeIn();
                            }
                        }
                    }
                    clearNavSearch() {
                        const globalInputEl = $('#txt_global_Search');
                        if (globalInputEl.hasClass('apps-search-input')) {
                            $("#nav-apps .nav-AppGroup").removeClass("hidden");
                            $(".liappgrp-addeditem").removeClass("hidden");
                            $("#nav-apps li").find(".flex-column.show").collapse("hide");
                            $("#liAppGroup_1").addClass("hidden");
                        }
                        else if (globalInputEl.hasClass('reports-search-input')) {
                            $("#nav-reports .nav-ReportGroup").removeClass("hidden");
                            $("#nav-reports li").find(".flex-column.show").collapse("hide");
                        }
                        else if (globalInputEl.hasClass('dashboards-search-input')) {
                            $("#nav-dashboards .li-dashboard-item").show().collapse("hide");
                        }
                    }
                    showNavOptions(type) {
                        var _a;
                        let elem;
                        var instance = this;
                        if (instance.layoutIndex == instance.leftLayout) {
                            let prevActive = $('.nav-item.nav-button.sunbnav-active').find('a').attr('onclick');
                            if (prevActive != undefined) {
                                let prevType = Number(prevActive.replace(/\D/g, ''));
                                if (prevType === type && this.initialLoad) {
                                    return;
                                }
                            }
                            instance.initialLoad = true;
                        }
                        $('body').removeClass('active-report-popup');
                        $(".nav-options-container").not('.nav-setting-visible').addClass("hidden");
                        $('.biz-submenu .header-wth-search').find('.nav-header-text').css('pointer-events', 'auto').find('#searchToggleBtn').addClass('btn-search-toggle').find('.nav-search-icon-item').removeClass('d-none');
                        $(".nav-item").removeClass("sunbnav-active");
                        $("#simplescrollbar").removeClass("hidden");
                        if ($('.nav-search').find('.close-search').length > 0) {
                            $('.nav-search').find('.close-search').trigger('click');
                        }
                        if (instance.layoutIndex == instance.leftLayout) {
                            $('.dashboard-setting-dp,.db-setting-dp-item').addClass('d-none');
                            if ($('#bizCmnFilterPanel').hasClass('show'))
                                $('#cmnFilterPanelClose').trigger('click');
                        }
                        switch (type) {
                            case 1:
                                elem = $("#nav-dashboards");
                                $("#nav-dashboards-container").removeClass("hidden");
                                $("#nav-button-dashboards").addClass("sunbnav-active");
                                $(".nav-title").html("Dashboard");
                                if ((_a = this.currentUser) === null || _a === void 0 ? void 0 : _a.isAdmin) {
                                    $('.dashboard-setting-dp,.db-setting-dp-item').removeClass('d-none');
                                }
                                this.applyLeftLayoutSettings('dashboards');
                                Unibase.Platform.Helpers.NavigationHelper.Instance().closeAllModals();
                                this.loadDashboards("nav-dashboards");
                                Unibase.Platform.Helpers.NavigationHelper.Instance().loadSection(0, "", Unibase.Themes.Compact.Components.Dashboard.Instance(), null, null);
                                break;
                            case 2:
                                elem = $("#nav-apps");
                                $("#nav-apps-container").removeClass("hidden");
                                $("#nav-button-apps").addClass("sunbnav-active");
                                $(".nav-title").html("Apps");
                                this.applyLeftLayoutSettings('apps');
                                if (this.apps.length === 0)
                                    this.loadApps("nav-apps");
                                break;
                            case 3:
                                elem = $("#nav-create");
                                $("#nav-create-container").removeClass("hidden");
                                $("#nav-button-create").addClass("sunbnav-active");
                                $(".nav-title").html("Create");
                                if (this.createapps.length === 0)
                                    this.loadCreateApps("nav-create");
                                break;
                            case 4:
                                elem = $("#nav-reports");
                                $("#nav-reports-container").removeClass("hidden");
                                $("#hf_DashboardPortletId").val("");
                                $("#nav-button-reports").addClass("sunbnav-active");
                                $(".nav-title").html("Reports");
                                this.applyLeftLayoutSettings('reports');
                                this.loadReports("nav-reports");
                                break;
                            case 5:
                                elem = $("#nav-settings");
                                $("#nav-settings-container").removeClass("hidden");
                                $("#nav-button-settings").addClass("sunbnav-active");
                                $(".nav-title").html("Settings");
                                this.loadSettingGroups("nav-settings");
                                break;
                            case 6:
                                elem = $("#nav-userprofile");
                                $("#nav-userprofile-container").removeClass("hidden");
                                $("#nav-button-userprofile").addClass("sunbnav-active");
                                this.loadUserProfile("nav-userprofile");
                                break;
                            case 7:
                                elem = $("#nav-notifications");
                                $("#nav-notifications-container").removeClass("hidden");
                                $("#nav-button-notifications").addClass("sunbnav-active");
                                $(".nav-title").html("Notifications");
                                Unibase.Themes.Compact.Components.Notification.Instance().loadReminders();
                                break;
                            case 8:
                                $("#nav-apps-container").removeClass("hidden");
                                break;
                            case 9:
                                elem = $("#nav-widgets");
                                $("#nav-widgets-container").removeClass("hidden");
                                $(".nav-title").html("Widgets");
                                break;
                            case 10:
                                break;
                            case 11:
                                elem = $("#nav-notifications");
                                $("#nav-notifications-container").removeClass("hidden");
                                $(".nav-title").html("Tasks");
                                Unibase.Themes.Compact.Components.Notification.Instance().loadTasks();
                            case 13:
                                elem = $("#nav-fileproviders");
                                this.loadFileProviders("nav-fileproviders");
                                break;
                        }
                    }
                    setSettingsDropdownMenuHeight() {
                        const instance = this;
                        if (instance.layoutIndex == instance.leftLayout) {
                            $('#nav-settings-dropdown').on('shown.bs.dropdown', function () {
                                $('#bizAppSettingsDpMenu').css('max-height', `${window.innerHeight - 60}px`).attr('data-deductheight', '60');
                            });
                            $('#biz-right-side-menu').on('shown.bs.dropdown', '#nav-settings-dropdown', function () {
                                $('#bizAppSettingsDpMenu').css('max-height', `${window.innerHeight - 20}px`).attr('data-deductheight', '20');
                            });
                        }
                        else {
                            $('#nav-settings-dropdown').click(function () {
                                $('#bizAppSettingsDpMenu').css('max-height', `${window.innerHeight - 70}px`).attr('data-deductheight', '70');
                            });
                        }
                    }
                    applyLeftLayoutSettings(navGroup) {
                        const instance = this;
                        if (instance.layoutIndex == instance.leftLayout) {
                            let removeClasses = '';
                            if ($('#txt_global_Search').length != 0 && $('#txt_global_Search').attr('class') != undefined) {
                                removeClasses = $('#txt_global_Search').attr("class").match(/[\w-]*-search-input[\w-]*/g);
                            }
                            $('#txt_global_Search').removeClass(removeClasses).addClass(`${navGroup}-search-input`);
                            instance.initiateNavSearch(`.${navGroup}-search-input`);
                            if ($(`#nav-${navGroup}`).attr('data-istitlehidden') == 'true') {
                                $('.biz-submenu .header-wth-search').addClass('d-none');
                            }
                            else {
                                $('.biz-submenu .header-wth-search').removeClass('d-none');
                            }
                            if (!$(`#nav-button-${navGroup}`).is(':visible')) {
                                $('.biz-submenu .header-wth-search').addClass('d-none').find('#txt_global_Search').removeClass(`#${navGroup}-search-input`);
                            }
                            if ($(`#nav-button-${navGroup}`).attr('data-issettingsenabled') == 'false') {
                                $(`#nav-button-${navGroup}`).nextAll('.nav-button:visible').first().find('.nav-link').trigger('click');
                            }
                        }
                    }
                    loadLayoutSettings() {
                        const instance = this;
                        const settings = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().settings;
                        if (settings) {
                            const themeSettings = settings.find(x => x.settingName == "themeobj");
                            if (themeSettings) {
                                let layoutSettings = themeSettings.settingValue.layoutSettings;
                                if (layoutSettings) {
                                    if (layoutSettings.settingValue) {
                                        let layoutNavSettings = JSON.parse(layoutSettings.settingValue);
                                        const layoutIndex = instance.layoutIndex;
                                        instance.showAllNavGroups();
                                        $.each(layoutNavSettings, function (group, settings) {
                                            const navGroup = group.toString();
                                            if (navGroup != '') {
                                                if (settings.IsEnabled) {
                                                    if (!settings.Icon && !settings.Title) {
                                                        if (layoutIndex == instance.leftLayout) {
                                                            $(`#nav-button-${navGroup}`).addClass('d-none');
                                                            if (navGroup != 'dashboards') {
                                                                $(`#nav-button-${navGroup}`).find('.nav-link').trigger('click');
                                                            }
                                                        }
                                                        else if (layoutIndex == instance.topLayout || layoutIndex == instance.topLeftLayout) {
                                                            if (layoutIndex == instance.topLeftLayout || (layoutIndex == instance.topLayout && !instance.desktopMode)) {
                                                                if (navGroup == 'dashboards') {
                                                                    $('#dash_drp').removeClass('collapse collapse-level-1');
                                                                }
                                                                else if (navGroup == 'apps') {
                                                                    $('#pages_drp').removeClass('collapse collapse-level-1');
                                                                }
                                                                else if (navGroup == 'reports') {
                                                                    $('#reports_drp').removeClass('collapse collapse-level-1');
                                                                }
                                                            }
                                                            $(`.nav-${navGroup}-item .nav-link`).addClass('d-none');
                                                            $(`#nav-${navGroup} .nav-group-search-li`).addClass('d-none');
                                                        }
                                                        $(`#nav-${navGroup}`).attr('data-istitlehidden', 'true');
                                                    }
                                                    else if (!settings.Icon) {
                                                        if (layoutIndex == instance.leftLayout) {
                                                            $(`#nav-button-${navGroup}`).addClass('d-none');
                                                            if (navGroup != 'dashboards')
                                                                $(`#nav-button-${navGroup}`).find('.nav-link').trigger('click');
                                                            $(`#nav-${navGroup}-container`).addClass('nav-setting-visible').prepend(`<a class="nav-link nav-group-collapse-link biz-primary-text-color" href="javascript:void(0);" data-toggle="collapse" data-target="#nav-${navGroup}"><span class="nav-link-text text-capitalize text-truncate mr-10">${navGroup}</span></a>`).find(`#nav-${navGroup}`).addClass('collapse collapse-level-1').prepend(`<li class="nav-item border-bottom nav-group-search-li position-relative"><input type="text" placeholder="Search..." class="${navGroup}-search-input group-search-input w-100 py-1 biz-primary-text-color" autocomplete="off"><span class="search-icon"><i class="fa fa-search"></i></span><a href="javascript:;" class="clear-search btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-20p h-20p"><span class="btn-icon-wrap"><i class="dripicons dripicons-cross"></i></span></a></li>`);
                                                            instance.initiateNavSearch(`.${navGroup}-search-input`);
                                                        }
                                                        else if (layoutIndex == instance.topLayout || layoutIndex == instance.topLeftLayout) {
                                                            $(`.nav-${navGroup}-item .nav-link-icon`).addClass('d-none');
                                                        }
                                                    }
                                                    else if (!settings.Title) {
                                                        if (layoutIndex == instance.topLayout || layoutIndex == instance.topLeftLayout) {
                                                            $(`.nav-${navGroup}-item .nav-link-text`).addClass('d-none');
                                                            $(`#nav-${navGroup} .nav-group-search-li`).addClass('d-none');
                                                        }
                                                        $(`#nav-${navGroup}`).attr('data-istitlehidden', 'true');
                                                    }
                                                }
                                                else {
                                                    if (layoutIndex == instance.leftLayout) {
                                                        $(`#nav-button-${navGroup}`).addClass('d-none').attr('data-issettingsenabled', 'false');
                                                        $(`#nav-${navGroup}-container`).addClass('d-none');
                                                    }
                                                    else if (layoutIndex == instance.topLayout || layoutIndex == instance.topLeftLayout) {
                                                        $(`.nav-${navGroup}-item`).addClass('d-none');
                                                    }
                                                }
                                            }
                                            else {
                                                $('.nav-header-text .nav-title').removeClass('d-none');
                                            }
                                        });
                                        if (layoutIndex == instance.leftLayout) {
                                            instance.hideMainMenuSidebar();
                                            instance.collapseSingleNavGroup();
                                        }
                                        else {
                                            instance.collapseSingleNavGroup();
                                        }
                                    }
                                    else {
                                        instance.showAllNavGroups();
                                    }
                                    if (layoutSettings.isOverrideLogo && layoutSettings.logoImageUrl) {
                                        $('.navbar-brand .brand-img').attr({ 'src': layoutSettings.logoImageUrl, 'data-loaded': 0, 'data-dynamic': 1 });
                                    }
                                }
                                else {
                                    instance.showAllNavGroups();
                                }
                            }
                            else {
                                instance.showAllNavGroups();
                            }
                        }
                        else {
                            instance.showAllNavGroups();
                        }
                    }
                    showAllNavGroups() {
                        const instance = this;
                        const layoutIndex = instance.layoutIndex;
                        if (layoutIndex == instance.leftLayout) {
                            $('.biz-main-menu .menu-content-wrap').find('.nav-button').removeClass('d-none');
                        }
                        else if (layoutIndex == instance.topLayout || layoutIndex == instance.topLeftLayout) {
                            $('#layoutMainNavbar .nav-group-container').removeClass('d-none');
                        }
                    }
                    hideMainMenuSidebar() {
                        const instance = this;
                        let isAllNavButtonsHidden = true;
                        $('.menu-content-wrap .nav-button').not('#nav-button-create,#nav-button-close').each(function (i, e) {
                            if ($(e).is(':visible')) {
                                isAllNavButtonsHidden = false;
                                return false;
                            }
                        });
                        if (isAllNavButtonsHidden) {
                            if (instance.desktopMode) {
                                $('.biz-bottom-nav-menu #nav-settings-dropdown').find('.nav-link').first().removeClass('py-1').parent().detach().appendTo($('.right-side-menu-content-wrap .navbar-nav'));
                                $('.biz-submenu').css({ 'width': '240px', 'left': '0' });
                                $('.biz-pg-wrapper').css('margin-left', '240px');
                            }
                            else {
                                $('.profile-dropdown-menu').find('.lnk_nav_changebranch,.app-settings-dropdown').removeClass('d-none').addClass('d-flex');
                                $('.biz-bottom-nav-menu #nav-settings-dropdown').find('.moreoptions').detach().appendTo('.app-settings-dropdown');
                                $('.biz-bottom-nav-menu').find('#nav-button-changebranch,#nav-settings-dropdown').addClass('d-none');
                                $('#nav-profile-dropdown').detach().appendTo('.biz-navbar-content');
                                $('#nav-profile-dropdown').removeClass('dropdown').find('.nav-link').first().addClass('biz-primary-text-color profile-dropdown-btn').removeClass('pb-2 py-1');
                            }
                            $('.biz-main-menu').addClass('d-none');
                            $('.biz-wrapper').addClass('biz-main-menu-hidden');
                        }
                    }
                    collapseSingleNavGroup() {
                        const instance = this;
                        const layoutIndex = instance.layoutIndex;
                        let navGroupContainer;
                        if (layoutIndex == instance.leftLayout) {
                            navGroupContainer = $('.nav-options-container:visible');
                        }
                        else if (layoutIndex == instance.topLeftLayout) {
                            navGroupContainer = $('.nav-group-container:visible');
                        }
                        else if (layoutIndex == instance.topLayout && !instance.desktopMode) {
                            navGroupContainer = $('.nav-group-container:visible');
                        }
                        if (navGroupContainer && navGroupContainer.length == 1 && navGroupContainer.find('.nav-group-collapse-link').length > 0) {
                            navGroupContainer.find('.collapse').first().collapse('show');
                        }
                    }
                    loadDashboards(containerid) {
                        $("#nav-dashboards .li-dashboard-item").remove();
                        var instance = this;
                        var dashboardmanager = Unibase.Platform.Dashboards.Managers.DashboardManager.Instance();
                        dashboardmanager.getDashboards().then(function (response) {
                            const modalContainerId = instance.navigationHelper.getLastContainerId();
                            if (response.result != null && response.result.length != 0) {
                                let html = "";
                                let dbGroupHtml = "";
                                var grouptemplate = Components.Nav_Template.Instance().DashboardGroupsTemplate();
                                let dbGroupTemplate = Components.Nav_Template.Instance().DashboardGroupsTemplate3();
                                if (instance.desktopMode && instance.layoutIndex == instance.topLayout)
                                    grouptemplate = Components.Nav_Template.Instance().DashboardGroupsTemplate2();
                                var template = Components.Nav_Template.Instance().DashboardsTemplate();
                                var optionTemplate = Components.Nav_Template.Instance().DashboardItemTemplate();
                                var dashboards = response.result;
                                var dashboardgroups;
                                dashboardgroups = [];
                                instance.dashboards = dashboards;
                                if (dashboards != null) {
                                    var prevdashboardgroupname = "";
                                    var firstgroupid = -1;
                                    var groupname = '';
                                    for (let i = 0; i < dashboards.length; i++) {
                                        var dashboard = dashboards[i];
                                        var groupname = dashboard.DashboardGroupName;
                                        if (groupname === null)
                                            groupname = "No Group";
                                        if (firstgroupid === -1) {
                                            firstgroupid = dashboard.DashboardGroupId;
                                            instance.loadDashboardsInDashboard(firstgroupid, 0);
                                        }
                                        var dashboardIndex = dashboardgroups.findIndex(x => x.DashboardGroupId == dashboard.DashboardGroupId && x.DashboardGroupName == groupname);
                                        if (dashboardIndex == -1) {
                                            dashboardgroups.push({
                                                DashboardGroupId: dashboard.DashboardGroupId,
                                                DashboardGroupName: groupname,
                                                DisplayIndex: 0,
                                                ViewAll: true,
                                                IconName: "",
                                                PortletCount: 0
                                            });
                                            prevdashboardgroupname = groupname;
                                        }
                                    }
                                    $(`#${containerid},.dashboard-options-list`).empty();
                                    for (let i = 0; i < dashboardgroups.length; i++) {
                                        let group = dashboardgroups[i];
                                        let groupid = group.DashboardGroupId;
                                        var templateScript = Handlebars.compile(grouptemplate);
                                        var dbTemplateScript = Handlebars.compile(dbGroupTemplate);
                                        let context = { "DashboardGroupId": group.DashboardGroupId, "DashboardGroupName": group.DashboardGroupName };
                                        html = templateScript(context);
                                        dbGroupHtml = dbTemplateScript(context);
                                        $("#" + containerid).append(html);
                                        $("#dbGroupsDropdownList").append(dbGroupHtml);
                                        if (i == 0) {
                                            $('#nav-dashboards,#dbGroupsDropdownList').find('.li-dashboard-item').first().addClass('active-item');
                                            let firstGroupTitle = '';
                                            if ($('.li-dashboard-item').first().text().length != 0) {
                                                firstGroupTitle = $('.li-dashboard-item').first().text().trim();
                                            }
                                            $('#lblDbGroup_Title').text(firstGroupTitle);
                                        }
                                        let groupdashboards = dashboards.filter(function (dashboard, index) {
                                            return dashboard.DashboardGroupId === group.DashboardGroupId;
                                        });
                                        if (groupdashboards.length > 0) {
                                            function dashboardChangeHandler(dashboardId, pinCmnFilters) {
                                                const dashboardOptionListEl = $(".dashboard-options-list");
                                                let dashBoardName = $('#' + dashboardId).find('#hf_Dashboard_DashboardName').attr('data-dashboardname');
                                                const navHelper = Unibase.Platform.Helpers.NavigationHelper;
                                                if (navHelper.ModalContainerIds.length > 1) {
                                                    navHelper.ModalContainerIds.forEach(function (containerId) {
                                                        navHelper.ModalContainerIds = navHelper.ModalContainerIds.filter(id => id !== containerId);
                                                        $(`#${containerId}`).remove();
                                                    });
                                                    $('.modal-backdrop').remove();
                                                }
                                                if (!$('#hf_DashboardPortletId').length && dashboardId) {
                                                    instance.loadDashboardsInDashboard(groupid, dashboardId, true);
                                                }
                                                else {
                                                    instance.loadDashboard(dashboardId, dashBoardName, pinCmnFilters);
                                                }
                                                let groupTitle = $('.liDashboardGroup_' + groupid).find("a").first().text();
                                                $('#lblDbGroup_Title').text(groupTitle);
                                                let groupdashboards = dashboards.filter(function (dashboard, index) {
                                                    return dashboard.DashboardGroupId === group.DashboardGroupId;
                                                });
                                                dashboardOptionListEl.html('');
                                                groupdashboards.forEach(function (dashboard, index) {
                                                    context = dashboard;
                                                    let optiontemplatescript = Handlebars.compile(optionTemplate);
                                                    let optionhtml = optiontemplatescript(context);
                                                    dashboardOptionListEl.append(optionhtml);
                                                });
                                                $('li.li-dashboard-item.active-item,.ligrp-item.active-item').removeClass('active-item');
                                                $(`.liDashboardGroup_${groupid}`).addClass('active-item');
                                                if (dashboardId) {
                                                    $(`.liDashboardGroup_${groupid} .UlItem_${dashboardId}`).addClass('active-item');
                                                    dashboardOptionListEl.find(`#filterItem_${dashboardId}`).addClass("active");
                                                }
                                                else {
                                                    if (instance.desktopMode && instance.layoutIndex === instance.topLayout) {
                                                        $(`#liDashboardGroup_${groupid}`).find('.ligrp-item').first().addClass('active-item');
                                                    }
                                                    dashboardOptionListEl.find('.filter-item').first().addClass("active");
                                                }
                                                instance.removeToolTipForFilterItem(dashboardOptionListEl);
                                            }
                                            groupdashboards.forEach(function (dashboard, index) {
                                                context = dashboard;
                                                templateScript = Handlebars.compile(template);
                                                html = templateScript(context);
                                                if (!instance.desktopMode) {
                                                    dashboard.PinCommonFilters = false;
                                                }
                                                if (instance.desktopMode && instance.layoutIndex == instance.topLayout) {
                                                    const dashboardId = dashboard.DashboardId;
                                                    $(`#dashboard-drp-${groupid}`).append(html);
                                                    if (index === 0) {
                                                        $('#nav-dashboards').find('.ligrp-item').first().addClass('active-item');
                                                    }
                                                    $(`#nav-dashboards .UlItem_${dashboardId} .nav-link`).attr('onclick', '');
                                                    $(`#nav-dashboards .UlItem_${dashboardId} .nav-link`).click(function (e) {
                                                        e.stopPropagation();
                                                        dashboardChangeHandler(dashboardId, dashboard.PinCommonFilters);
                                                        $("#dash_drp").css('display', 'none');
                                                    });
                                                }
                                                let optionTemplateScript = Handlebars.compile(optionTemplate);
                                                let optionHtml = optionTemplateScript(context);
                                                if (i == 0) {
                                                    const dashboardOptionListEl = $(".dashboard-options-list");
                                                    dashboardOptionListEl.append(optionHtml);
                                                    if (index == groupdashboards.length - 1) {
                                                        dashboardOptionListEl.find('.filter-item').first().addClass("active");
                                                        instance.removeToolTipForFilterItem(dashboardOptionListEl);
                                                    }
                                                    if (index === 0 && dashboard.PinCommonFilters) {
                                                        Unibase.Themes.Compact.Components.Dashboard.Instance().loadCommonFilterPanel(modalContainerId);
                                                    }
                                                }
                                            });
                                        }
                                    }
                                    if (dashboardgroups.length > 5) {
                                        instance.appendNavSearchInput(containerid);
                                    }
                                    else if (instance.layoutIndex == instance.leftLayout) {
                                        $('.biz-submenu .header-wth-search').find('.nav-header-text').css('pointer-events', 'none').find('#searchToggleBtn').removeClass('btn-search-toggle').find('.nav-search-icon-item').addClass('d-none');
                                    }
                                    instance.loadTopNavMegaMenu('nav-dashboards');
                                }
                            }
                            else {
                                $(`#${containerid}`).html('<li class="nav-item"><a class="nav-link">No Dashboards!</a></li>');
                                let createDbHtml = '';
                                if (Unibase.Platform.Membership.Infos.Identity.getCurrentUser().isAdmin) {
                                    createDbHtml = `<a href = "javascript:;" class="btn btn-outline-primary btn-sm mt-10 create-db-group-btn" onclick = "Unibase.Themes.Compact.Components.Dashboard.Instance().loadCreateDashboard();" > Create Dashboard </a>`;
                                }
                                $('#dbGroupsDropdownMenu').html(`<div class="text-center"><p class="text-danger">No Dashboards Found!</p>${createDbHtml}</div>`);
                                $('#' + modalContainerId).find('.db-group-title').text('No Dashboards Found!');
                                instance.navigationHelper.hideLoading();
                            }
                        });
                    }
                    removeToolTipForFilterItem(containerEl) {
                        const instance = this;
                        containerEl.find('.filter-link').each(function (i, el) {
                            if ($(el)[0].offsetWidth >= $(el)[0].scrollWidth) {
                                $(el).removeAttr('title');
                            }
                        });
                        instance.setFiltersNavigation();
                    }
                    setFiltersNavigation(containerId) {
                        const instance = this;
                        let containerid = containerId;
                        if (!containerid) {
                            containerid = instance.navigationHelper.getLastContainerId();
                        }
                        instance.showHideFilterNavIcons(containerid);
                        instance.filterNavMouseDragging(containerid);
                        instance.filterNavMouseScroll(containerid);
                    }
                    changeFilterScroll(elem, containerid) {
                        const instance = this;
                        const containerEl = $('#filters-list' + containerid);
                        const containerElWidth = $(containerEl).outerWidth();
                        const currentPos = containerEl.scrollLeft();
                        const operation = $(elem).data('operation');
                        let scrollLeftVal = 0;
                        if (operation == '-') {
                            scrollLeftVal = currentPos - containerElWidth;
                        }
                        else {
                            scrollLeftVal = currentPos + containerElWidth;
                        }
                        containerEl.animate({
                            scrollLeft: scrollLeftVal
                        }, 300, function () {
                            instance.toggleFilterNavIconsOnScroll(containerid);
                        });
                    }
                    toggleFilterNavIconsOnScroll(containerid) {
                        const containerEl = $('#filters-list' + containerid);
                        const containerElWidth = $(containerEl).outerWidth();
                        const newScrollLeft = containerEl.scrollLeft();
                        const scrollWidth = containerEl.prop('scrollWidth');
                        const filterContainerEl = $(`#card-header-filters${containerid}`);
                        if (Math.round(scrollWidth - newScrollLeft) < Math.round(containerElWidth + 2)) {
                            filterContainerEl.find('.filter-right-icon').addClass('hidden');
                        }
                        else {
                            filterContainerEl.find('.filter-right-icon').removeClass('hidden');
                        }
                        if (newScrollLeft === 0) {
                            filterContainerEl.find('.filter-left-icon').addClass('hidden');
                        }
                        else {
                            filterContainerEl.find('.filter-left-icon').removeClass('hidden');
                        }
                    }
                    showHideFilterNavIcons(containerid) {
                        const containerEl = $("#filters-list" + containerid);
                        const indexInstance = Unibase.Themes.Compact.Components.Index.Instance();
                        if (Unibase.Themes.Compact.Components.Index.Instance().isIframeObj.isListPage) {
                            indexInstance.desktopMode = true;
                            $("#card-header-filters" + containerid).find('.filter-nav-icon').removeClass('hidden').addClass('d-block');
                            $("#card-header-filters" + containerid).find('.biz-report-filters').addClass('iframe');
                        }
                        if (indexInstance.desktopMode) {
                            if (containerEl.prop('scrollWidth') > Math.round(containerEl.outerWidth() + 2)) {
                                $("#card-header-filters" + containerid).find('.filter-right-icon').removeClass('hidden');
                            }
                            else {
                                $("#card-header-filters" + containerid).find('.filter-right-icon').addClass('hidden');
                            }
                        }
                    }
                    filterNavMouseDragging(containerid) {
                        const instance = this;
                        const indexInstance = Unibase.Themes.Compact.Components.Index.Instance();
                        if (indexInstance.desktopMode) {
                            const slider = $("#filters-list" + containerid);
                            let mouseDown = false;
                            let startX, scrollLeft;
                            let startDragging = function (e) {
                                mouseDown = true;
                                startX = e.pageX - slider.offset().left;
                                scrollLeft = slider.scrollLeft();
                            };
                            let stopDragging = function (event) {
                                mouseDown = false;
                            };
                            slider.off().on('mousemove', (e) => {
                                e.preventDefault();
                                if (!mouseDown) {
                                    return;
                                }
                                const x = e.pageX - slider.offset().left;
                                const scroll = x - startX;
                                slider.scrollLeft(scrollLeft - scroll);
                                instance.toggleFilterNavIconsOnScroll(containerid);
                            });
                            slider.on('mousedown', startDragging);
                            slider.on('mouseup', stopDragging);
                            slider.on('mouseleave', stopDragging);
                        }
                    }
                    filterNavMouseScroll(containerid) {
                        const instance = this;
                        const amount = 50;
                        const slider = $("#filters-list" + containerid);
                        slider.on("DOMMouseScroll mousewheel", function (event) {
                            let oEvent = event.originalEvent, direction = oEvent.detail ? oEvent.detail * -amount : oEvent.wheelDelta, position = $(this).scrollLeft();
                            position += direction > 0 ? -amount : amount;
                            $(this).scrollLeft(position);
                            instance.toggleFilterNavIconsOnScroll(containerid);
                            event.preventDefault();
                        });
                    }
                    ;
                    loadDashboard(dashboardid, dashboardname, pincmnfilters) {
                        let instance = this;
                        instance.isDshboardBckArray.push({ "DashbaordId": dashboardid, "DashboardName": dashboardname, "isBack": "Dashboard" });
                        const commonFilterInstance = Unibase.Platform.Analytics.Components._CommonFilter.Instance();
                        commonFilterInstance.commonfilterColumns = [];
                        commonFilterInstance.appliedFilters = [];
                        commonFilterInstance.selectedCommonFilters = [];
                        let rvInsArray = Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance;
                        if (rvInsArray.length > 0) {
                            for (var i = 0; i < rvInsArray.length; i++) {
                                rvInsArray[i].instance.inputParameters = [];
                                rvInsArray[i].instance.dynamicFilters = [];
                            }
                        }
                        Unibase.Themes.Compact.Components.Dashboard.Instance().loadWidgets(dashboardid, dashboardname);
                        const modalContainerId = instance.navigationHelper.getLastContainerId();
                        if ($(`#filterItem_${dashboardid}`).attr('data-pincmnfilters') === 'true' || pincmnfilters) {
                            if ($('#bizCmnFilterPanel').hasClass('show')) {
                                const portletId = +$("#hf_PortletId").val();
                                Unibase.Platform.Analytics.Components._CommonFilter.Instance().commonFilter(portletId, `_CmnFilterPanel_${$("#hf_PortletId").parent().attr('id')}`);
                            }
                            else {
                                Unibase.Themes.Compact.Components.Dashboard.Instance().loadCommonFilterPanel(modalContainerId);
                            }
                        }
                        else {
                            let cls_fnav = $("#bizgaze_body").find('.biz-layout-3-top-navbar').hasClass("hk-nav-toggle");
                            if (cls_fnav == false) {
                                Unibase.Themes.Compact.Components.Dashboard.Instance().closeCmnFilterPanel(modalContainerId);
                            }
                        }
                    }
                    prflDropDownMenu() {
                        $('.mob-view').removeClass('show');
                        $('.mob-view').find('a[aria-expanded="true"]').attr({ 'aria-expanded': 'false' });
                        $('.mob-view').find('.dropdown-menu').removeClass('show');
                    }
                    loadDashboardsInDashboard(groupid, dashboardid, IsEvent) {
                        var dboards = this.dashboards.filter(x => x.DashboardGroupId == groupid);
                        Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.length = 0;
                        try {
                            if (($(window).width()) <= 575) {
                                this.activeFooter(dboards[0].DashboardId, true);
                            }
                        }
                        catch (e) {
                        }
                        this.prflDropDownMenu();
                        $("._bizgaze_detail_container.bg-cyan-light-5-removed").each(function (i, e) {
                            Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds = Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.filter(id => id !== $(e).attr('id'));
                            $(e).remove();
                        });
                        $("._bizgaze_detail_container").removeClass("hidden");
                        if ($(".dashboard-options-list").length === 0) {
                            Unibase.Platform.Helpers.NavigationHelper.Instance().loadSection(0, "", Unibase.Themes.Compact.Components.Dashboard.Instance(), null, null);
                        }
                        $('#layoutMainNavbar,.biz-submenu').find('.nav-item.active-item').removeClass('active-item');
                        if ($('#bizCmnFilterPanel').hasClass('show')) {
                            $('#cmnFilterPanelClose').trigger('click');
                        }
                        if (!this.desktopMode) {
                            $('#settings_panel_close').trigger('click');
                        }
                        Unibase.Themes.Providers.DetailHelper.installedAppId = 0;
                        Unibase.Themes.Providers.DetailHelper.recordId = 0;
                        Unibase.Platform.Helpers.NavigationHelper.installedAppId = 0;
                        Unibase.Themes.Compact.Components.Dashboard.Instance().loadDashboards(dboards, dashboardid, IsEvent);
                    }
                    manageDashboards() {
                        var instance = this;
                        var jsfiles = ["platform/dashboards/components/managedashboards.js"];
                        instance.fileCacheHelper.loadJsFiles(jsfiles, function () {
                            instance.navigationHelper.popup(0, "", Unibase.Platform.Dashboards.Components.ManageDashboard.Instance(), null, Unibase.Platform.Helpers.Size.DockLeft);
                        });
                    }
                    loadAppGroups() {
                        var instance = this;
                        var jsfiles = ["platform/bundle/index.load.appgroup.min.js"];
                        instance.fileCacheHelper.loadJsFiles(jsfiles, function () {
                            Unibase.Platform.Helpers.FileCacheHelper.Instance().addCacheFiles(["platform/appgroups/components/manageappgroup.js", "platform/appgroups/managers/appgroupmanager.js"]);
                            instance.navigationHelper.popup(0, "", Unibase.Platform.AppGroups.Components.ManageAppGroup.Instance(), null, Unibase.Platform.Helpers.Size.DockLeft);
                        });
                    }
                    loadApps(containerid) {
                        let instance = this;
                        if ($(`#${containerid} .nav-item`).length <= 1) {
                            var manager = Unibase.Platform.Apps.Managers.AppManager.Instance();
                            manager.getMyApps().then(function (response) {
                                if (response.result.length != 0) {
                                    var myapps = response.result;
                                    let html = "";
                                    let grouptemplate = Components.Nav_Template.Instance().appGroupTemplate();
                                    var template = Components.Nav_Template.Instance().appTemplate();
                                    var appgroups;
                                    appgroups = [];
                                    for (let i = 0; i < myapps.length; i++) {
                                        var myapp = myapps[i];
                                        var groupname = myapp.AppGroupName;
                                        if (myapp.ParentAppId != 0) {
                                            groupname = "Child Apps";
                                            myapp.AppGroupId = 1;
                                        }
                                        if (groupname === null || groupname === "")
                                            groupname = "No Group";
                                        var isAppGroupExists = appgroups.findIndex(x => x.AppGroupName == groupname);
                                        if (isAppGroupExists == -1) {
                                            appgroups.push({
                                                AppGroupId: myapp.AppGroupId,
                                                AppGroupName: groupname,
                                                IconName: myapp.GroupIconName,
                                            });
                                        }
                                    }
                                    $("#" + containerid).empty();
                                    for (let i = 0; i < appgroups.length; i++) {
                                        var group = appgroups[i];
                                        var groupid = group.AppGroupId;
                                        var templateScript = Handlebars.compile(grouptemplate);
                                        var context = { "AppGroupId": group.AppGroupId, "AppGroupName": group.AppGroupName, "IconName": group.IconName };
                                        html = templateScript(context);
                                        $("#" + containerid).append(html);
                                        var groupapps = myapps.filter(function (myapp, index) {
                                            return myapp.AppGroupId === group.AppGroupId;
                                        });
                                        if (groupapps.length > 0) {
                                            groupapps.forEach(function (dashboard, index) {
                                                context = dashboard;
                                                templateScript = Handlebars.compile(template);
                                                html = templateScript(context);
                                                $("#liAppGroup_" + groupid + "_item").before(html);
                                            });
                                        }
                                    }
                                    $("#liAppGroup_1").addClass("hidden");
                                    if ($('#nav-apps .nav-AppGroup').not('.hidden').length > 5) {
                                        instance.appendNavSearchInput(containerid);
                                    }
                                    else if (instance.layoutIndex == instance.leftLayout) {
                                        $('.biz-submenu .header-wth-search').addClass('d-none');
                                    }
                                    instance.loadTopNavMegaMenu('nav-apps');
                                }
                                else {
                                    $(`#${containerid}`).html('<li class="nav-item"><a class="nav-link">No Apps!</a></li>');
                                }
                            });
                        }
                        let detailContainerId = $('._bizgaze_detail_container').attr('id');
                        if (!$(`#searchWrapper${detailContainerId}`).is(':visible') && !$('#div_detail_profile').is(':visible')) {
                            $('#nav-apps .liappgrp-item.active-item').removeClass('active-item');
                        }
                        $("#nav-apps .nav-AppGroup").removeClass("hidden");
                        $(".liappgrp-addeditem").removeClass("hidden");
                        $("#nav-apps li").find(".flex-column.show").collapse("hide");
                        $("#liAppGroup_1").addClass("hidden");
                        $("#txt_global_Search").val('');
                        $('#nav-apps').on('mouseenter', '.nav-app-link', function () {
                            let canCreate = $(this).find('.createform').attr('createid');
                            if (canCreate == 'true') {
                                $(this).find('.createform').removeClass('hidden');
                            }
                            else {
                                $(this).find('.createform').addClass('hidden');
                            }
                        }).on("mouseleave", '.nav-app-link', function () {
                            $(this).find('.createform').addClass('hidden');
                        });
                    }
                    loadApp(reportid) {
                    }
                    loadCreateAppGroups() {
                    }
                    loadCreateApps(containerid) {
                        var jsfiles = [
                            "platform/apps/managers/appmanager.js",
                            "platform/apps/infos/apps.js"
                        ];
                        var instance = this;
                        if ($(`#${containerid} .nav-item`).length <= 1) {
                            this.fileCacheHelper.loadJsFiles(jsfiles, function () {
                                var manager = Unibase.Platform.Apps.Managers.AppManager.Instance();
                                manager.getMyApps().then(function (response) {
                                    if (response.result.length != 0) {
                                        var myapps = response.result;
                                        instance.createapps = myapps;
                                        let html = "";
                                        let grouptemplate = Components.Nav_Template.Instance().createAppGroupTemplate();
                                        if (instance.layoutIndex == instance.topLayout)
                                            grouptemplate = Components.Nav_Template.Instance().createAppGroupTemplate2();
                                        var template = Components.Nav_Template.Instance().createAppTemplate();
                                        var appgroups;
                                        appgroups = [];
                                        myapps = myapps.sort(function (a, b) {
                                            var aAppGroupName = a.AppGroupName;
                                            var bAppGroupName = b.AppGroupName;
                                            if (aAppGroupName === null)
                                                aAppGroupName = "";
                                            if (bAppGroupName === null)
                                                bAppGroupName = "";
                                            var x = aAppGroupName.toLowerCase();
                                            var y = bAppGroupName.toLowerCase();
                                            if (x < y) {
                                                return -1;
                                            }
                                            if (x > y) {
                                                return 1;
                                            }
                                            return 0;
                                        });
                                        var prevappgroupname = "";
                                        for (let i = 0; i < myapps.length; i++) {
                                            var myapp = myapps[i];
                                            var groupname = myapp.AppGroupName;
                                            if (groupname === null || groupname === "")
                                                groupname = "No Group";
                                            if (prevappgroupname != groupname) {
                                                appgroups.push({
                                                    AppGroupId: myapp.AppGroupId,
                                                    AppGroupName: groupname,
                                                    IconName: myapp.GroupIconName,
                                                });
                                                prevappgroupname = groupname;
                                            }
                                        }
                                        $("#" + containerid).empty();
                                        for (let i = 0; i < appgroups.length; i++) {
                                            var group = appgroups[i];
                                            var groupid = group.AppGroupId;
                                            var templateScript = Handlebars.compile(grouptemplate);
                                            var context = { "AppGroupId": group.AppGroupId, "AppGroupName": group.AppGroupName, "IconName": group.IconName };
                                            html = templateScript(context);
                                            $("#" + containerid).append(html);
                                            var groupapps = myapps.filter(function (myapp, index) {
                                                return myapp.AppGroupId === group.AppGroupId;
                                            });
                                            if (groupapps.length > 0) {
                                                groupapps.forEach(function (dashboard, index) {
                                                    context = dashboard;
                                                    templateScript = Handlebars.compile(template);
                                                    html = templateScript(context);
                                                    $("#licreateAppGroup_" + groupid + "_item").before(html);
                                                });
                                            }
                                        }
                                    }
                                    else {
                                        $(`#${containerid}`).html('<li class="nav-item"><a class="nav-link">No Apps!</a></li>');
                                    }
                                });
                            });
                        }
                    }
                    loadCreateApp(reportid) {
                    }
                    loadSettingGroups(containerid) {
                        var _fileCacheHelper = this.fileCacheHelper;
                        var instance = this;
                        $("#btnrefresh").click(function () {
                            _fileCacheHelper.loadJsFile('/platform/apps/managers/appmanager.js', function () {
                                Unibase.Platform.Apps.Managers.AppManager.Instance().refreshApps().then(function (response) {
                                });
                            });
                        });
                        $("#btnrefresh_Forms").click(function () {
                            _fileCacheHelper.loadJsFile('/platform/forms/managers/formmanager.js', function () {
                                Unibase.Platform.Forms.Managers.FormManager.Instance().refreshForms().then(function (response) {
                                });
                            });
                        });
                        $("#btnrefresh_Autocompletes").click(function () {
                            _fileCacheHelper.loadJsFile('/platform/forms/managers/formmanager.js', function () {
                                Unibase.Platform.Forms.Managers.FormManager.Instance().refreshAutocompletes().then(function (response) {
                                });
                            });
                        });
                        $("#btnrefresh_Controls").click(function () {
                            _fileCacheHelper.loadJsFile('/platform/forms/managers/formmanager.js', function () {
                                Unibase.Platform.Forms.Managers.FormManager.Instance().refreshControls().then(function (response) {
                                });
                            });
                        });
                        $("#btnrefresh_actionproviders").click(function () {
                            _fileCacheHelper.loadJsFile('/platform/forms/managers/formmanager.js', function () {
                                Unibase.Platform.Forms.Managers.FormManager.Instance().refreshActionProviders().then(function (response) {
                                });
                            });
                        });
                        $("#btnrefresh_Widgets").click(function () {
                            _fileCacheHelper.loadJsFile('/platform/widgets/managers/widgetmanager.js', function () {
                                Unibase.Platform.Widgets.Managers.WidgetManager.Instance().refreshWidgets().then(function (response) {
                                });
                            });
                        });
                        $("#btnrefresh_Widgetlayouts").click(function () {
                            _fileCacheHelper.loadJsFile('/platform/widgets/managers/widgetmanager.js', function () {
                                Unibase.Platform.Widgets.Managers.WidgetManager.Instance().refreshWidgetLayouts().then(function (response) {
                                });
                            });
                        });
                        $("#btnrefresh_datalists").click(function () {
                            _fileCacheHelper.loadJsFile('/platform/datasources/managers/datalistmanager.js', function () {
                                Unibase.Platform.DataSources.Managers.DataListManager.Instance().refreshDataLists().then(function (response) {
                                });
                            });
                        });
                        $("#btnrefresh_reports").click(function () {
                            _fileCacheHelper.loadJsFile('/platform/analytics/managers/reportmanager.js', function () {
                                Unibase.Platform.Analytics.Managers.ReportManager.Instance().refreshReports().then(function (response) {
                                    alert(response);
                                });
                            });
                        });
                        $("#btnrefresh_dataapis").click(function () {
                            _fileCacheHelper.loadJsFile('/platform/dataapis/managers/dataapimanager.js', function () {
                                Unibase.Platform.DataApis.Manangers.DataApiManager.Instance().refreshDataApis().then(function (response) {
                                });
                            });
                        });
                        $("#btnrefresh_integrationproviders").click(function () {
                            _fileCacheHelper.loadJsFile('/platform/integrations/managers/integrationmanager.js', function () {
                                Unibase.Platform.Integrations.Managers.IntegrationManager.Instance().refreshIntegrationProviders().then(function (response) {
                                });
                            });
                        });
                        $("#btnrefresh_FileProviders").click(function () {
                            _fileCacheHelper.loadJsFile('apps/collaboration/managers/filemanager.js', function () {
                                Unibase.Apps.Collaboration.FileManager.Instance().refreshApps().then(function (response) {
                                });
                            });
                        });
                        $("#btnrefresh_PrintProviders").click(function () {
                            _fileCacheHelper.loadJsFile('platform/templates/managers/templatemanager.js', function () {
                                Unibase.Platform.Templates.Managers.TemplateManager.Instance().refreshPrintProviders().then(function (response) {
                                });
                            });
                        });
                        $("#btnrefresh_templateproviders").click(function () {
                            _fileCacheHelper.loadJsFile('platform/templates/managers/templatemanager.js', function () {
                                Unibase.Platform.Templates.Managers.TemplateManager.Instance().refreshTemplateProviders().then(function (response) {
                                });
                            });
                        });
                        $("#btnrefresh_cryptoproviders").click(function () {
                            _fileCacheHelper.loadJsFile('platform/crypto/managers/cryptomanager.js', function () {
                                Unibase.Platform.Crypto.Managers.CryptoManger.Instance().refreshcryptoproviders().then(function (response) {
                                });
                            });
                        });
                        $("#btnrefresh_StaticReportObject").click(function () {
                            instance.refreshReportStaticObj();
                        });
                        $("#btnupdate_datalistcolums").click(function () {
                            instance.updateReport(0);
                        });
                        $("#btn_refreshnotificationproviders").click(function () {
                            _fileCacheHelper.loadJsFile('platform/automation/managers/rulemanager.js', function () {
                                Unibase.Platform.Automation.Managers.RuleManager.Instance().refreshNotificationProviders().then(function (response) {
                                });
                            });
                        });
                    }
                    refreshReportStaticObj() {
                        var instance = this;
                        instance.fileCacheHelper.loadJsFile('platform/core/infos/status.js', function () {
                            Unibase.Platform.Analytics.Managers.ReportManager.Instance().refreshStaticObj(0).then(function (rsoresponse) {
                                if (rsoresponse.status == Unibase.Data.Status.Success) {
                                    return MessageHelper.Instance().showSuccess('StaticObject Refreshed Successfully', '');
                                }
                            });
                        });
                    }
                    updateReport(reportid) {
                        var instance = this;
                        if (reportid != 0)
                            reportid = Number(Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.find(x => x.Key == "hf_" + Unibase.Themes.Providers.DetailHelper.installedAppId + "_reportid").Value);
                        instance.fileCacheHelper.loadJsFile('/platform/analytics/managers/reportmanager.js', function () {
                            Unibase.Platform.Analytics.Managers.ReportManager.Instance().updatecolumns(reportid).then(function (csresponse) {
                                if (csresponse.status == Unibase.Data.Status.Error) {
                                    return MessageHelper.Instance().showError(csresponse.message, 'div_message');
                                }
                                else {
                                    return MessageHelper.Instance().showSuccess('Report Executed', '');
                                }
                            });
                        });
                    }
                    loadSettings(groupid) {
                    }
                    loadReports(containerid) {
                        if ($(`#${containerid} .nav-item`).length <= 1) {
                            var instance = this;
                            Unibase.Platform.Analytics.Managers.ReportManager.Instance().getViewableReports().then(function (response) {
                                if (response.result.length != 0) {
                                    var allReports = response.result;
                                    let html = "";
                                    let groupTemplate = Components.Nav_Template.Instance().reportGroupTemplate();
                                    let reportTemplate = Components.Nav_Template.Instance().reportTemplate();
                                    var groupTemplateScript = Handlebars.compile(groupTemplate);
                                    var reportTemplateScript = Handlebars.compile(reportTemplate);
                                    let filterReportGroups = allReports.filter((report, index, self) => index === self.findIndex((x) => (x.ReportGroupId === report.ReportGroupId)));
                                    filterReportGroups = filterReportGroups.filter(x => x.IsInternalGroup == false);
                                    $.each(filterReportGroups, function (index, group) {
                                        let context = { "ReportGroupId": group.ReportGroupId, "ReportGroupName": group.GroupName };
                                        html += groupTemplateScript(context);
                                    });
                                    $(`#${containerid}`).html(html);
                                    $.each(allReports, function (index, report) {
                                        let reportHtml = "";
                                        if (!report.DisplayName) {
                                            report.DisplayName = report.ReportName;
                                        }
                                        var context = report;
                                        reportHtml = reportTemplateScript(context);
                                        $(`#reportgroup-drp-${report.ReportGroupId}`).append(reportHtml);
                                    });
                                    if (filterReportGroups.length > 5) {
                                        instance.appendNavSearchInput(containerid);
                                    }
                                    else if (instance.layoutIndex == instance.leftLayout) {
                                        $('.biz-submenu .header-wth-search').addClass('d-none');
                                    }
                                    if (instance.desktopMode && instance.layoutIndex !== instance.topLayout) {
                                        $("#nav-reports .nav-item[title]").tooltip({ position: { my: "left top", at: "right+5 top+2", collision: "none" } });
                                    }
                                    instance.loadTopNavMegaMenu('nav-reports');
                                }
                                else {
                                    $(`#${containerid}`).html('<li class="nav-item"><a class="nav-link">No Reports!</a></li>');
                                }
                            });
                        }
                        $("#nav-reports .nav-ReportGroup").removeClass("hidden");
                        $(".lireportgrp-item").removeClass("hidden");
                        $("#nav-reports li").find(".flex-column.show").collapse("hide");
                        $("#txt_global_Search").val('');
                    }
                    appendNavSearchInput(containerid) {
                        const instance = this;
                        if (instance.layoutIndex == instance.topLayout || instance.layoutIndex == instance.topLeftLayout) {
                            if ($(`#${containerid}`).attr('data-istitlehidden') != 'true') {
                                instance.addMenuCollapseClickEvent();
                                let searchInputClass = '';
                                let searchInputPlaceholder = '';
                                if (containerid == 'nav-dashboards') {
                                    searchInputClass = 'dashboards-search-input';
                                    searchInputPlaceholder = 'Dashboards';
                                }
                                else if (containerid == 'nav-apps') {
                                    searchInputClass = 'apps-search-input';
                                    searchInputPlaceholder = 'Apps';
                                }
                                else if (containerid == 'nav-reports') {
                                    searchInputClass = 'reports-search-input';
                                    searchInputPlaceholder = 'Reports';
                                }
                                let searchHtml = '';
                                if (instance.desktopMode && instance.layoutIndex === instance.topLayout) {
                                    searchHtml = `<li class="nav-item border-bottom nav-group-search-li top-menu-search position-relative"><span class="top-search-icon opacity-90"><i class="fa fa-search"></i></span><a href="javascript:;" class="clear-search btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-20p h-20p"><span class="btn-icon-wrap"><i class="dripicons dripicons-cross"></i></span></a> <input type="text" placeholder="Search ${searchInputPlaceholder}..." class="${searchInputClass} group-search-input w-100 py-1 biz-primary-text-color pl-20" autocomplete="off"></li>`;
                                    $("#" + containerid).parents('.collapse-level-1').find('.nav-group-search-li').remove();
                                    $("#" + containerid).parents('.collapse-level-1').prepend(searchHtml);
                                }
                                else {
                                    searchHtml = `<li class="nav-item border-bottom nav-group-search-li position-relative"><input type="text" placeholder="Search ${searchInputPlaceholder}..." class="${searchInputClass} group-search-input w-100 py-1 biz-primary-text-color" autocomplete="off"><span class="search-icon"><i class="fa fa-search"></i></span><a href="javascript:;" class="clear-search btn btn-icon btn-flush-biz-theme btn-rounded flush-soft-hover w-20p h-20p"><span class="btn-icon-wrap"><i class="dripicons dripicons-cross"></i></span></a></li>`;
                                    $("#" + containerid).find('.nav-group-search-li').remove();
                                    $("#" + containerid).prepend(searchHtml);
                                }
                                instance.initiateNavSearch(`.${searchInputClass}`);
                            }
                        }
                    }
                    loadTopNavMegaMenu(containerid) {
                        const instance = this;
                        if (instance.desktopMode && instance.layoutIndex === instance.topLayout) {
                            const containerEl = $(`#${containerid}`);
                            let navGroupEl = '';
                            if (containerid.includes('nav-dashboards')) {
                                navGroupEl = $('#dash_drp');
                            }
                            else if (containerid.includes('nav-apps')) {
                                navGroupEl = $('#pages_drp');
                            }
                            else if (containerid.includes('nav-reports')) {
                                navGroupEl = $('#reports_drp');
                            }
                            containerEl.removeClass('flex-column');
                            navGroupEl.find('.biz_anchor,.mega-sub-head-nav-link').click(function () {
                                $(this).parents("ul.collapse.collapse-level-1").css('display', 'none');
                            });
                            let isSettingsPanelVisible = false;
                            navGroupEl.parents('#layoutMainNavbar').find('.nav-group-collapse-link, .collapse.collapse-level-1').off('mouseenter mouseleave').hover(function () {
                                $(this).parent().find(".collapse.collapse-level-1").css('display', 'block');
                                $('#reportdatepicker__navCmnDateFilter_0').hide();
                                $('.profile-dropdown-menu').removeClass('show');
                                if ($('.biz-settings-toggle').length) {
                                    isSettingsPanelVisible = true;
                                    $('.biz-settings-toggle').removeClass('biz-settings-toggle');
                                }
                                else {
                                    isSettingsPanelVisible = false;
                                }
                                $('.select2-dropdown').parent().hide();
                            }, function () {
                                isSettingsPanelVisible && $('.hk-wrapper').addClass('biz-settings-toggle');
                                $(this).parent().find(".collapse.collapse-level-1").css('display', 'none');
                                $('.select2-dropdown').parent().show();
                            });
                            navGroupEl.addClass('pl-15');
                            navGroupEl.find('.nav-group-search-li').attr('style', 'width:400px !important;margin-left:0px !important');
                            navGroupEl.attr('style', 'min-width: 90vw;position:fixed !important;display:none').removeClass('flex-column');
                            navGroupEl.find('.nav-item').addClass('p-0');
                            navGroupEl.find('.mega-nav-li-list .mega-sub-head-nav-link').addClass('font-weight-bold').attr("data-toggle", '');
                            navGroupEl.find('.mega-nav-li-list').find('.drp-list').removeClass('collapse-level-1 flex-column collapse');
                            navGroupEl.find('.liappgrp-item ,.lireportgrp-item').find('.mega-nav-item').addClass('font-14');
                            navGroupEl.find('.mega-sub-head-nav-link ,.liappgrp-item,.lireportgrp-item .biz_anchor,.li-dashboard-item .nav-link').removeClass('nav-hover-link');
                            $('#nav-apps').find('.mega-nav-li-list .drp-list .w-90,.mega-nav-li-list .drp-list .w-10').removeClass('w-10 w-90').addClass('w-100');
                            navGroupEl.find('.mega-nav-item').attr('style', 'opacity:0.8;border:1px solid transparent;').addClass('h-100');
                            $('#nav-reports').find('.mega-nav-li-list .drp-list .mega-nav-item').css('width', '75%');
                            navGroupEl.find('.mega-nav-li-list').css('break-inside', 'avoid');
                            navGroupEl.find('.mega-nav').addClass('mega-nav-col');
                            $('.dashboards-search-input,.apps-search-input,.reports-search-input').focus(function () {
                                $('.top-search-icon').addClass('d-none');
                            });
                            $('.dashboards-search-input,.apps-search-input,.reports-search-input').blur(function () {
                                $('.top-search-icon').removeClass('d-none');
                            });
                            $('.dashboards-search-input,.apps-search-input,.reports-search-input').keyup(function (e) {
                                let val = $(e.target).val();
                                $(this).parent().parent().find(".collapse-item").find("ul li").find(".nav-link").show();
                                if (val === '') {
                                    $(this).parent().parent().find(".collapse-item").find("ul li").find(".nav-link").show();
                                    $(this).parent().parent().find(".collapse-item").find("#liAppGroup_1").removeClass("active").addClass("hidden");
                                    $(e.target).parent().find('.top-search-icon').removeClass('d-none');
                                    $(e.target).parent().find('.clear-search.btn').fadeOut();
                                }
                                else {
                                    $(e.target).parent().find('.top-search-icon').addClass('d-none');
                                }
                            });
                            $(".nav-dashboards-item,.nav-apps-item,.nav-reports-item").on("mouseenter", function (e) {
                                $('#nav-apps li.nav-item.nav-AppGroup:first-child').addClass('hidden');
                                let dis_val = $('#nav-apps li.nav-item.nav-AppGroup#liAppGroup_1').hasClass("active");
                                if (dis_val == false) {
                                    $('#nav-apps li.nav-item.nav-AppGroup#liAppGroup_1').addClass('hidden');
                                }
                                else {
                                    $('#nav-apps li.nav-item.nav-AppGroup#liAppGroup_1').removeClass('hidden');
                                }
                            });
                        }
                    }
                    activeFooter(id, isDashBoard) {
                        try {
                            var footerElement = document.getElementsByClassName("biz-mobile-footer");
                            if (footerElement) {
                                let existingActiveElement = $(footerElement).find(".active");
                                if (existingActiveElement) {
                                    $(existingActiveElement).removeClass("active");
                                }
                            }
                            var footerGroupElement = document.querySelector(".footerItem_" + id);
                            if (isDashBoard && footerGroupElement == undefined) {
                                var dashBoardGroupId = this.dashboards.find(x => x.DashboardId == id).DashboardGroupId;
                                footerGroupElement = document.querySelector(".footerItem_" + dashBoardGroupId);
                            }
                            if (footerGroupElement) {
                                let footerItem = $(footerGroupElement).find(".nav-footer-link");
                                if (footerItem) {
                                    footerItem.addClass("active");
                                }
                            }
                        }
                        catch (e) {
                        }
                    }
                    loadList(installedappid) {
                        const instance = this;
                        this.installedAppId = installedappid;
                        Unibase.Themes.Providers.DetailHelper.recordId = 0;
                        Unibase.Themes.Providers.DetailHelper.installedAppId = 0;
                        Unibase.Platform.Helpers.NavigationHelper.Filter = [];
                        Unibase.Platform.Helpers.NavigationHelper.ListSearchTerm = "";
                        Unibase.Themes.Compact.Components.Details.Instance().lastContinerId = '';
                        try {
                            if (($(window).width()) <= 575) {
                                this.activeFooter(installedappid);
                            }
                        }
                        catch (e) {
                        }
                        this.navigationHelper.loadList(installedappid, null);
                        $('#layoutMainNavbar,.biz-submenu').find('.nav-item.active-item').removeClass('active-item');
                        $(`.UlItem_${installedappid}`).addClass('active-item');
                        $('.db-setting-dp-item').addClass('d-none');
                        if ($('#bizCmnFilterPanel').hasClass('show'))
                            $('#cmnFilterPanelClose').trigger('click');
                        if (!instance.desktopMode) {
                            $('#settings_panel_close').trigger('click');
                        }
                    }
                    loadCreateHtml(installedappid) {
                        var instance = this.fileCacheHelper;
                        var jsfiles = [
                            "platform/apps/managers/appmanager.js",
                            "platform/forms/components/formviewer/formviewer.js",
                            "platform/forms/managers/formmanager.js",
                            "platform/apps/enums/appconfigurationtypes.js"
                        ];
                        this.fileCacheHelper.loadJsFiles(jsfiles, function () {
                            Unibase.Platform.Apps.Managers.AppManager.Instance().getListAppConfigurations(installedappid).then(function (response) {
                                var data = response.result;
                                var FormId;
                                var AppConfigId;
                                if (response.result == null || response.result.length == 0) {
                                }
                                else {
                                    for (let i = 0; i < data.length; i++) {
                                        if (Number(response.result[i].SettingUrlType) == Unibase.Platform.Apps.Enums.SettingUrlType.Form && Number(response.result[i].AppConfigType) == Unibase.Platform.Apps.Enums.AppConfigeType.List && response.result[i].Ungrouped == true) {
                                            FormId = response.result[i].FormId;
                                            AppConfigId = response.result[i].AppConfigurationId;
                                        }
                                    }
                                }
                                if (FormId)
                                    instance.loadJsFile("platform/forms/components/formviewer/formviewer.js", function () {
                                        Unibase.Platform.Forms.Components.FormViewer.Instance().loadForm(FormId, 0, AppConfigId, null, 0);
                                    });
                            });
                        });
                    }
                    loadReport(Reportid) {
                        var instance = this;
                        if (!instance.isDshboardBck) {
                            instance.isDshboardBckArray.push({ "ReportId": Reportid, "ReportName": $('#' + Reportid).find("#hf_Analytics_ReportName").val(), "isBack": "Report" });
                        }
                        else {
                            instance.isDshboardBck = false;
                        }
                        this.navigationHelper.closeAllModals();
                        try {
                            if (($(window).width()) <= 575) {
                                this.activeFooter(Reportid);
                            }
                        }
                        catch (e) {
                        }
                        Unibase.Platform.Helpers.NavigationHelper.reportViewerInstance = [];
                        Unibase.Platform.Helpers.NavigationHelper.installedAppId = 0;
                        Unibase.Themes.Providers.DetailHelper.installedAppId = 0;
                        Unibase.Themes.Providers.DetailHelper.recordId = 0;
                        this.fileCacheHelper.loadJsFiles(["platform/analytics/managers/reportmanager.js", "platform/analytics/components/reportviewer/reportviewerhiddenfields.js", "platform/analytics/managers/reportmanager.js", "platform/analytics/components/reportbuilder/reportbuilderhiddenfields.js", "platform/analytics/enums/reporttype.js", "platform/analytics/enums/viewertype.js", "platform/analytics/components/reportviewer/_reportviewer.js", "platform/analytics/components/reportviewer/reportviewer.js", "platform/filters/components/editfilter.js"], function () {
                            instance.navigationHelper.popin(Reportid, "", Unibase.Platform.Analytics.Components.ReportViewer.Instance(), null);
                            $(".reportview-remove-none").removeClass("d-none");
                            $('#layoutMainNavbar,.biz-submenu').find('.nav-item.active-item').removeClass('active-item');
                            $(`li.UlItem_${Reportid}`).addClass('active-item');
                            if (!instance.desktopMode) {
                                $('#settings_panel_close').trigger('click');
                            }
                        });
                        $('.filters-dropdown-div-top-layout').addClass('d-none');
                        instance.installedAppId = 0;
                        instance.reportId = Reportid;
                    }
                    loadUserProfile(containerid) {
                        var cookieHelper = Unibase.Platform.Helpers.CookieHelper.Instance();
                        var currentuser = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                        var userIdentityStr = cookieHelper.getUserIdentityCookie();
                        if (userIdentityStr == "")
                            $(".userBtnLogoff").removeClass('d-flex').addClass('d-none');
                        $(".userBtnLogoff").click(function () {
                            Unibase.Platform.Membership.Managers.AccountManager.Instance().userLogoff(currentuser.sessionId).then(function (response) {
                                if (userIdentityStr !== "") {
                                    var obj = JSON.parse(userIdentityStr);
                                    cookieHelper.deleteCookie(Unibase.Platform.Helpers.CookieHelper._userIdentitycookie);
                                    Unibase.Platform.Membership.Infos.Identity.setCurrentUser(obj);
                                    window.location.href = '#/welcome';
                                    window.location.reload();
                                    MessageHelper.Instance().showSuccess("User Logged Out Successfully", '');
                                }
                            });
                        });
                        $(".btnLogoff").click(function () {
                            if (isMobileApp()) {
                                Unibase.Platform.Helpers.MobileHelper.Instance().cacheUserCredantials('', '');
                                Unibase.Platform.Helpers.MobileHelper.Instance().logout();
                                Unibase.Platform.Membership.Infos.Identity.setCurrentUser(null);
                                cookieHelper.deleteCookie(Unibase.Platform.Helpers.CookieHelper._userIdentitycookie);
                            }
                            else {
                                Unibase.Platform.Membership.Infos.Identity.setCurrentUser(null);
                                $("#bizgaze_body").html("");
                                cookieHelper.deleteCookie(Unibase.Platform.Helpers.CookieHelper._userIdentitycookie);
                                window.location.href = '/#/logoff';
                                window.location.reload();
                            }
                        });
                        if (jQuery("#" + containerid) == undefined || jQuery("#" + containerid).html() == undefined)
                            return;
                        if (jQuery("#" + containerid).html().length < 10) {
                            var _fileCacheHelper = this.fileCacheHelper;
                            $("#btn_bizgaze_normalmode").click(function () {
                                _fileCacheHelper.loadJsFile("tenants/themes/compact/js/designmode/designmode.js", function () {
                                    let IsAdmin = true;
                                    let InstalledAppId = 0;
                                    var isadmin = $("#hfBizgaze_IsAdmin").val();
                                    if (isadmin === 1)
                                        IsAdmin = true;
                                    var installedAppId = $("#hfLayout_InstalledPageId").val();
                                    if (installedAppId !== undefined && installedAppId !== 0 && installedAppId !== "")
                                        InstalledAppId = Number(installedAppId);
                                    Components.DesignMode.Instance().closeDesignMode(IsAdmin, InstalledAppId);
                                });
                            });
                        }
                    }
                    loadNotifications(containerid) {
                        Unibase.Themes.Compact.Components.Notification.Instance().init(containerid);
                    }
                    loadFilters(containerid) {
                        var instance = this;
                        var containerid = $("._bizgaze_detail_container:visible").attr("id");
                        var jsfiles = ['platform/analytics/enums/datatype.js', 'platform/analytics/components/filterpanel/filterpanel.js', 'platform/filters/components/filter.js', 'platform/filters/components/editfilter.js'];
                        if (!$("#hf_DashboardPortletId").val()) {
                            instance.fileCacheHelper.loadJsFiles(jsfiles, function () {
                                Unibase.Platform.Analytics.Components.ReportViewer.Instance().loadFilters(instance.reportId, containerid);
                            });
                        }
                        else {
                            this.fileCacheHelper.loadJsFile("platform/analytics/components/commonfilter/_commonfilter.js", function () {
                                if ($('.Reportid__commonfilter').text())
                                    Unibase.Platform.Analytics.Components._CommonFilter.Instance().commonFilter($("#hf_DashboardPortletId").val(), null);
                            });
                        }
                    }
                    addWidget() {
                        const instance = this;
                        var _fileCacheHelper = this.fileCacheHelper;
                        $(".toplayout-structures-panel").addClass("nav_2_layout");
                        $(".biz-layout-3-left-nav").addClass("nav_3_layout");
                        $(".biz-submenu").addClass("nav_sub_layout");
                        _fileCacheHelper.loadJsFile("platform/widgets/components/widget.js", function () {
                            let InstalledAppId = Unibase.Themes.Providers.DetailHelper.installedAppId;
                            if (InstalledAppId == undefined || InstalledAppId == null) {
                                InstalledAppId = 0;
                            }
                            Unibase.Platform.Widgets.Components.Widget.Instance().EditScreen(InstalledAppId);
                        });
                        if (instance.layoutIndex == instance.leftLayout) {
                            $('.biz-submenu .header-wth-search').addClass('d-none');
                        }
                    }
                    loadLayoutBuilder() {
                        var _fileCacheHelper = this.fileCacheHelper;
                        _fileCacheHelper.loadJsFiles(["platform/layout/components/layoutbuilder/layoutbuilder.js",
                            "platform/layout/components/layoutbuilder/layoutbuilder.template.js"], function () {
                            Unibase.Platform.Layouts.Components.LayoutBuilder.Instance().init();
                        });
                    }
                    loadUserTheme(isCompany, companyId, isRole) {
                        const instance = this;
                        var _fileCacheHelper = this.fileCacheHelper;
                        var roleId = 0;
                        if (isRole == true) {
                            roleId = companyId;
                            companyId = 0;
                        }
                        $('#settingsPanelBodyWrap').removeClass('d-none');
                        $('#chatPanelBodyWrap').addClass('d-none');
                        $('.biz-settings-panel').removeClass('notifications-tasks-panel');
                        _fileCacheHelper.loadJsFiles(["platform/bundle/index.themes.builder.js"], function () {
                            Unibase.Themes.Compact.Components.UserTheme.Instance().userTheme(isCompany, companyId, roleId, isRole);
                            $('.settings-panel-wrap').addClass('p-0');
                            $('.settings-panel-head').addClass('px-3 py-2').removeClass('border-bottom mobileChat-view d-none');
                            $(".biz-settings-panel").toggleClass("show");
                            $('#settings-panel-body').addClass('px-3');
                            $('.notification-footer').addClass('d-none');
                            $(".biz-settings-panel").css({ "background": "white" });
                            if ($('.settings-panel-head').children().length == 2) {
                                $('#settings-panel-head-title').remove();
                                $('#myTab').remove();
                                let appendhtml = '<span class="biz-primary-text-color-removed flex-grow-1 ml-10 order-1" id="settings-panel-head-title">Themes</span>';
                                $('#settings_panel_close').before(appendhtml);
                            }
                            if (isCompany == true) {
                                $('.biz-settings-panel.hk-settings-panel').parent().addClass('companyApp');
                            }
                            if (Unibase.Themes.Compact.Components.Index.Instance().layoutIndex == instance.leftLayout) {
                                $('.biz-settings-panel').addClass('layout-1');
                            }
                            if (Unibase.Themes.Compact.Components.Index.Instance().layoutIndex == instance.topLayout) {
                                $('.biz-settings-panel').addClass('layout-2');
                            }
                        });
                    }
                    loadFileProviders(containerid) {
                        let ModalHtml = `<div class="settings-modal-container">
                                        <div class="modal fade" id="loadFileProvidersModal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered" role="document">
                                                <div class="modal-content rounded-10">
                                                    <div class="modal-header" style="border-style: dashed;">
                                                        <h5 class="modal-title ml-auto">Cloud Settings</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="badge badge-soft-danger font-20 rounded-circle pb-2 px-2">×</span> </button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <form>
                                                            <div class="form-group">
                                                                <label class="control-label text-primary font-weight-500 mb-5 pl-3" for="fileProviderSelect"> FileProvider</label>
                                                                <select class="form-control border border-top-0 border-right-0 border-left-0" style="width: 100%;" id="txtAutoComplete_FileProviderId"> </select>
                                                            </div>
                                                            
                                                            <div class="text-center">
                                                                <button type="submit" class="btn px-4 py-1 btn btn-sm btn-primary" onclick="Unibase.Themes.Compact.Components.Nav.Instance().updateFileProvider()">Apply</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>`;
                        $("#_bizgaze_modal").append(ModalHtml);
                        $('#loadFileProvidersModal').modal();
                        var url = _appsettings.server_url() + '/apis/v4/unibase/unicloud/fileproviders/getfileprovidersAutoComplete';
                        AutoCompleteHelper.getHelper().Create("#txtAutoComplete_FileProviderId", "#hfAutoComplete_FileProviderId", url, function (response) {
                            var data = response;
                        });
                        var instance = this;
                        $("#txtAutoComplete_FileProviderId").empty();
                        instance.fileCacheHelper.loadJsFile("platform/files/managers/filemanager.js", function () {
                            Unibase.Platform.Files.Managers.FileManager.Instance().getfileprovider().then(function (response) {
                                var data = JSON.parse(JSON.stringify(response.result));
                                var fileproviderid = data[0].fileproviderid;
                                var providername = data[0].fileprovidername;
                                var fileprovider = new Option(providername, fileproviderid.toString(), true);
                                $("#txtAutoComplete_FileProviderId").append(fileprovider);
                                $("#txtAutoComplete_FileProviderId").val(fileproviderid);
                            });
                        });
                    }
                    _bindtenants_data() {
                        Unibase.Platform.Membership.Managers.AccountManager.Instance().getSharedTenants().then(function (result) {
                            $("#selectbranch").empty();
                            let data = result.result;
                            for (var i = 0; i < data.length; i++) {
                                var primary_tenant = data[i].tenantName;
                                var primary_tenant_id = data[i].tenantId;
                                var html = `<option class="primary-account font-10" value =` + primary_tenant_id + `> ` + primary_tenant + ` </option>`;
                                $("#selectbranch").append(html);
                            }
                            let branch_selct = $("#selectbranch").find("option").length;
                            if (branch_selct <= 1) {
                                $("#selectbranch").parent(".branch-Group").addClass("d-none");
                            }
                            $("#selectbranch").val(_appsettings.active_identity().tenantId);
                        });
                    }
                    loadBranches(containerid) {
                        var instance = this;
                        $(".settings-panel-close").trigger('click');
                        let ModalHtml = `<div class="settings-modal-container">
                                        <div class="modal fade" id="settingsModal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true">
                                            <div class="modal-dialog modal-dialog-centered" role="document">
                                                <div class="modal-content rounded-10">
                                                    <div class="modal-header" style="border-style: dashed;">
                                                        <h5 class="modal-title ml-auto">Change Branch</h5>
                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true" class="badge badge-soft-danger font-20 rounded-circle pb-2 px-2">×</span> </button>
                                                    </div>
                                                    <div class="modal-body">
                                                            <div class="row date-time-row">
                                                                <div class="col-sm-6">
                                                                <div class="form-group">
                                                                <label class="control-label text-primary font-weight-500 mb-5 biz-highlight-text-color" for="fiscalYearSelect"> Fiscal Year</label>
                                                                <select class="form-control border border-top-0 border-right-0 border-left-0" style="width: 100%;" id="txtAutoComplete_PartitionId"> </select>
                                                            </div>
                                                              </div>
                                                                <div class="col-sm-6">
                                                                <div class="form-group ${this.isRestrictHidden}">
                                                                <label class="control-label text-primary font-weight-500 mb-0 biz-highlight-text-color">FromDate-ToDate</label>
                                                                ${!instance.desktopMode ? '<input class="form-control datepicker-input cmn-daterange-input" type="text" placeholder="DD/MM/YYYY - DD/MM/YYYY" id="mobileCmnDataRangeInput">' : ''}
                                                                <div id="dynamic-filters_modalCmnDateFilter"></div>
                                                            </div>
                                                               </div>
                                                                </div>
                                                                <div class="form-group branch-Section">
                                                                <label class="control-label text-primary font-weight-500 mb-5 biz-highlight-text-color" for="branchSelect"> Branch</label>
                                                                <select class="form-control border border-top-0 border-right-0 border-left-0" style="width: 100%;" id="txtAutoComplete_BranchId"> </select>
                                                            </div>
                                                            <div class="form-group branch-Group">
                                                                <label class="control-label text-primary font-weight-500 mb-5 biz-highlight-text-color"> Switch To</label>
                                                                <select class="form-control border border-top-0 border-right-0 border-left-0 pl-0" id="selectbranch" style="width:100%;">
                                                                </select>
                                                            </div>
                                                            <div class="text-center">
                                                                <button  class="btn px-4 py-1 btn btn-sm btn-primary" onclick="Unibase.Themes.Compact.Components.Nav.Instance().changeBranch()">Apply</button>
                                                            </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>`;
                        $("#_bizgaze_modal").append(ModalHtml);
                        let checkisrescritted = _appsettings.active_identity().isRestrictedUser;
                        if (checkisrescritted) {
                            $("#settingsModal").find(".branch-Section,.date-time-row").addClass("d-none");
                        }
                        instance._bindtenants_data();
                        $('#settingsModal').modal();
                        let _secDataenabled = _appsettings.active_identity().secDataEnabled;
                        if (_secDataenabled) {
                            $(".secondary-account").attr("selected", "selected");
                        }
                        else {
                            $(".primary-account").attr("selected", "selected");
                        }
                        $('#settingsModal').on('hide.bs.modal', function (e) {
                            $('.right-side-menu-content-wrap').find('.nav-item').removeClass('right-sunbnav-active');
                        });
                        var url = _appsettings.server_url() + '/apis/v4/bizgaze/crm/companies/getbranchesAutoComplete';
                        AutoCompleteHelper.getHelper().Create("#txtAutoComplete_BranchId", "#hfAutoComplete_BranchId", url, function (response) {
                            var data = response;
                        });
                        var url = _appsettings.server_url() + '/apis/v4/unibase/platform/partitions/getPartitionsAutoComplete';
                        AutoCompleteHelper.getHelper().Create("#txtAutoComplete_PartitionId", "#hfAutoComplete_PartitionId", url, function (response) {
                            var data = response;
                        });
                        $("#txtAutoComplete_BranchId").empty();
                        $("#txtAutoComplete_PartitionId").empty();
                        var BranchId = 0, PartitionId = 0;
                        var Branch = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().settings.find(x => x.settingName == "branchid");
                        var PartitionId = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().partitionId;
                        var PartitionName = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().partitionName;
                        if (Branch != undefined) {
                            BranchId = Branch.settingValue;
                            if (BranchId != 0) {
                                var BranchName = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().settings.find(x => x.settingName == "branchname").settingValue;
                                var branch = new Option(BranchName, BranchId.toString(), true);
                                $("#txtAutoComplete_BranchId").append(branch);
                                $("#txtAutoComplete_BranchId").val(BranchId);
                            }
                        }
                        if (PartitionId != undefined) {
                            var partition = new Option(PartitionName, PartitionId.toString(), true);
                            $("#txtAutoComplete_PartitionId").append(partition);
                            $("#txtAutoComplete_PartitionId").val(PartitionId);
                        }
                        if (instance.desktopMode) {
                            Unibase.Platform.Analytics.Components._CommonFilter.Instance().commonFilter(0, '_modalCmnDateFilter');
                        }
                        else {
                            const fromDate = moment(instance.currentUser.fromDate).format('DD/MM/YYYY');
                            const toDate = moment(instance.currentUser.toDate).format('DD/MM/YYYY');
                            $('#mobileCmnDataRangeInput').val(fromDate + ' - ' + toDate);
                            $('#mobileCmnDataRangeInput').off('click').click(function () {
                                Unibase.Platform.Analytics.Components._CommonFilter.Instance().commonFilter(0, '_navCmnDateFilter');
                                $("#bizCmnDateFilterModal").modal({
                                    show: true,
                                    backdrop: 'static'
                                });
                            });
                        }
                    }
                    _isSwitched() {
                        let _currentTenant = _appsettings.active_identity().tenantId;
                        let _switchedTenant = $('#selectbranch').find(":selected").val();
                        return _currentTenant != Number(_switchedTenant);
                    }
                    changeBranch() {
                        var instance = this;
                        var BranchId = $("#txtAutoComplete_BranchId").val();
                        var PartitionId = $("#txtAutoComplete_PartitionId").val();
                        BranchId = BranchId == null ? 0 : BranchId;
                        PartitionId = PartitionId == null ? 0 : PartitionId;
                        if (this._isSwitched()) {
                            $('#settingsModal').modal("hide");
                            let checkswitchid = $('#selectbranch').find(":selected").val();
                            Unibase.Platform.Membership.Managers.AccountManager.Instance().switchtotenant(Number(checkswitchid));
                        }
                        else {
                            instance.fileCacheHelper.loadJsFile("apps/crm/companies/managers/companymanager.js", function () {
                                Bizgaze.Apps.CRM.Companies.Managers.CompanyManager.Instance().changeBranch(BranchId, PartitionId).then(function (res) {
                                    $('#settingsModal').modal("hide");
                                    if (isMobileApp()) {
                                        Unibase.Platform.Helpers.MobileHelper.Instance().redirectToLogin();
                                    }
                                    else {
                                        window.location.href = '#/welcome';
                                        window.location.reload();
                                    }
                                });
                            });
                        }
                    }
                    sessiontimeout(containerid) {
                        Unibase.Platform.Helpers.CookieHelper.Instance().setIdentityCookie('');
                        $(".settings-panel-close").trigger('click');
                        $(".sessioninput").val('');
                        var Username = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().name;
                        let ModalHtml = `<div class="modal fade" id="sessionsModal" data-backdrop="static" data-keyboard="false" tabindex="-1" role="dialog" aria-hidden="true">
                                            <div class="modal-dialog modal-lg modal-dialog-centered " role="document" >
                                                <div class="modal-content rounded-10 text-center bg-white" style="background:url(tenants/themes/compact/imgs/biz-alert-bg.png);background-size:100%;background-repeat:no-repeat">
                                                  <img src="tenants/themes/compact/imgs/alertimg.png" class="img-fluid pt-20 pb-10 w-80p m-auto sessiontimeoutimg" >
                                                    <div class="modal-body sessiontimeoutmodal text-center pb-30">
                                                            <h5>Hi  ${Username}</h5>
                                                       <p class="py-1">For Security reasons, the session will expire automatically, If the browser window <br> is idle for a long time. </p>
                                                    <label class="sessiontimeoutlabel"></label>
                                                  <form name="sessionform" onkeydown="return event.key != 'Enter';"  >
                                                    <div class="input-group w-50 mx-auto">
                                                    <input type="password" class="form-control border sessioninput" placeholder="Enter your Password to Login *" aria-label="Passwrod" aria-describedby="basic-addon2" id="reEnterpswd" name="loginpassword">
                                                    <div class="input-group-append">
                                                    <a toggle="#InputPassword" id="confirmPasswordHide" class="fa fa-eye-slash font-15 btn" style="position:absolute;right:55px; top: 7px;z-index:10; padding:5px" ></a>
                                                    <button class="btn btn-primary rounded login-btn" id="login-btn" type="button" onclick=" Unibase.Themes.Compact.Components.Nav.instance.checkpassword()" name="loginpassword"><i class="fa fa-sign-in"></i></button>
                                                    </div>
                                                    </div>
                                                        </form>
                                                        </div>
                                                        <span>or</span>
                                                        <div class="pt-1 pb-3">Click here to </span><a class="text-dark font-weight-600 loginpage" id="btnLogoff" href="javascript:;" style="text-decoration: underline;">Sign out</a></div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>`;
                        $("#_bizgaze_modal").html(ModalHtml);
                        $('#sessionsModal').modal();
                        $(".loginpage").click(function () {
                            $("#btnLogoff").click();
                            $("#userBtnLogoff").click();
                        });
                        $("#reEnterpswd").off().keyup(function (e) {
                            if (e.which == 13) {
                                e.preventDefault();
                                Unibase.Themes.Compact.Components.Nav.instance.checkpassword();
                            }
                        });
                        $("#confirmPasswordHide").click(function () {
                            var input = $('#reEnterpswd');
                            input.attr('type') == "password" ? input.attr('type', 'text') : input.attr('type', 'password');
                            $("#confirmPasswordHide").toggleClass('fa-eye-slash fa-eye');
                            $("#reEnterpswd").focus();
                        });
                    }
                    checkpassword() {
                        Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFile("platform/membership/requests/login.js", function () {
                            const Loginpassword = $(".sessioninput").val();
                            if (Loginpassword === "") {
                                $(".sessiontimeoutlabel").html('<div class="alert alert-danger" role ="alert">Enter Your Password to Login Again </div>');
                                return false;
                            }
                            else {
                                const unibaseid = Unibase.Platform.Membership.Infos.Identity.getCurrentUser().unibaseId;
                                var request = new Unibase.Platform.Membership.Requests.Login("", Loginpassword.toString(), unibaseid, true);
                                var _accountManager = Unibase.Platform.Membership.Managers.AccountManager.Instance();
                                _accountManager.validateLogin(request).then(function (response) {
                                    const _identity = response.result;
                                    if (_identity === null) {
                                        $(".sessiontimeoutlabel").html('<div class="alert alert-danger" role ="alert">' + response.message + '</div>');
                                        return false;
                                    }
                                    else {
                                        $('#sessionsModal').modal('hide');
                                        $('#sessionsModal').on('hidden.bs.modal', function () {
                                            $(this).remove();
                                        });
                                        Unibase.Platform.Membership.Infos.Identity.setCurrentUser(_identity);
                                    }
                                });
                            }
                        });
                    }
                    getNavParentGroups() {
                        const instance = this;
                        var userInfo = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                        if (userInfo.settings) {
                            var index = userInfo.settings.findIndex(x => x.settingName == 'navigationid');
                            var navigationId = 0;
                            if (index != -1) {
                                navigationId = userInfo.settings.find(x => x.settingName == 'navigationid').settingValue;
                            }
                            if (navigationId != 0) {
                                instance.fileCacheHelper.loadJsFiles(["platform/navigation/managers/navigationmanager.js", "platform/dashboards/managers/dashboardmanager.js"], function () {
                                    Unibase.Platform.Navigation.Managers.NavigationManager.Instance().getNavParentGroups(navigationId).then(function (response) {
                                        if (response.result != null && response.result.length > 0) {
                                            var html = '';
                                            var iconhtml = '';
                                            var count = 0;
                                            var active = "";
                                            Unibase.Platform.Dashboards.Managers.DashboardManager.Instance().getDashboards().then(function (res) {
                                                if (res.result != null && res.result.length > 0) {
                                                    instance.dashboards = res.result;
                                                }
                                                if (instance.layoutIndex == instance.leftLayout) {
                                                    var navElement = $(document.querySelectorAll(".menu-content-wrap")).find(".navbar-nav");
                                                    if (navElement) {
                                                        $(navElement).children().not('#nav-button-close').empty();
                                                    }
                                                }
                                                else if (instance.layoutIndex == instance.topLayout || instance.layoutIndex == instance.topLeftLayout) {
                                                    $('#layoutMainNavbar .nav-group-container').remove();
                                                }
                                                for (var i = 0; i < response.result.length; i++) {
                                                    if (response.result[i].IsFooter) {
                                                        if (($(window).width() <= 575)) {
                                                            instance.loadFooter(response.result[i].NavigationGroupId);
                                                        }
                                                    }
                                                    else {
                                                        if (instance.layoutIndex == instance.leftLayout) {
                                                            if (count == 0) {
                                                                active = "sunbnav-active";
                                                            }
                                                            else {
                                                                active = "";
                                                            }
                                                            html = `<li class="nav-item nav-button ${active}" id = "navgrp_${response.result[i].NavigationGroupName}" ><a class="nav-link" href = "javascript:;" onclick = "Unibase.Themes.Compact.Components.Nav.Instance().getNavChildGroups(${response.result[i].NavigationGroupId},'nav-navitems','${response.result[i].NavigationGroupName}')" id = "lnkNavGroups" >`;
                                                            if (response.result[i].ImageUrl != null && response.result[i].ImageUrl != "") {
                                                                var bool = response.result[i].ImageUrl.includes("~");
                                                                if (bool) {
                                                                    response.result[i].ImageUrl = response.result[i].ImageUrl.replace("~", "");
                                                                }
                                                                iconhtml = `<img src="${response.result[i].ImageUrl}" class="w-30p h-30p" data-dynamic="1" onerror="ReloadImage(event)" data-loaded="1" > </a></li>`;
                                                            }
                                                            else {
                                                                iconhtml = `<span class="nav-icon-wrap" > <i class="${response.result[i].Icon}"></i></span></a></li>`;
                                                            }
                                                            html = html + iconhtml;
                                                            $(".biz-main-menu").find(".navbar-nav li:last").after(html);
                                                            if (count == 0) {
                                                                instance.getNavChildGroups(response.result[i].NavigationGroupId, 'nav-navitems', response.result[i].NavigationGroupName, true);
                                                                count++;
                                                            }
                                                        }
                                                        else if (instance.layoutIndex == instance.topLayout || instance.layoutIndex == instance.topLeftLayout) {
                                                            $('#layoutMainNavbar').append(`<li class="nav-item nav-group-container nav-navitems-container ${instance.layoutIndex == instance.topLayout ? 'my-0' : ''}" id="navgrp_${response.result[i].NavigationGroupId}"><a class="nav-link nav-group-collapse-link" href="javascript:void(0);" data-toggle="collapse" data-target="#navGrpNav_${response.result[i].NavigationGroupId}" id="navLink_${response.result[i].NavigationGroupId}"></a><ul id="navGrpNav_${response.result[i].NavigationGroupId}" class="flex-column collapse collapse-level-1" data-navigation="Back2Path"><li class="nav-item"><ul class="nav flex-column" id="nav-navitems-${response.result[i].NavigationGroupId}"></ul></li></ul></li>`);
                                                            if (instance.layoutIndex == instance.topLayout && instance.desktopMode) {
                                                                $(`#navLink_${response.result[i].NavigationGroupId}`).removeAttr('data-target');
                                                            }
                                                            if (response.result[i].ImageUrl != null && response.result[i].ImageUrl != "") {
                                                                var bool = response.result[i].ImageUrl.includes("~");
                                                                if (bool) {
                                                                    response.result[i].ImageUrl = response.result[i].ImageUrl.replace("~", "");
                                                                }
                                                                iconhtml = `<img src="${response.result[i].ImageUrl}" class="w-30p h-30p" data-dynamic="1" onerror="ReloadImage(event)" data-loaded="1">`;
                                                            }
                                                            else {
                                                                iconhtml = `<i class="${response.result[i].Icon} nav-link-icon"></i>`;
                                                            }
                                                            $(`#navLink_${response.result[i].NavigationGroupId}`).html(`${iconhtml}<span class="nav-link-text">${response.result[i].NavigationGroupName}</span>`);
                                                            instance.getNavChildGroups(response.result[i].NavigationGroupId, `nav-navitems-${response.result[i].NavigationGroupId}`, response.result[i].NavigationGroupName, true);
                                                        }
                                                    }
                                                }
                                            });
                                            if (response.result.length > 0 && instance.layoutIndex == instance.leftLayout) {
                                                if (document.getElementById("nav-button-dashboards")) {
                                                    document.getElementById("nav-button-dashboards").remove();
                                                }
                                                if (document.getElementById("nav-button-apps")) {
                                                    document.getElementById("nav-button-apps").remove();
                                                }
                                                if (document.getElementById("nav-button-create")) {
                                                    document.getElementById("nav-button-create").remove();
                                                }
                                                if (document.getElementById("nav-button-reports")) {
                                                    document.getElementById("nav-button-reports").remove();
                                                }
                                            }
                                        }
                                        else {
                                            instance.showLeftLayoutDefaultNavIcons();
                                            if (isMobileApp()) {
                                                instance.loadMobileReminders();
                                            }
                                        }
                                    });
                                });
                            }
                            else {
                                instance.showLeftLayoutDefaultNavIcons();
                                if (isMobileApp()) {
                                    instance.loadMobileReminders();
                                }
                            }
                        }
                        else {
                            instance.showLeftLayoutDefaultNavIcons();
                        }
                    }
                    showLeftLayoutDefaultNavIcons() {
                        const instance = this;
                        if (instance.layoutIndex == instance.leftLayout) {
                            $("#lnkDashboards").removeClass("d-none");
                            $("#lnkReports").removeClass("d-none");
                            $("#lnkCreate").removeClass("d-none");
                            $("#lnkApps").removeClass("d-none");
                        }
                        instance.showNavOptions(1);
                    }
                    getNavChildGroups(navParentGroupId, containerId, navParentGrpName, test) {
                        var instance = this;
                        if (instance.layoutIndex == instance.leftLayout) {
                            $("#nav-apps-container").addClass("hidden");
                            $("#nav-reports-container").addClass("hidden");
                            $("#nav-dashboards-container").addClass("hidden");
                            $("#nav-navitems-container").removeClass("hidden");
                            $(".nav-title").text(navParentGrpName);
                        }
                        $("#" + containerId).empty();
                        instance.fileCacheHelper.loadJsFile("platform/navigation/managers/navigationmanager.js", function () {
                            Unibase.Platform.Navigation.Managers.NavigationManager.Instance().getNavItems(navParentGroupId, false).then(function (response) {
                                if (response.result != null) {
                                    var navitems = response.result;
                                    var navGroups = [];
                                    var apptemplate = Components.Nav_Template.Instance().navAppTemplate();
                                    var appgrouptemplate = Components.Nav_Template.Instance().navAppGroupTemplate();
                                    var dashboardtemaplate = Components.Nav_Template.Instance().navDashboardTemplate();
                                    var dashboardgrouptemaplate = Components.Nav_Template.Instance().navDashboardGroupTemplate();
                                    var reporttemplate = Components.Nav_Template.Instance().navReportTemplate();
                                    var reportgrouptemplate = Components.Nav_Template.Instance().navReportGroupTemplate();
                                    var templateScript;
                                    var context;
                                    var count = 0;
                                    for (var i = 0; i < navitems.length; i++) {
                                        var item = navitems[i];
                                        if (navitems[i].IsChild) {
                                            if (navGroups.length > 0) {
                                                var index = navGroups.findIndex(x => x.NavigationGroupId == item.NavigationGroupId && x.NavigationGroupName == item.NavigationGroupName);
                                                if (index == -1) {
                                                    navGroups.push({ NavigationGroupId: item.NavigationGroupId, NavigationGroupName: item.NavigationGroupName });
                                                    instance.renderNavChildGroup(item, context, containerId, navitems);
                                                }
                                            }
                                            else {
                                                navGroups.push({ NavigationGroupId: item.NavigationGroupId, NavigationGroupName: item.NavigationGroupName });
                                                instance.renderNavChildGroup(item, context, containerId, navitems);
                                            }
                                        }
                                        else {
                                            var html = ``;
                                            context = navitems[i];
                                            if (item.NavigationGroupType == 1) {
                                                if (item.IsGroup) {
                                                    templateScript = Handlebars.compile(dashboardgrouptemaplate);
                                                }
                                                else {
                                                    templateScript = Handlebars.compile(dashboardtemaplate);
                                                }
                                            }
                                            else if (item.NavigationGroupType == 2) {
                                                if (item.IsGroup) {
                                                    templateScript = Handlebars.compile(appgrouptemplate);
                                                }
                                                else {
                                                    templateScript = Handlebars.compile(apptemplate);
                                                }
                                            }
                                            else if (item.NavigationGroupType == 3) {
                                                if (item.IsGroup) {
                                                    templateScript = Handlebars.compile(reportgrouptemplate);
                                                }
                                                else {
                                                    templateScript = Handlebars.compile(reporttemplate);
                                                }
                                            }
                                            else {
                                                var jstemplate = `<li id='{{ItemId}}' class="nav-item lireportgrp-item lireportgrp-addeditem UlItem_{{ItemId}}">
                                             <a href="javascript:;" class="nav-link nav-anchor biz_anchor nav-hover-link text-truncate" data-reportname="{{ItemName}}" onclick="{{OnClick}}">{{ItemName}}</a></li>`;
                                                templateScript = Handlebars.compile(jstemplate);
                                            }
                                            html = templateScript(context);
                                            jQuery("#" + containerId).append(html);
                                        }
                                        if (test) {
                                            if (count == 0) {
                                                if (navitems[i].NavigationGroupType == 1) {
                                                    if (navitems[i].IsGroup) {
                                                        instance.loadDashboardsInDashboard(navitems[i].ItemId, 0, true);
                                                    }
                                                    else {
                                                        instance.loadNavDashBoard(navitems[i].ItemId, navitems[i].ItemName);
                                                    }
                                                }
                                                else if (navitems[i].NavigationGroupType == 2) {
                                                }
                                                else if (navitems[i].NavigationGroupType == 3) {
                                                }
                                                else if (navitems[i].NavigationGroupType == 4) {
                                                }
                                                count++;
                                            }
                                        }
                                    }
                                    if (isMobileApp()) {
                                        instance.loadMobileReminders();
                                    }
                                    $('#nav-navitems .ligrp-item,#layoutMainNavbar .ligrp-item').first().addClass('active-item');
                                    $('#nav-navitems .nav-item').not('.nav-item.collapsed').off().click(function (e) {
                                        e.stopImmediatePropagation();
                                        $('#nav-navitems .nav-item.active-item').removeClass('active-item');
                                        let clickedEl = $(e.currentTarget);
                                        if (!$(clickedEl).hasClass('collapsed')) {
                                            $(clickedEl).addClass('active-item');
                                            if ($(clickedEl).parents('.collapsed').length) {
                                                $(clickedEl).parents('.collapsed').find('[data-toggle="collapse"]').addClass('active-item');
                                            }
                                        }
                                    });
                                    $('#layoutMainNavbar .ligrp-item').off().click(function (e) {
                                        e.stopImmediatePropagation();
                                        $('#layoutMainNavbar .nav-item.active-item').removeClass('active-item');
                                        $(this).addClass('active-item');
                                    });
                                }
                            });
                        });
                    }
                    renderNavChildGroup(item, context, containerId, navitems) {
                        var groupid = item.NavigationGroupId;
                        var templateScript = Handlebars.compile(Components.Nav_Template.Instance().navGroupTemplate());
                        context = { "NavGroupId": item.NavigationGroupId, "NavGroupName": item.NavigationGroupName };
                        var html = templateScript(context);
                        jQuery("#" + containerId).append(html);
                        var groupitems = navitems.filter(function (navitem, index) {
                            return navitem.NavigationGroupId === item.NavigationGroupId;
                        });
                        if (groupitems.length > 0) {
                            groupitems.forEach(function (item, index) {
                                var context = item;
                                if (item.NavigationGroupType == 1) {
                                    if (item.IsGroup) {
                                        templateScript = Handlebars.compile(Components.Nav_Template.Instance().navDashboardGroupTemplate());
                                    }
                                    else {
                                        templateScript = Handlebars.compile(Components.Nav_Template.Instance().navDashboardTemplate());
                                    }
                                }
                                else if (item.NavigationGroupType == 2) {
                                    if (item.IsGroup) {
                                        templateScript = Handlebars.compile(Components.Nav_Template.Instance().navAppGroupTemplate());
                                    }
                                    else {
                                        templateScript = Handlebars.compile(Components.Nav_Template.Instance().navAppTemplate());
                                    }
                                }
                                else if (item.NavigationGroupType == 3) {
                                    if (item.IsGroup) {
                                        templateScript = Handlebars.compile(Components.Nav_Template.Instance().navReportGroupTemplate());
                                    }
                                    else {
                                        templateScript = Handlebars.compile(Components.Nav_Template.Instance().navReportTemplate());
                                    }
                                }
                                else {
                                    var jstemplate = `<li id='{{ItemId}}' class="nav-item lireportgrp-item lireportgrp-addeditem UlItem_{{ItemId}}">
                                             <a href="javascript:;" class="nav-link nav-anchor biz_anchor nav-hover-link text-truncate" data-reportname="{{ItemName}}" onclick="{{OnClick}}">{{ItemName}}</a></li>`;
                                    templateScript = Handlebars.compile(jstemplate);
                                }
                                html = templateScript(context);
                                $("#liNavGroup_" + groupid + "_item").before(html);
                            });
                        }
                    }
                    loadFooter(navGroupId) {
                        var instance = this;
                        instance.fileCacheHelper.loadJsFile("apps/crm/companies/managers/companymanager.js", function () {
                            Unibase.Platform.Navigation.Managers.NavigationManager.Instance().getNavItems(navGroupId, true).then(function (response) {
                                if (response.result != null) {
                                    var footer = '<div class="biz-mobile-footer h-55p shadow w-100 bg-white z-index-2 py-3 px-4"><ul class="d-flex list-inline align-items-center justify-content-between mobile-footer-content"></ul></div>';
                                    $("#bizgaze_body").append(footer);
                                    var navitems = response.result;
                                    var count = 0;
                                    var active = "";
                                    for (let i = 0; i < navitems.length; i++) {
                                        var iconhtml = "";
                                        if (count == 0) {
                                            active = "active";
                                            count++;
                                        }
                                        else {
                                            active = "";
                                        }
                                        if (navitems[i].NavigationGroupType == 1) {
                                            var load = "";
                                            if (navitems[i].IsGroup) {
                                                load = "loadDashboardsInDashboard";
                                            }
                                            else {
                                                load = "loadNavDashBoard";
                                            }
                                            let html = `<li id='${navitems[i].ItemId}' class="nav-footer-top  ligrp-addeditem footerItem_${navitems[i].ItemId}" ><input type="hidden" id="hf_Dashboard_DashboardId" value="${navitems[i].ItemId}"><input type="hidden" id="hf_Dashboard_DashboardName" data-Dashboardname="${navitems[i].ItemName}"value="${navitems[i].ItemName}"> <a href="javascript:;" class="nav-footer-link p-3 ${navitems[i].ItemName} ${active}" data-Dashboardname="${navitems[i].ItemName}" onclick="javascript:Unibase.Themes.Compact.Components.Nav.Instance().${load}(${navitems[i].ItemId},\'${navitems[i].ItemName}\')">`;
                                            if (navitems[i].ImageUrl != null && navitems[i].ImageUrl != "") {
                                                var bool = navitems[i].ImageUrl.includes("~");
                                                if (bool) {
                                                    navitems[i].ImageUrl.replace("~", "");
                                                }
                                                iconhtml = `<img src="${navitems[i].ImageUrl}" class="w-30p h-30p" data-dynamic="1" onerror="ReloadImage(event)" data-loaded="1" > </a></li>`;
                                            }
                                            else {
                                                iconhtml = `<i class='${navitems[i].Icon}  font-25 ' style="color:black !important"></i> </a></li>`;
                                            }
                                            html = html + iconhtml;
                                            $(".mobile-footer-content").append(html);
                                        }
                                        else if (navitems[i].NavigationGroupType == 2) {
                                            var icon = navitems[i].Icon;
                                            var image = navitems[i].ImageUrl;
                                            var html = `<li id='${navitems[i].ItemId}' class="nav-footer-top  footerItem_${navitems[i].ItemId}"> <input type="hidden" id = "hf_Apps_InstalledAppId"
                                                value = "${navitems[i].ItemId}" > <input type="hidden" id = "hf_Apps_InstalledAppName" data-installedappname="${navitems[i].ItemName}" value = "${navitems[i].ItemName}" ><a href="javascript:;" class="nav-footer-link p-3 biz-${navitems[i].ItemId} ${active}" data-installedappname="${navitems[i].ItemName}" onclick = "Unibase.Themes.Compact.Components.Nav.Instance().loadList(${navitems[i].ItemId})" > `;
                                            if (navitems[i].ImageUrl != null && navitems[i].ImageUrl != "") {
                                                var bool = navitems[i].ImageUrl.includes("~");
                                                if (bool) {
                                                    navitems[i].ImageUrl.replace("~", "");
                                                }
                                                iconhtml = `<img src="${navitems[i].ImageUrl}" class="w-30p h-30p" data-dynamic="1" onerror="ReloadImage(event)" data-loaded="1" > </a></li>`;
                                            }
                                            else {
                                                iconhtml = `<i class='${navitems[i].Icon}  font-25' style="color:black !important"></i> </a></li>`;
                                            }
                                            html = html + iconhtml;
                                            $(".mobile-footer-content").append(html);
                                        }
                                        else if (navitems[i].NavigationGroupType == 3) {
                                            let html = `<li id='${navitems[i].ItemId}' class="nav-footer-top lireportgrp-item lireportgrp-addeditem footerItem_${navitems[i].ItemId}"><input type="hidden" id="hf_Analytics_ReportId"
                    value="${navitems[i].ItemId}"><input type="hidden" id="hf_Analytics_ReportName" data-reportname="${navitems[i].ItemName}" value="${navitems[i].ItemName}">
                    <a href="javascript:;" class="nav-footer-link p-3" data-reportname="${navitems[i].ItemName} ${active}" onclick="javascript: Unibase.Themes.Compact.Components.Nav.Instance().loadReport(${navitems[i].ItemId});">`;
                                            if (navitems[i].ImageUrl != null && navitems[i].ImageUrl != "") {
                                                var bool = navitems[i].ImageUrl.includes("~");
                                                if (bool) {
                                                    navitems[i].ImageUrl.replace("~", "");
                                                }
                                                iconhtml = `<img src="${navitems[i].ImageUrl}" class="w-30p h-30p" data-dynamic="1" onerror="ReloadImage(event)" data-             loaded="1" > </a></li>`;
                                            }
                                            else {
                                                iconhtml = `<i class='${navitems[i].Icon}  font-25' style="color:black !important"></i> </a></li>`;
                                            }
                                            html = html + iconhtml;
                                            $(".mobile-footer-content").append(html);
                                        }
                                        else {
                                            let html = `<li id='${navitems[i].ItemId}' class="nav-footer-top  ligrp-addeditem footerItem_${navitems[i].ItemId}" ><input type="hidden" id="hf_User_UserId" value="${navitems[i].ItemId}"><input type="hidden" id="hf_User_UserName" data-Dashboardname="${navitems[i].ItemName}"value="${navitems[i].ItemName}"> <a href="javascript:;" class="nav-footer-link p-3 ${navitems[i].ItemName} ${active}" data-Username="${navitems[i].ItemName}" onclick="${navitems[i].OnClick}">`;
                                            if (navitems[i].ImageUrl == null && navitems[i].ImageUrl == "" && navitems[i].Icon == "") {
                                                iconhtml = `${navitems[i].ItemName}</a></li>`;
                                            }
                                            if (navitems[i].ImageUrl != null && navitems[i].ImageUrl != "") {
                                                var bool = navitems[i].ImageUrl.includes("~");
                                                if (bool) {
                                                    navitems[i].ImageUrl.replace("~", "");
                                                }
                                                iconhtml = `<img src="${navitems[i].ImageUrl}" class="w-30p h-30p" data-dynamic="1" onerror="ReloadImage(event)" data-loaded="1" > </a></li>`;
                                            }
                                            else if (navitems[i].Icon != "") {
                                                iconhtml = `<i class='${navitems[i].Icon}  font-25 ' style="color:black !important"></i> </a></li>`;
                                            }
                                            html = html + iconhtml;
                                            $(".mobile-footer-content").append(html);
                                        }
                                    }
                                }
                            });
                        });
                    }
                    loadNavDashBoard(dashboardId, dashboardName) {
                        const instance = this;
                        instance.prflDropDownMenu();
                        var Dashboard_len = $(".dashboard-options-list").length;
                        if ($("._bizgaze_detail_container.bg-cyan-light-5-removed").length != 0) {
                            Unibase.Themes.Providers.DetailHelper.installedAppId = 0;
                            Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.pop();
                        }
                        $("._bizgaze_detail_container.bg-cyan-light-5-removed").remove();
                        $("._bizgaze_detail_container").removeClass("hidden");
                        if (Dashboard_len == 0 && Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.length > 0) {
                            $(".biz-pg-wrapper  ._bizgaze_detail_container.bg-cyan-light-5-removed").remove();
                            Unibase.Platform.Helpers.NavigationHelper.Instance().loadSection(0, "", Unibase.Themes.Compact.Components.Dashboard.Instance(), null, null);
                        }
                        $("#lblDbGroup_Title").text(dashboardName);
                        $(".layout-dashboard-tabs").addClass('hidden');
                        const dboards = instance.dashboards.filter(x => x.DashboardId == dashboardId);
                        const groupId = dboards[0].DashboardGroupId;
                        instance.loadDashboardsInDashboard(groupId, dashboardId, true);
                        $('.biz-wrapper').removeClass('biz__nav__toggle');
                        $('.biz-nav-fullwidth').addClass('hidden');
                    }
                    loadUserProfile_() {
                        var instance = this;
                        instance.navigationHelper.loadDetail(Unibase.Platform.Membership.Infos.Identity.currentUser.userId, Unibase.Platform.Membership.Infos.Identity.getSetting("installedappid"), null);
                    }
                    loadUserLogOff() {
                        var cookieHelper = Unibase.Platform.Helpers.CookieHelper.Instance();
                        if (isMobileApp()) {
                            Unibase.Platform.Helpers.MobileHelper.Instance().cacheUserCredantials('', '');
                            Unibase.Platform.Helpers.MobileHelper.Instance().logout();
                        }
                        else {
                            Unibase.Platform.Membership.Infos.Identity.setCurrentUser(null);
                            $("#bizgaze_body").html("");
                            cookieHelper.deleteCookie(Unibase.Platform.Helpers.CookieHelper._userIdentitycookie);
                            window.location.href = '/#/logoff';
                            window.location.reload();
                        }
                    }
                    static Instance() {
                        if (this.instance === undefined)
                            this.instance = new Nav();
                        return this.instance;
                    }
                    updateFileProvider() {
                        var FileProviderId = Number($("#txtAutoComplete_FileProviderId").val());
                        Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFile("platform/files/managers/filemanager.js", function () {
                            Unibase.Platform.Files.Managers.FileManager.Instance().updateFileProvider(FileProviderId).then(function () {
                                $('#loadFileProvidersModal').modal("hide");
                            });
                        });
                    }
                    loadChat() {
                        $('#settingsPanelBodyWrap').addClass('d-none');
                        $('#chatPanelBodyWrap').removeClass('d-none');
                        $('.biz-settings-panel .settings-panel-head').addClass('d-none');
                        $(".biz-wrapper,.hk-wrapper").addClass("biz-settings-toggle");
                        if ($("#nav-chats-container").children().length === 0) {
                            if (this.indexInstance.isIframe) {
                                Unibase.Platform.Connect.Components.Chat.isFullScreen = true;
                            }
                            Unibase.Platform.Connect.Components.Chat.Instance().loadchats();
                        }
                    }
                    loadMobileReminders() {
                        let params = Unibase.Platform.Helpers.MobileHelper.Instance().getReminderParmeters();
                        let reminderType = Unibase.Platform.Helpers.MobileHelper.Instance().getReminderType();
                        if (params != '') {
                            Unibase.Platform.Helpers.MobileHelper.Instance().loadMobileReminders(params);
                        }
                        else if (reminderType != '' && reminderType != null) {
                            this.fileCacheHelper.loadJsFiles(['platform/communications/enums/reminders/remindertype.js', 'platform/communications/managers/reminders/remindermanager.js'], function () {
                                Unibase.Themes.Compact.Components.Notification.Instance().loadReminders('tab-view').then(function () {
                                    $(".biz-wrapper,.hk-wrapper").addClass("biz-settings-toggle");
                                    if (reminderType == 'Task') {
                                        Unibase.Themes.Compact.Components.Notification.Instance().tabView('task-tab');
                                    }
                                });
                            });
                        }
                    }
                    wizard() {
                        Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFiles(["tenants/themes/compact/components/dashboard/wizard/request/wizardrequest.js", "tenants/themes/compact/components/dashboard/wizard/manager/wizardmanager.js", "tenants/themes/compact/components/dashboard/wizard/wizard.js", "platform/core/helpers/file/file.js"], function () {
                            Unibase.Themes.Compact.Components.Wizard.Wizard.Instance().wizardApp();
                        });
                    }
                    stagesListPage(id, _installedAppId, _recordId) {
                        let instance = this;
                        var fromDate = "";
                        var toDate = "";
                        var cf_fromDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_FromDate;
                        var cf_toDate = Unibase.Platform.Helpers.NavigationHelper.commonFilter_ToDate;
                        if (cf_fromDate != null && cf_toDate != null) {
                            fromDate = cf_fromDate.toString();
                            toDate = cf_toDate.toString();
                        }
                        else {
                            fromDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                            toDate = Unibase.Platform.Helpers.DateTimeHelper.Instance().formatLocalDateformat(new Date(Unibase.Platform.Helpers.DateTimeHelper.Instance().currentDate()), "YYYY/MM/DD");
                        }
                        var expObj = {
                            InstalledAppId: Number(_installedAppId),
                            RecordId: Number(_recordId),
                            FromDate: fromDate,
                            ToDate: toDate
                        };
                        Unibase.Platform.Widgets.Managers.WidgetManager.Instance().getDefaultWidget(expObj).then(function (res) {
                            let html = '', response;
                            for (var i = 0; i < res.result.Stages.length; i++) {
                                response = res.result.Stages[i];
                                if (Unibase.Platform.Membership.Infos.Identity.getCurrentUser().isAdmin) {
                                    html += `<a class="dropdown-item" onclick="Unibase.Themes.Compact.Components.Details.Instance().change(${response.StageId}, ${response.InstalledAppId},'${id}')" data-stageindex="${response.StageIndex}" data-stageid="${response.StageId}" data-stageList_Name="${response.StageName}" data-inastalledappid="${response.InstalledAppId}" href="javascript:void();">${response.StageName}</a>`;
                                }
                                else {
                                    if (response.ChangeAll && response.StageRoles == null) {
                                        html += `<a class="dropdown-item" onclick="Unibase.Themes.Compact.Components.Details.Instance().change(${response.StageId}, ${response.InstalledAppId},'${id}')" data-stageindex="${response.StageIndex}" data-stageid="${response.StageId}" data-stageList_Name="${response.StageName}" data-inastalledappid="${response.InstalledAppId}" href="javascript:void();">${response.StageName}</a>`;
                                    }
                                    if (response.StageRoles != null && response.StageRoles.length != 0) {
                                        for (var j = 0; j < response.StageRoles.length; j++) {
                                            if (response.ChangeAll && (!response.StageRoles[j].ExcludeChangeRole)) {
                                                html += `<a class="dropdown-item" onclick="Unibase.Themes.Compact.Components.Details.Instance().change(${response.StageId}, ${response.InstalledAppId},'${id}')" data-stageindex="${response.StageIndex}" data-stageid="${response.StageId}" data-stageList_Name="${response.StageName}" data-inastalledappid="${response.InstalledAppId}" href="javascript:void();">${response.StageName}</a>`;
                                            }
                                        }
                                    }
                                    if (response.ChangeAll == false && response.StageRoles != null && response.StageRoles.length > 0) {
                                        html += `<a class="dropdown-item" onclick="Unibase.Themes.Compact.Components.Details.Instance().change(${response.StageId}, ${response.InstalledAppId},'${id}')" data-stageindex="${response.StageIndex}" data-stageid="${response.StageId}" data-stageList_Name="${response.StageName}" data-inastalledappid="${response.InstalledAppId}" href="javascript:void();">${response.StageName}</a>`;
                                    }
                                }
                            }
                            $(`[aria-labelledby="${id}"]`).removeClass('d-none').html(html);
                            let inptParamter = JSON.parse(res.result.Data)[0];
                            Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters = [];
                            for (const property in inptParamter) {
                                debugger;
                                console.log(`${property}: ${inptParamter[property]}`);
                                Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.push({
                                    Key: "hf_" + _installedAppId + "_" + property.toLowerCase(),
                                    Value: inptParamter[property],
                                    DataType: typeof (inptParamter[property])
                                });
                            }
                            Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters.push({
                                Key: "hf_" + _installedAppId + "_" + "recordid",
                                Value: _recordId.toString(),
                                DataType: typeof (_recordId)
                            });
                            Unibase.Themes.Providers.DetailHelper.installedAppId = Number(_installedAppId);
                            Unibase.Themes.Providers.DetailHelper.recordId = Number(_recordId);
                            Unibase.Themes.Providers.DetailHelper.isListStages = true;
                            Unibase.Themes.Providers.Detail_Settings.Instance().InstalledAppId = Number(_installedAppId);
                            Unibase.Themes.Providers.Detail_Settings.Instance().RecordId = Number(_recordId);
                            Unibase.Themes.Providers.Detail_Settings.Instance().isListStages = true;
                        });
                    }
                    isListRefresh() {
                        Unibase.Themes.Providers.Detail_Settings.Instance().InputParameters = [];
                        Unibase.Themes.Providers.DetailHelper.installedAppId = 0;
                        Unibase.Themes.Providers.DetailHelper.recordId = 0;
                        Unibase.Themes.Providers.DetailHelper.isListStages = false;
                        Unibase.Themes.Providers.Detail_Settings.Instance().InstalledAppId = 0;
                        Unibase.Themes.Providers.Detail_Settings.Instance().RecordId = 0;
                        Unibase.Themes.Providers.Detail_Settings.Instance().isListStages = false;
                    }
                    logOffBootbox() {
                        bootbox.confirm({
                            message: "Do you want Logoff",
                            closeButton: false,
                            buttons: {
                                confirm: {
                                    label: 'Logoff',
                                    className: 'btn-success'
                                },
                                cancel: {
                                    label: 'Cancel',
                                    className: 'btn-danger'
                                }
                            },
                            callback: function (result) {
                                if (result) {
                                    $(".btnLogoff").click();
                                }
                                else {
                                    return '';
                                }
                            }
                        });
                    }
                    exitMobileApp() {
                        return __awaiter(this, void 0, void 0, function* () {
                            let VisibleContainerId = Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds[Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.length - 1], instance = this, length = Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.length;
                            let isPopup = false, isDetailContainer = false;
                            let InstalledAppId_html = Unibase.Themes.Providers.DetailHelper.installedAppId;
                            var userInfo = Unibase.Platform.Membership.Infos.Identity.getCurrentUser();
                            if (userInfo.settings) {
                                var index = userInfo.settings.findIndex(x => x.settingName == 'navigationid');
                                var navigationId = 0;
                                if (index != -1) {
                                    navigationId = userInfo.settings.find(x => x.settingName == 'navigationid').settingValue;
                                }
                            }
                            if (InstalledAppId_html != null) {
                                if ($('#' + VisibleContainerId).find('.mainform_container').length != 0 || $('._bizgaze_popup_container').length != 0) {
                                    isPopup = true;
                                    Unibase.Platform.Helpers.NavigationHelper.Instance().closePopUp();
                                    if (length == Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.length) {
                                        Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.pop();
                                    }
                                }
                                if (InstalledAppId_html != 0) {
                                    if ($('._bizgaze_detail_container').length > 1) {
                                        isDetailContainer = true;
                                        $('#' + VisibleContainerId).find('.detail-close').click();
                                    }
                                }
                                if ((length == 1) || ($('._bizgaze_detail_container').length == 1) && isDetailContainer == false) {
                                    if (navigationId != 0) {
                                        if (!$('[data-navigation="Back2Path"] li:first')[0].classList.value.includes('active-item')) {
                                            $('#nav-button-dashboard').click();
                                            if ($('[data-navigation="Back2Path"] li.nav-NavGroup:first').index() == 0) {
                                                $('[data-navigation="Back2Path"] li.nav-NavGroup a').click();
                                                $('[data-navigation="Back2Path"] li.nav-NavGroup:first').find('.nav-parent-item:first a').click();
                                            }
                                            else {
                                                $('[data-navigation="Back2Path"] li:first a').click();
                                            }
                                        }
                                        else {
                                            if (isMobileApp()) {
                                                Unibase.Platform.Helpers.MobileHelper.Instance().exitMobileApp();
                                            }
                                            else {
                                                yield instance.logOffBootbox();
                                            }
                                        }
                                    }
                                    if (navigationId == 0) {
                                        if (isPopup == false) {
                                            if (!$('[data-navigation="Back2Path"]').children('.li-dashboard-item:first')[0].classList.value.includes('active-item') || ($("[data-buttonType='nav-button-apps']")[0].classList.value.includes('sunbnav-active') && $('.liappgrp-item.nav-app-link').filter('.active-item') && InstalledAppId_html == 0)) {
                                                if (($("[data-buttonType='nav-button-apps']")[0].classList.value.includes('sunbnav-active') || ($("[data-buttonType='nav-button-apps']").children('a').attr('aria-expanded') == 'true')) || ($('.liappgrp-item.nav-app-link').filter('.active-item') && InstalledAppId_html == 0)) {
                                                    if ($('[data-navigation="Back2Path"] .li-dashboard-item:first').filter('.active-item').length == 0) {
                                                        instance.dshBoardBack();
                                                    }
                                                    else {
                                                        if (isMobileApp()) {
                                                            Unibase.Platform.Helpers.MobileHelper.Instance().exitMobileApp();
                                                        }
                                                        else {
                                                            yield instance.logOffBootbox();
                                                        }
                                                    }
                                                }
                                                else {
                                                    if (!$("[data-buttonType='nav-button-apps']")[0].classList.value.includes('sunbnav-active') && $('#' + Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds[0] + ':visible').length >= 1) {
                                                        $('[data-navigation="Back2Path"] li:first a').click();
                                                        Unibase.Platform.Helpers.NavigationHelper.ModalContainerIds.pop();
                                                    }
                                                    else {
                                                        if (isMobileApp()) {
                                                            Unibase.Platform.Helpers.MobileHelper.Instance().exitMobileApp();
                                                        }
                                                        else {
                                                            yield instance.logOffBootbox();
                                                        }
                                                    }
                                                }
                                            }
                                            else {
                                                if ($('[data-navigation="Back2Path"]').children('.li-dashboard-item:first')[0].classList.value.includes('active-item') && InstalledAppId_html == 0) {
                                                    instance.dshBoardBack();
                                                }
                                                else {
                                                    if (isMobileApp()) {
                                                        Unibase.Platform.Helpers.MobileHelper.Instance().exitMobileApp();
                                                    }
                                                    else {
                                                        yield instance.logOffBootbox();
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        });
                    }
                    isJsFileLoaded(filename) {
                        if (_appsettings.isdevelopement()) {
                            Unibase.Platform.Helpers.FileCacheHelper.Instance().loadJsFile("platform/core/helpers/filecache/auditjsfile.js", function () {
                                Unibase.Platform.Helpers.AuditJsFile.Instance().init(filename);
                            });
                        }
                    }
                    dshBoardBack() {
                        let instance = this;
                        if (instance.isDshboardBckArray.length != 1 && instance.isDshboardBckArray.length != 0) {
                            instance.isDshboardBck = true;
                            instance.isDshboardBckArray.pop();
                            let len = instance.isDshboardBckArray.length - 1;
                            console.log(instance.isDshboardBckArray[len].isBack);
                            if (instance.isDshboardBckArray[len].isBack == "Dashboard") {
                                let data = instance.dashboards.filter(function (o) { return o.DashboardId == instance.isDshboardBckArray[len].DashbaordId; });
                                instance.loadDashboardsInDashboard(data[0].DashboardGroupId, instance.isDshboardBckArray[len].DashbaordId, true);
                            }
                            else if (instance.isDshboardBckArray[len].isBack == "App") {
                                Unibase.Themes.Compact.Components.Nav.Instance().loadList(instance.isDshboardBckArray[len].InstalledAppId);
                            }
                            else if (instance.isDshboardBckArray[len].isBack == "Report") {
                                Unibase.Themes.Compact.Components.Nav.Instance().loadReport(instance.isDshboardBckArray[len].ReportId);
                            }
                        }
                        else {
                            if (isMobileApp()) {
                                Unibase.Platform.Helpers.MobileHelper.Instance().exitMobileApp();
                            }
                            else {
                                instance.logOffBootbox();
                            }
                        }
                    }
                }
                Components.Nav = Nav;
            })(Components = Compact.Components || (Compact.Components = {}));
        })(Compact = Themes.Compact || (Themes.Compact = {}));
    })(Themes = Unibase.Themes || (Unibase.Themes = {}));
})(Unibase || (Unibase = {}));