Iniit
This commit is contained in:
@@ -0,0 +1,78 @@
|
||||
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;
|
||||
}
|
||||
}
|
||||
+73
@@ -0,0 +1,73 @@
|
||||
Themes_Layouts={documentnav:()=>`<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>`};
|
||||
@@ -0,0 +1,30 @@
|
||||
Themes_Layouts = {
|
||||
leftnavigation: () => {
|
||||
let html = `<div class="biz-wrapper biz__icon__menu biz__fullheight__menu biz__submenu biz__bottom__nav__menu hidden">
|
||||
<nav class="navbar p-0 biz-navbar biz-primary-color biz-secondary-color biz-highlight-color d-xl-none">
|
||||
<a id="navbar_toggle_btn" class="btn btn-flush-nav btn-rounded navbar-toggle-btn" href="javascript:void(0);">
|
||||
<span class="btn-icon-wrap"><i class="dripicons dripicons-menu"></i></span>
|
||||
</a>
|
||||
<a class="navbar-brand mr-auto" href="javascript:void(0);" onclick="javascript:Unibase.Themes.Compact.Components.Nav.Instance().getNavParentGroups();"><img class="brand-img d-inline-block" src="{{Logo}}" alt="brand" data-dynamic="1" onerror="ReloadImage(event)"/></a>
|
||||
<ul class="navbar-nav biz-navbar-content" id="biz-layout-1-nav">
|
||||
</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>
|
||||
<div class="biz-cmn-filter-panel" id="bizCmnFilterPanel"></div>
|
||||
<div class="modal fade biz-cmn-date-filter-modal" id="bizCmnDateFilterModal"></div>
|
||||
</div>
|
||||
<div class="_bizgaze_modal" id="_bizgaze_modal"></div>`;
|
||||
return html;
|
||||
}
|
||||
};
|
||||
+25
@@ -0,0 +1,25 @@
|
||||
Themes_Layouts={leftnavigation:()=>`<div class="biz-wrapper biz__icon__menu biz__fullheight__menu biz__submenu biz__bottom__nav__menu hidden">
|
||||
<nav class="navbar p-0 biz-navbar biz-primary-color biz-secondary-color biz-highlight-color d-xl-none">
|
||||
<a id="navbar_toggle_btn" class="btn btn-flush-nav btn-rounded navbar-toggle-btn" href="javascript:void(0);">
|
||||
<span class="btn-icon-wrap"><i class="dripicons dripicons-menu"></i></span>
|
||||
</a>
|
||||
<a class="navbar-brand mr-auto" href="javascript:void(0);" onclick="javascript:Unibase.Themes.Compact.Components.Nav.Instance().getNavParentGroups();"><img class="brand-img d-inline-block" src="{{Logo}}" alt="brand" data-dynamic="1" onerror="ReloadImage(event)"/></a>
|
||||
<ul class="navbar-nav biz-navbar-content" id="biz-layout-1-nav">
|
||||
</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>
|
||||
<div class="biz-cmn-filter-panel" id="bizCmnFilterPanel"></div>
|
||||
<div class="modal fade biz-cmn-date-filter-modal" id="bizCmnDateFilterModal"></div>
|
||||
</div>
|
||||
<div class="_bizgaze_modal" id="_bizgaze_modal"></div>`};
|
||||
@@ -0,0 +1,59 @@
|
||||
Themes_Layouts = {
|
||||
topandleftnavigation: () => {
|
||||
let html = `<div class="hk-wrapper top-navbar biz-layout-3-top-navbar hk-vertical-nav">
|
||||
<nav class="navbar navbar-expand-xl biz-navbar hk-navbar biz-primary-color biz-primary-text-color biz-highlight-color flex-nowrap">
|
||||
<div class="navbar-left d-flex align-items-center w-xl-240p">
|
||||
<a id="navbar_toggle_btn" class="btn btn-flush-nav btn-rounded navbar-toggle-btn" href="javascript:void(0);" data-tooltip="true" title="Toggle Menu">
|
||||
<span class="btn-icon-wrap"><i class="dripicons dripicons-menu"></i></span>
|
||||
</a>
|
||||
<a class="navbar-brand" href="javascript:;" onclick="javascript:Unibase.Themes.Compact.Components.Nav.Instance().getNavParentGroups();"><img class="brand-img d-inline-block" src="{{Logo}}" alt="brand" data-loaded="0" data-dynamic="1" onerror="ReloadImage(event)" /></a></div>
|
||||
<div class="navbar-right d-flex align-items-center justify-content-between ml-auto flex-grow-1 text-truncate"><span class="nav-company-name biz-primary-text-color font-weight-600 font-16 px-30 px-xl-20 d-none d-md-block text-truncate" id="navCompanyName"></span>
|
||||
<ul class="navbar-nav hk-navbar-content" id="biz-layout-3-nav">
|
||||
<li class="nav-item dropdown-authentication" id="nav-profile-dropdown"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div id="hk_nav_backdrop" class="hk-nav-backdrop"></div>
|
||||
<div class="biz-nav-fullwidth hidden"></div>
|
||||
<nav class="hk-nav biz-layout-3-left-nav biz-primary-color biz-primary-text-color">
|
||||
<a href="javascript:void(0);" id="hk_nav_close" class="hk-nav-close biz-primary-text-color"><i class="dripicons dripicons-cross font-18"></i></a>
|
||||
<div data-simplebar class="layout-main-nav-wrap simple-scroll-bar flex-grow-1" id="layoutMainNavWrap">
|
||||
<div class="navbar-nav-wrap">
|
||||
<ul class="navbar-nav flex-column" id="layoutMainNavbar">
|
||||
<li class="nav-item nav-group-container nav-dashboards-item d-none" data-buttonType='nav-button-dashboard'>
|
||||
<a class="nav-link nav-group-collapse-link" href="javascript:void(0);" data-toggle="collapse" data-target="#dash_drp"> <i class="dripicons dripicons-archive nav-link-icon"></i> <span class="nav-link-text text-truncate mr-10">Dashboard</span> </a>
|
||||
<ul id="dash_drp" class="flex-column collapse collapse-level-1">
|
||||
<li class="nav-item"><ul class="nav flex-column" id="nav-dashboards" data-navigation="Back2Path"></ul></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item nav-group-container nav-apps-item d-none" data-buttonType='nav-button-apps'>
|
||||
<a class="nav-link nav-group-collapse-link" href="javascript:void(0);" data-toggle="collapse" data-target="#pages_drp"><i class="dripicons dripicons-view-apps nav-link-icon"></i><span class="nav-link-text text-truncate mr-10">Apps</span></a>
|
||||
<ul id="pages_drp" class="flex-column collapse collapse-level-1">
|
||||
<li class="nav-item"><ul class="nav flex-column" id="nav-apps"></ul></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item nav-group-container nav-reports-item d-none" data-buttonType='nav-button-reports'>
|
||||
<a class="nav-link nav-group-collapse-link" href="javascript:void(0);" data-toggle="collapse" data-target="#reports_drp"><i class="dripicons dripicons-graph-pie nav-link-icon"></i><span class="nav-link-text text-truncate mr-10">Reports</span></a>
|
||||
<ul id="reports_drp" class="flex-column collapse collapse-level-1">
|
||||
<li class="nav-item"><ul class="nav flex-column" id="nav-reports"></ul></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="nav-options-container nav-widgets-container hidden" id="nav-widgets-container">
|
||||
<div id="nav-widgets"></div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="biz-settings-panel hk-settings-panel custom"></div>
|
||||
<div class="biz-cmn-filter-panel" id="bizCmnFilterPanel"></div>
|
||||
<div class="modal fade biz-cmn-date-filter-modal" id="bizCmnDateFilterModal"></div>
|
||||
</div>
|
||||
<div class="biz-pg-wrapper biz-layout-3-biz-pg-wrapper biz-secondary-color biz-secondary-text-color">
|
||||
<div id="layout-detail" class="bg-cyan-light-5"></div>
|
||||
<div class="container-fluid bg-cyan-light-5 pa-0" id="layout-list" style="display: none;"></div>
|
||||
</div>
|
||||
<div class="_bizgaze_modal" id="_bizgaze_modal"></div>`;
|
||||
return html;
|
||||
}
|
||||
};
|
||||
@@ -0,0 +1,54 @@
|
||||
Themes_Layouts={topandleftnavigation:()=>`<div class="hk-wrapper top-navbar biz-layout-3-top-navbar hk-vertical-nav">
|
||||
<nav class="navbar navbar-expand-xl biz-navbar hk-navbar biz-primary-color biz-primary-text-color biz-highlight-color flex-nowrap">
|
||||
<div class="navbar-left d-flex align-items-center w-xl-240p">
|
||||
<a id="navbar_toggle_btn" class="btn btn-flush-nav btn-rounded navbar-toggle-btn" href="javascript:void(0);" data-tooltip="true" title="Toggle Menu">
|
||||
<span class="btn-icon-wrap"><i class="dripicons dripicons-menu"></i></span>
|
||||
</a>
|
||||
<a class="navbar-brand" href="javascript:;" onclick="javascript:Unibase.Themes.Compact.Components.Nav.Instance().getNavParentGroups();"><img class="brand-img d-inline-block" src="{{Logo}}" alt="brand" data-loaded="0" data-dynamic="1" onerror="ReloadImage(event)" /></a></div>
|
||||
<div class="navbar-right d-flex align-items-center justify-content-between ml-auto flex-grow-1 text-truncate"><span class="nav-company-name biz-primary-text-color font-weight-600 font-16 px-30 px-xl-20 d-none d-md-block text-truncate" id="navCompanyName"></span>
|
||||
<ul class="navbar-nav hk-navbar-content" id="biz-layout-3-nav">
|
||||
<li class="nav-item dropdown-authentication" id="nav-profile-dropdown"></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<div id="hk_nav_backdrop" class="hk-nav-backdrop"></div>
|
||||
<div class="biz-nav-fullwidth hidden"></div>
|
||||
<nav class="hk-nav biz-layout-3-left-nav biz-primary-color biz-primary-text-color">
|
||||
<a href="javascript:void(0);" id="hk_nav_close" class="hk-nav-close biz-primary-text-color"><i class="dripicons dripicons-cross font-18"></i></a>
|
||||
<div data-simplebar class="layout-main-nav-wrap simple-scroll-bar flex-grow-1" id="layoutMainNavWrap">
|
||||
<div class="navbar-nav-wrap">
|
||||
<ul class="navbar-nav flex-column" id="layoutMainNavbar">
|
||||
<li class="nav-item nav-group-container nav-dashboards-item d-none" data-buttonType='nav-button-dashboard'>
|
||||
<a class="nav-link nav-group-collapse-link" href="javascript:void(0);" data-toggle="collapse" data-target="#dash_drp"> <i class="dripicons dripicons-archive nav-link-icon"></i> <span class="nav-link-text text-truncate mr-10">Dashboard</span> </a>
|
||||
<ul id="dash_drp" class="flex-column collapse collapse-level-1">
|
||||
<li class="nav-item"><ul class="nav flex-column" id="nav-dashboards" data-navigation="Back2Path"></ul></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item nav-group-container nav-apps-item d-none" data-buttonType='nav-button-apps'>
|
||||
<a class="nav-link nav-group-collapse-link" href="javascript:void(0);" data-toggle="collapse" data-target="#pages_drp"><i class="dripicons dripicons-view-apps nav-link-icon"></i><span class="nav-link-text text-truncate mr-10">Apps</span></a>
|
||||
<ul id="pages_drp" class="flex-column collapse collapse-level-1">
|
||||
<li class="nav-item"><ul class="nav flex-column" id="nav-apps"></ul></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item nav-group-container nav-reports-item d-none" data-buttonType='nav-button-reports'>
|
||||
<a class="nav-link nav-group-collapse-link" href="javascript:void(0);" data-toggle="collapse" data-target="#reports_drp"><i class="dripicons dripicons-graph-pie nav-link-icon"></i><span class="nav-link-text text-truncate mr-10">Reports</span></a>
|
||||
<ul id="reports_drp" class="flex-column collapse collapse-level-1">
|
||||
<li class="nav-item"><ul class="nav flex-column" id="nav-reports"></ul></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="nav-options-container nav-widgets-container hidden" id="nav-widgets-container">
|
||||
<div id="nav-widgets"></div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="biz-settings-panel hk-settings-panel custom"></div>
|
||||
<div class="biz-cmn-filter-panel" id="bizCmnFilterPanel"></div>
|
||||
<div class="modal fade biz-cmn-date-filter-modal" id="bizCmnDateFilterModal"></div>
|
||||
</div>
|
||||
<div class="biz-pg-wrapper biz-layout-3-biz-pg-wrapper biz-secondary-color biz-secondary-text-color">
|
||||
<div id="layout-detail" class="bg-cyan-light-5"></div>
|
||||
<div class="container-fluid bg-cyan-light-5 pa-0" id="layout-list" style="display: none;"></div>
|
||||
</div>
|
||||
<div class="_bizgaze_modal" id="_bizgaze_modal"></div>`};
|
||||
@@ -0,0 +1,59 @@
|
||||
Themes_Layouts = {
|
||||
topnavigation: () => {
|
||||
let html = `<div class="hk-wrapper top-navbar biz-layout-2-top-navbar hk-horizontal-nav">
|
||||
<nav class="navbar navbar-expand-xl biz-navbar hk-navbar biz-primary-color biz-primary-text-color biz-highlight-color">
|
||||
<a id="navbar_toggle_btn" class="btn 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" href="javascript:;" onclick="javascript:Unibase.Themes.Compact.Components.Nav.Instance().getNavParentGroups();"><img class="brand-img d-inline-block" src="{{Logo}}" alt="brand" data-loaded="0" data-dynamic="1" onerror="ReloadImage(event)" /></a>
|
||||
<div class="biz-nav-fullwidth hidden"></div>
|
||||
<nav class="hk-nav biz-layout-2-left-navbar">
|
||||
<a href="javascript:void(0);" id="hk_nav_close" class="hk-nav-close biz-primary-text-color"><i class="dripicons dripicons-cross font-18"></i></a>
|
||||
<div class="layout-main-nav-wrap flex-grow-1" id="layoutMainNavWrap">
|
||||
<div class="navbar-nav-wrap">
|
||||
<ul class="navbar-nav layout2-main-nav flex-row" id="layoutMainNavbar">
|
||||
<li class="nav-item nav-group-container nav-dashboards-item my-0 d-none" data-buttonType='nav-button-dashboard'>
|
||||
<a class="nav-link nav-group-collapse-link" href="javascript:void(0);" data-toggle="collapse" data-target="#dash_drp"><i class="dripicons dripicons-archive nav-link-icon"></i><span class="nav-link-text text-truncate mr-10">Dashboard</span></a>
|
||||
<ul id="dash_drp" class="flex-column collapse collapse-level-1 dropdown-menu-scrollbar">
|
||||
<li class="collapse-item"><ul class="nav flex-column mega-nav" id="nav-dashboards" data-navigation="Back2Path"></ul></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item nav-group-container nav-apps-item my-0 d-none" data-buttonType='nav-button-apps'>
|
||||
<a class="nav-link nav-group-collapse-link" href="javascript:void(0);" data-toggle="collapse" data-target="#pages_drp"><i class="dripicons dripicons-view-apps nav-link-icon"></i><span class="nav-link-text text-truncate mr-10">Apps</span></a>
|
||||
<ul id="pages_drp" class="flex-column collapse collapse-level-1 dropdown-menu-scrollbar">
|
||||
<li class="collapse-item"><ul class="nav flex-column mega-nav" id="nav-apps"></ul></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item nav-group-container nav-reports-item my-0 d-none" data-buttonType='nav-button-reports'>
|
||||
<a class="nav-link nav-group-collapse-link" href="javascript:void(0);" data-toggle="collapse" data-target="#reports_drp"><i class="dripicons dripicons-graph-pie nav-link-icon"></i><span class="nav-link-text text-truncate mr-10">Reports</span></a>
|
||||
<ul id="reports_drp" class="flex-column collapse collapse-level-1 dropdown-menu-scrollbar">
|
||||
<li class="collapse-item"><ul class="nav flex-column mega-nav" id="nav-reports"></ul></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<ul class="navbar-nav hk-navbar-content ml-auto" id="layout2-nav">
|
||||
<li class="nav-item dropdown-authentication" id="nav-profile-dropdown"></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div data-simplebar class="toplayout-structures-panel simple-scroll-bar" id="topLayoutStructuresPanel">
|
||||
<div class="nav-options-container nav-widgets-container hidden" id="nav-widgets-container">
|
||||
<div id="nav-widgets"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="hk_nav_backdrop" class="hk-nav-backdrop"></div>
|
||||
<div class="biz-settings-panel hk-settings-panel custom"></div>
|
||||
<div class="biz-cmn-filter-panel" id="bizCmnFilterPanel"></div>
|
||||
<div class="modal fade biz-cmn-date-filter-modal" id="bizCmnDateFilterModal"></div>
|
||||
</div>
|
||||
<div class="biz-pg-wrapper biz-toplayout-pg-wrapper biz-secondary-color biz-secondary-text-color">
|
||||
<div id="layout-detail" class="bg-cyan-light-5"></div>
|
||||
<div class="container-fluid bg-cyan-light-5 pa-0" id="layout-list" style="display: none;"></div>
|
||||
</div>
|
||||
|
||||
<div class="_bizgaze_modal" id="_bizgaze_modal"></div>`;
|
||||
return html;
|
||||
}
|
||||
};
|
||||
+54
@@ -0,0 +1,54 @@
|
||||
Themes_Layouts={topnavigation:()=>`<div class="hk-wrapper top-navbar biz-layout-2-top-navbar hk-horizontal-nav">
|
||||
<nav class="navbar navbar-expand-xl biz-navbar hk-navbar biz-primary-color biz-primary-text-color biz-highlight-color">
|
||||
<a id="navbar_toggle_btn" class="btn 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" href="javascript:;" onclick="javascript:Unibase.Themes.Compact.Components.Nav.Instance().getNavParentGroups();"><img class="brand-img d-inline-block" src="{{Logo}}" alt="brand" data-loaded="0" data-dynamic="1" onerror="ReloadImage(event)" /></a>
|
||||
<div class="biz-nav-fullwidth hidden"></div>
|
||||
<nav class="hk-nav biz-layout-2-left-navbar">
|
||||
<a href="javascript:void(0);" id="hk_nav_close" class="hk-nav-close biz-primary-text-color"><i class="dripicons dripicons-cross font-18"></i></a>
|
||||
<div class="layout-main-nav-wrap flex-grow-1" id="layoutMainNavWrap">
|
||||
<div class="navbar-nav-wrap">
|
||||
<ul class="navbar-nav layout2-main-nav flex-row" id="layoutMainNavbar">
|
||||
<li class="nav-item nav-group-container nav-dashboards-item my-0 d-none" data-buttonType='nav-button-dashboard'>
|
||||
<a class="nav-link nav-group-collapse-link" href="javascript:void(0);" data-toggle="collapse" data-target="#dash_drp"><i class="dripicons dripicons-archive nav-link-icon"></i><span class="nav-link-text text-truncate mr-10">Dashboard</span></a>
|
||||
<ul id="dash_drp" class="flex-column collapse collapse-level-1 dropdown-menu-scrollbar">
|
||||
<li class="collapse-item"><ul class="nav flex-column mega-nav" id="nav-dashboards" data-navigation="Back2Path"></ul></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item nav-group-container nav-apps-item my-0 d-none" data-buttonType='nav-button-apps'>
|
||||
<a class="nav-link nav-group-collapse-link" href="javascript:void(0);" data-toggle="collapse" data-target="#pages_drp"><i class="dripicons dripicons-view-apps nav-link-icon"></i><span class="nav-link-text text-truncate mr-10">Apps</span></a>
|
||||
<ul id="pages_drp" class="flex-column collapse collapse-level-1 dropdown-menu-scrollbar">
|
||||
<li class="collapse-item"><ul class="nav flex-column mega-nav" id="nav-apps"></ul></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item nav-group-container nav-reports-item my-0 d-none" data-buttonType='nav-button-reports'>
|
||||
<a class="nav-link nav-group-collapse-link" href="javascript:void(0);" data-toggle="collapse" data-target="#reports_drp"><i class="dripicons dripicons-graph-pie nav-link-icon"></i><span class="nav-link-text text-truncate mr-10">Reports</span></a>
|
||||
<ul id="reports_drp" class="flex-column collapse collapse-level-1 dropdown-menu-scrollbar">
|
||||
<li class="collapse-item"><ul class="nav flex-column mega-nav" id="nav-reports"></ul></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<ul class="navbar-nav hk-navbar-content ml-auto" id="layout2-nav">
|
||||
<li class="nav-item dropdown-authentication" id="nav-profile-dropdown"></li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div data-simplebar class="toplayout-structures-panel simple-scroll-bar" id="topLayoutStructuresPanel">
|
||||
<div class="nav-options-container nav-widgets-container hidden" id="nav-widgets-container">
|
||||
<div id="nav-widgets"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="hk_nav_backdrop" class="hk-nav-backdrop"></div>
|
||||
<div class="biz-settings-panel hk-settings-panel custom"></div>
|
||||
<div class="biz-cmn-filter-panel" id="bizCmnFilterPanel"></div>
|
||||
<div class="modal fade biz-cmn-date-filter-modal" id="bizCmnDateFilterModal"></div>
|
||||
</div>
|
||||
<div class="biz-pg-wrapper biz-toplayout-pg-wrapper biz-secondary-color biz-secondary-text-color">
|
||||
<div id="layout-detail" class="bg-cyan-light-5"></div>
|
||||
<div class="container-fluid bg-cyan-light-5 pa-0" id="layout-list" style="display: none;"></div>
|
||||
</div>
|
||||
|
||||
<div class="_bizgaze_modal" id="_bizgaze_modal"></div>`};
|
||||
Reference in New Issue
Block a user