WebBuild/wwwroot/themes/layouts/documentnav.js

Themes_Layouts = {
    documentnav:()=> {
        let html = `<div class="biz-wrapper biz__icon__menu biz__fullheight__menu biz__submenu biz__bottom__nav__menu d-none">
                        <nav class="navbar pl-0 fixed-top biz-navbar biz-primary-color biz-secondary-color biz-highlight-color">
                            <a id="navbar_toggle_btn" class="btn btn-icon btn-flush-nav btn-rounded navbar-toggle-btn mr-0" href="javascript:void(0);">
                                <span class="btn-icon-wrap"><i class="dripicons dripicons-menu"></i></span>
                            </a>
                            <a class="navbar-brand mr-auto" href="javascro[t:;"><img class="brand-img d-inline-block" src="{{Logo}}" alt="brand" data-dynamic="1" onerror="ReloadImage(event)" style="max-height: 25px;" /></a>
                            <ul class="navbar-nav biz-navbar-content">
                                <li class="nav-item dropdown mr-15 dropdown-notifications">
                                    <a class="nav-link dropdown-toggle no-caret" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="Unibase.Themes.Compact.Components.Notification.Instance().loadReminders();">
                                        <span class="nav-icon-wrap"><i class="dripicons dripicons-bell"></i></span>
                                        <span class="badge-wrap biz-badge-notifications"><span class="badge badge-warning border-0 badge-indicator badge-indicator-sm badge-pill pulse"></span></span>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-right" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">
                                        <h6 class="dropdown-header">
                                            Notifications <span class="badge badge-soft-warning ml-10 biz-count-notifications">0</span> <a href="javascript:;" onclick="Unibase.Themes.Compact.Components.Notification.Instance().ViewAll(6);" class="">View all</a>
                                        </h6>
                                        <div class="notifications-nicescroll-bar biz-dropdown-notifications"></div>
                                    </div>
                                </li>
                                <li class="nav-item dropdown mr-15 dropdown-notifications">
                                    <a class="nav-link dropdown-toggle no-caret" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" onclick="Unibase.Themes.Compact.Components.Notification.Instance().loadTasks();">
                                        <span class="nav-icon-wrap"><i class="dripicons dripicons-checklist text-white"></i></span>
                                        <span class="badge-wrap biz-badge-tasks"><span class="badge badge-danger border-0 badge-indicator badge-indicator-sm badge-pill pulse"></span></span>
                                    </a>
                                    <div class="dropdown-menu dropdown-menu-right" data-dropdown-in="fadeIn" data-dropdown-out="fadeOut">
                                        <h6 class="dropdown-header">
                                            Tasks <span class="badge badge-soft-danger ml-10 biz-count-tasks">0</span><a href="javascript:;" onclick="Unibase.Themes.Compact.Components.Notification.Instance().ViewAll(1);" class="">View all</a>
                                        </h6>
                                        <div class="notifications-nicescroll-bar biz-dropdown-tasks"></div>
                                    </div>
                                </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>
                                <li class="nav-item dropdown">
                                    <a class="nav-link dropdown-toggle no-caret" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								        <span class="nav-icon-wrap"><i class="dripicons dripicons-dots-3 text-white"></i></span>
							        </a>
                                    <div class="dropdown-menu dropdown-menu-left" data-dropdown-in="flipInX" data-dropdown-out="flipOutX">
                                        <a class="dropdown-item navbar-settings-toggle-btn" href="javascript:;" onclick="javascript:Unibase.Themes.Compact.Components.Nav.Instance().loadUserTheme();"> <span class=""> <i class="fadripicons dripicons-monitor mr-2"> </i></span> Theme </a>
		                                <a class="dropdown-item navbar-settings-toggle-btn" href="javascript:;" onclick="Unibase.Themes.Compact.Components.Nav.Instance().loadChat();"> <span class=""> <i class="dripicons dripicons-message mr-2"> </i></span> Chat </a>
                                    </div>
                                </li>
                            </ul>
                        </nav>
                        <div id="layout-nav"></div>
                        <div class="biz-pg-wrapper biz-secondary-color">
                            <div id="layout-detail" class=""></div>
                            <div class="container-fluid bg-cyan-light-5 pa-0" id="layout-list" style="display: none;"></div>
                        </div>
                        <div class="biz-right-side-menu" id="biz-right-side-menu">
                            <div class="right-side-menu-content-wrap">
                                <ul class="navbar-nav flex-column"></ul>
                            </div>
                        </div>

                        <div class="biz-settings-panel hk-settings-panel custom">
                            <div class="nicescroll-bar settings-panel-nicescroll-bar position-relative">
                                <div class="settings-panel-wrap">
                                    <div class="settings-panel-head">
                                        <span class="biz-primary-text-color-removed" id="settings-panel-head-title"> Settings </span>
                                        <a href="javascript:void(0);" id="settings_panel_close" class="settings-panel-close biz-primary-text-color-removed">
                                            <span> <i class="la la-close"> </i> </span>
                                        </a>
                                    </div>
                                    <div id="settings-panel-body"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="_bizgaze_modal" id="_bizgaze_modal"></div>`;
        return html;
    }
}