penambahan menu device

src/app/_layout/breadcrumb/breadcrumb.component.html

@@ -12,7 +12,7 @@
       </div>
     </div>
   </div>
-  <div class="content-header-right col-md-6 col-12">
+  <!-- <div class="content-header-right col-md-6 col-12">
     <div  class="d-inline-block float-md-right" ngbDropdown>
       <button class="btn btn-info" id="dropdownBasic1" ngbDropdownToggle>Action</button>
       <div ngbDropdownMenu class="arrow _dropdown_mob dropdown-menu-right" aria-labelledby="dropdownBasic1">
@@ -23,5 +23,5 @@
         <button class="dropdown-item">Settings</button>
       </div>
     </div>
-  </div>
+  </div> -->
 </div>

src/app/_layout/settings/menu-settings.config.ts

@@ -851,6 +851,7 @@ export const MenuSettingsConfig: MenuConfig = {
       }
     ]
   },
+
   vertical_menu: {
     items: [
       {
@@ -892,8 +893,31 @@ export const MenuSettingsConfig: MenuConfig = {
       //     ]
       //   }
       // },
-      { section: 'APPS', icon: 'la-ellipsis-h' },
+      
+      { section: 'Hemat', icon: 'la-ellipsis-h' },
 
+      {
+        title: 'Monitoring',
+        icon: 'feather ft-monitor',
+        page: '/monitoring'
+      },
+      {
+        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'
+      },
+
+      { section: 'APPS', icon: 'la-ellipsis-h' },
       {
         title: 'To Do',
         icon: 'la-edit',