fuzi_fauzia/hemat_solution
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

perubahan menu vertical ke horizontal

Browse Source
This commit is contained in:
Fuzi_fauzia
2024-05-02 12:13:12 +07:00
parent 5ce07dc3fd
commit 3aed024f71
9 changed files with 329 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/app/_layout/header/horizontal/horizontal.component.html
View File

@@ -8,7 +8,7 @@
<li class="nav-item mobile-menu d-md-none mr-auto" ><a
class="nav-link nav-menu-main menu-toggle hidden-xs11" (click)="toggleNavigation($event)"><i
class="feather ft-menu font-large-1" ></i></a></li>
<li class="nav-item"><a [routerLink]="['/dashboard/sales']" class="navbar-brand"><img class="brand-logo" alt="modern admin logo"
<li class="nav-item"><a [routerLink]="['/monitoring']" class="navbar-brand"><img class="brand-logo" alt="modern admin logo"
src="../../../../assets/images/logo/logo.png">
<h3 class="brand-text">{{_themeSettingsConfig.brand.brand_name}}</h3>
</a></li>
@@ -20,7 +20,7 @@
<div class="navbar-container content">
<div class="collapse navbar-collapse show" id="navbar-mobile">
<ul class="nav navbar-nav mr-auto float-left">
<li class="nav-item d-none d-md-block"><a [routerLink]="" class="nav-link nav-menu-main menu-toggle hidden-xs"
<!-- <li class="nav-item d-none d-md-block"><a [routerLink]="" class="nav-link nav-menu-main menu-toggle hidden-xs"
(click)="toggleFixMenu($event)" ><i class="feather ft-menu"></i></a></li>
<li class="nav-item d-none d-md-block"><a [routerLink]="" class="nav-link nav-link-expand"
(click)="toggleFullScreen()" *ngIf ="maximize === 'on'"><i class="ficon feather ft-maximize"></i></a></li>
@@ -29,10 +29,10 @@
<div class="search-input" [ngClass]="{'open': isHeaderSearchOpen}">
<input class="input" type="text" placeholder="Explore Modern...">
</div>
</li>
</li> -->
</ul>
<ul class="nav navbar-nav float-right" >
<li class="dropdown-language nav-item" ngbDropdown *ngIf ="internationalization === 'on'">
<!-- <li class="dropdown-language nav-item" ngbDropdown *ngIf ="internationalization === 'on'">
<a [routerLink]="" class="dropdown-toggle nav-link" ngbDropdownToggle id="dropdown-flag">
<i class="flag-icon flag-icon-gb"></i><span class="selected-language"></span>
</a>
@@ -50,8 +50,8 @@
<i class="flag-icon flag-icon-de"></i> German
</a>
</div>
</li>
<li class="dropdown-notification nav-item dropdown" ngbDropdown *ngIf ="notification === 'on'">
</li> -->
<!-- <li class="dropdown-notification nav-item dropdown" ngbDropdown *ngIf ="notification === 'on'">
<a class="nav-link nav-link-label" ngbDropdownToggle>
<i class="ficon feather ft-bell"></i>
<span class="badge badge-pill badge-danger badge-up badge-glow">5</span>
@@ -124,8 +124,8 @@
<li class="dropdown-menu-footer"><a class="dropdown-item text-muted text-center"
href="javascript:void(0)">Read all notifications</a></li>
</ul>
</li>
<li class="dropdown-notification nav-item" ngbDropdown *ngIf ="email === 'on'">
</li> -->
<!-- <li class="dropdown-notification nav-item" ngbDropdown *ngIf ="email === 'on'">
<a class="nav-link nav-link-label" ngbDropdownToggle><i class="ficon feather ft-mail"></i></a>
<ul class="dropdown-menu-media dropdown-menu-right" ngbDropdownMenu>
<li class="dropdown-menu-header">
@@ -185,7 +185,7 @@
<li class="dropdown-menu-footer"><a class="dropdown-item text-muted text-center"
href="javascript:void(0)">Read all messages</a></li>
</ul>
</li>
</li> -->
<li class="dropdown-user nav-item" ngbDropdown>
<a class="nav-link dropdown-user-link" ngbDropdownToggle>

128
src/app/_layout/settings/menu-settings.config.ts
View File

@@ -26,6 +26,64 @@ export interface MenuConfig {
export const MenuSettingsConfig: MenuConfig = {
horizontal_menu: {
items: [
{
title: 'Monitoring',
icon: 'feather ft-monitor',
page: '/monitoring',
// submenu: {
// items: [
// {
// title: 'Monitoring Building',
// page: '/monitoring/monitoring-building'
// },
// {
// title: 'Monitoring Room',
// page: '/monitoring/monitoring-room'
// },
// ]
// }
},
{
title: 'Device',
icon: 'feather ft-life-buoy',
page: '/device'
},
{
title: 'Cost Management',
icon: 'feather ft-bar-chart-2',
page: '/cost-management'
},
{
title: 'User Access',
icon: 'feather ft-user-check',
page: '/user-access'
},
{
title: 'Master',
icon: 'feather ft-server',
page: 'null',
submenu: {
items: [
{
title: 'Master Category',
page: '/master/master-category'
},
{
title: 'Master Location',
page: '/master/master-location'
},
{
title: 'Master Location Room',
page: '/master/master-location-room'
},
{
title: 'Master Type',
page: '/master/master-type'
}
]
}
},
{
title: 'Dashboard',
icon: 'la-home',
@@ -51,23 +109,23 @@ export const MenuSettingsConfig: MenuConfig = {
]
}
},
// {
// title: 'Templates',
// icon: 'la-television',
// page: 'null',
// submenu: {
// items: [
// {
// title: 'Horizontal',
// page: 'null'
// },
// {
// title: 'Vertical',
// page: 'null'
// },
// ]
// }
// },
{
title: 'Templates',
icon: 'la-television',
page: 'null',
submenu: {
items: [
{
title: 'Horizontal',
page: 'null'
},
{
title: 'Vertical',
page: 'null'
},
]
}
},
{
title: 'APPS',
icon: 'la-mobile',
@@ -854,25 +912,6 @@ export const MenuSettingsConfig: MenuConfig = {
vertical_menu: {
items: [
// {
// title: 'Templates',
// icon: 'la-television',
// page: 'null',
// submenu: {
// items: [
// {
// title: 'Horizontal',
// page: 'null'
// },
// {
// title: 'Vertical',
// page: 'null'
// },
// ]
// }
// },
// { section: 'Hemat', icon: 'la-ellipsis-h' },
{
@@ -956,6 +995,23 @@ export const MenuSettingsConfig: MenuConfig = {
]
}
},
{
title: 'Templates',
icon: 'la-television',
page: 'null',
submenu: {
items: [
{
title: 'Horizontal',
page: 'null'
},
{
title: 'Vertical',
page: 'null'
},
]
}
},
{
title: 'To Do',
icon: 'la-edit',

2
src/app/_layout/settings/theme-settings.config.ts
View File

@@ -3,7 +3,7 @@
export const ThemeSettingsConfig = {
colorTheme: 'semi-dark', // light, semi-light, semi-dark, dark
layout: {
style: 'vertical', // style: 'vertical', horizontal,
style: 'horizontal', // style: 'vertical', horizontal,
pattern: 'fixed' // fixed, boxed, static
},
menuColor: 'menu-dark', // Vertical: [menu-dark, menu-light] , Horizontal: [navbar-dark, navbar-light]