From 6b962028dbf79b3d0ccdf8a44010e9481a7987e4 Mon Sep 17 00:00:00 2001
From: Fuzi_fauzia <fuzi.fauzia@allbestsistem.com>
Date: Fri, 14 Jun 2024 13:27:32 +0700
Subject: [PATCH] fixing cost management

---
 .../header/vertical/vertical.component.html   |    2 +-
 .../_layout/settings/menu-settings.config.ts  | 1891 ++++++++---------
 .../cost-management.component.html            |    8 +-
 .../cost-management.component.ts              |    2 +-
 .../hemat-app/device/device.component.html    |    2 +-
 5 files changed, 949 insertions(+), 956 deletions(-)

diff --git a/src/app/_layout/header/vertical/vertical.component.html b/src/app/_layout/header/vertical/vertical.component.html
index 54e3f99..454c580 100644
--- a/src/app/_layout/header/vertical/vertical.component.html
+++ b/src/app/_layout/header/vertical/vertical.component.html
@@ -111,7 +111,7 @@
               <span class="badge badge-pill badge-danger badge-up badge-glow">5</span>
             </a> -->
             <a class="nav-link nav-link-label">
-              <i class="ficon feather ft-bell" style="color: #bef264"></i>
+              <i class="ficon la la-bell" style="color: #bef264"></i>
               <!-- <span class="badge badge-pill badge-danger badge-up badge-glow">5</span> -->
             </a>
             <ul class="dropdown-menu-media dropdown-menu-right" ngbDropdownMenu>
diff --git a/src/app/_layout/settings/menu-settings.config.ts b/src/app/_layout/settings/menu-settings.config.ts
index 0f1c490..fdf1001 100644
--- a/src/app/_layout/settings/menu-settings.config.ts
+++ b/src/app/_layout/settings/menu-settings.config.ts
@@ -7,7 +7,7 @@ export interface MenuItem {
   isExternalLink?: boolean;
   issupportExternalLink?: boolean;
   isStarterkitExternalLink?: boolean;
-  badge: { type: string, value: string };
+  badge: { type: string; value: string };
   submenu: {
     items: Partial<MenuItem>[];
   };
@@ -16,20 +16,20 @@ export interface MenuItem {
 
 export interface MenuConfig {
   horizontal_menu: {
-    items: Partial<MenuItem>[]
+    items: Partial<MenuItem>[];
   };
   vertical_menu: {
-    items: Partial<MenuItem>[]
+    items: Partial<MenuItem>[];
   };
 }
 
 export const MenuSettingsConfig: MenuConfig = {
-  horizontal_menu: {  
+  horizontal_menu: {
     items: [
       {
-        title: 'Monitoring',
-        icon: 'feather ft-monitor',
-        page: '/monitoring',
+        title: "Monitoring",
+        icon: "feather ft-monitor",
+        page: "/monitoring",
         // submenu: {
         //   items: [
         //    {
@@ -39,929 +39,929 @@ export const MenuSettingsConfig: MenuConfig = {
         //     {
         //       title: 'Monitoring Room',
         //       page: '/monitoring/monitoring-room'
-        //     },           
+        //     },
         //   ]
         // }
       },
       {
-        title: 'Device',
-        icon: 'feather ft-life-buoy',
-        page: '/device'
+        title: "Device",
+        icon: "feather ft-life-buoy",
+        page: "/device",
       },
       {
-        title: 'Cost Management',
-        icon: 'feather ft-bar-chart-2',
-        page: '/cost-management'
+        title: "Cost Management",
+        icon: "feather ft-bar-chart-2",
+        page: "/cost-management",
       },
       {
-        title: 'User Access',
-        icon: 'feather ft-user-check',
-        page: '/user-access'
+        title: "User Access",
+        icon: "feather ft-user-check",
+        page: "/user-access",
       },
       {
-        title: 'Monitoring List',
-        icon: 'icon-notebook',
-        page: '/list-monitoring'
+        title: "Monitoring List",
+        icon: "icon-notebook",
+        page: "/list-monitoring",
       },
       {
-        title: 'Master',
-        icon: 'feather ft-server',
-        page: 'null',
-        submenu: {
-          items: [
-           {
-              title: 'Master Category',
-              page: '/master/master-category'
-            },
-            {
-              title: 'Master Voltage',
-              page: '/master/master-voltage'
-            },
-            {
-              title: 'Master Floor',
-              page: '/master/master-floor'
-            },
-            {
-              title: 'Master Type',
-              page: '/master/master-type'
-            },
-            {
-              title: 'Master Status',
-              page: '/master/master-status'
-            },
-            {
-              title: 'Master Duration Use',
-              page: '/master/master-duration-use'
-            },
-            {
-              title: 'Master User',
-              page: '/master/master-user'
-            },
-            {
-              title: 'Master Role',
-              page: '/master/master-role'
-            },
-            {
-              title: 'Master Room',
-              page: '/master/master-room'
-            },
-            {
-              title: 'Master Building',
-              page: '/master/master-building'
-            }
-          ]
-        }
-      },
-      
-    //   {
-    //     title: 'Dashboard',
-    //     icon: 'la-home',
-    //     page: 'null',
-    //     badge: { type: 'badge-info', value: '3' },
-    //     submenu: {
-    //       items: [
-    //         {
-    //           title: 'Sales',
-    //           icon: 'la-dollar',
-    //           page: '/dashboard/sales'
-    //         },
-    //         {
-    //           title: 'Ecommerce',
-    //           icon: 'la-cart-plus',
-    //           page: '/dashboard/ecommerce'
-    //         },
-    //         {
-    //           title: 'Hospital',
-    //           icon: 'la-h-square',
-    //           page: '/dashboard/hospital'
-    //         }  
-    //       ]
-    //     }
-    //   },
-      {
-        title: 'Templates',
-        icon: 'la-television',
-        page: 'null',
+        title: "Master",
+        icon: "feather ft-server",
+        page: "null",
         submenu: {
           items: [
             {
-              title: 'Horizontal',
-              page: 'null'
+              title: "Master Category",
+              page: "/master/master-category",
             },
             {
-              title: 'Vertical',
-              page: 'null'
+              title: "Master Voltage",
+              page: "/master/master-voltage",
             },
-          ]
-        }
+            {
+              title: "Master Floor",
+              page: "/master/master-floor",
+            },
+            {
+              title: "Master Type",
+              page: "/master/master-type",
+            },
+            {
+              title: "Master Status",
+              page: "/master/master-status",
+            },
+            {
+              title: "Master Duration Use",
+              page: "/master/master-duration-use",
+            },
+            {
+              title: "Master User",
+              page: "/master/master-user",
+            },
+            {
+              title: "Master Role",
+              page: "/master/master-role",
+            },
+            {
+              title: "Master Room",
+              page: "/master/master-room",
+            },
+            {
+              title: "Master Building",
+              page: "/master/master-building",
+            },
+          ],
+        },
       },
-    //   {
-    //     title: 'APPS',
-    //     icon: 'la-mobile',
-    //     page: 'null',
-    //     submenu: {
-    //       items: [
 
-    //         {
-    //           title: 'To Do',
-    //           icon: 'la-edit',
-    //           page: '/todo-app'
-    //         },
-    //         {
-    //           title: 'Contacts',
-    //           icon: 'la-users',
-    //           page: '/contacts'
-    //         },
-    //         {
-    //           title: 'Email Application',
-    //           icon: 'la-envelope',
-    //           page: '/email'
-    //         },
-    //         {
-    //           title: 'Chat Application',
-    //           icon: 'la-comments',
-    //           page: '/chats'
-    //         },
-    //         {
-    //           title: 'Calenders',
-    //           icon: 'la-calendar',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Basic',
-    //                 page: '/calender/basic'
-    //               },
-    //               {
-    //                 title: 'Events',
-    //                 page: '/calender/events'
-    //               },
+      //   {
+      //     title: 'Dashboard',
+      //     icon: 'la-home',
+      //     page: 'null',
+      //     badge: { type: 'badge-info', value: '3' },
+      //     submenu: {
+      //       items: [
+      //         {
+      //           title: 'Sales',
+      //           icon: 'la-dollar',
+      //           page: '/dashboard/sales'
+      //         },
+      //         {
+      //           title: 'Ecommerce',
+      //           icon: 'la-cart-plus',
+      //           page: '/dashboard/ecommerce'
+      //         },
+      //         {
+      //           title: 'Hospital',
+      //           icon: 'la-h-square',
+      //           page: '/dashboard/hospital'
+      //         }
+      //       ]
+      //     }
+      //   },
+      {
+        title: "Templates",
+        icon: "la-television",
+        page: "null",
+        submenu: {
+          items: [
+            {
+              title: "Horizontal",
+              page: "null",
+            },
+            {
+              title: "Vertical",
+              page: "null",
+            },
+          ],
+        },
+      },
+      //   {
+      //     title: 'APPS',
+      //     icon: 'la-mobile',
+      //     page: 'null',
+      //     submenu: {
+      //       items: [
 
-    //               {
-    //                 title: 'Add Event',
-    //                 page: '/calender/addevent'
-    //               },
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'KanBan',
-    //           icon: 'la-comments',
-    //           page: '/kanban'
-    //         },            
-    //       ]
-    //     }
-    //   },
-    //   {
-    //     title: 'Pages',
-    //     icon: 'la-file-text',
-    //     page: 'null',
-    //     submenu: {
-    //       items: [
-    //         {
-    //           title: 'News Feed',
-    //           icon: 'la-newspaper-o',
-    //           page: '/news-feed/news-feed'
-    //         },
-    //         {
-    //           title: 'Social Feed',
-    //           icon: 'la-share-alt',
-    //           page: '/social-feed/social-feed'
-    //         },
-    //         {
-    //           title: 'Invoice',
-    //           icon: 'la-clipboard',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Invoice Summary',
-    //                 page: '/invoice/invoice-summary',
-    //               },
-    //               {
-    //                 title: 'Invoice Template',
-    //                 page: '/invoice/invoice-template',
-    //               },
-    //               {
-    //                 title: 'Invoice List',
-    //                 page: '/invoice/invoice-list',
-    //               },
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'Timelines',
-    //           icon: 'la-film',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Timelines Center',
-    //                 page: '/timelines/timelines-center',
-    //               },
-    //               {
-    //                 title: 'Timelines Left ',
-    //                 page: '/timelines/timelines-left',
-    //               },
-    //               {
-    //                 title: 'Timelines Right ',
-    //                 page: '/timelines/timelines-right',
-    //               },
-    //               {
-    //                 title: 'Timelines Horizontal',
-    //                 page: '/timelines/timelines-horizontal',
-    //               }
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'User',
-    //           icon: 'la-user',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'User Profile',
-    //                 page: '/user/user-profile',
-    //               },
-    //               {
-    //                 title: 'User Cards',
-    //                 page: '/user/user-cards',
-    //               },
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'File Uploader',
-    //           icon: 'la la-cloud-upload',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Dropzone',
-    //                 page: '/dropzone/dropzone',
-    //               }
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'Gallery',
-    //           icon: 'la-image',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Gallery Grid',
-    //                 page: '/gallery/gallery-grid',
-    //               },
-    //               {
-    //                 title: 'Gallery Grid with Desc',
-    //                 page: '/gallery/gallery-grid-desc',
-    //               },
-    //               {
-    //                 title: 'Masonry Gallery',
-    //                 page: '/gallery/masonry-gallery',
-    //               },
-    //               {
-    //                 title: 'Hover Effect',
-    //                 page: '/gallery/hover-effect',
-    //               },
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'Authentication',
-    //           icon: 'la-unlock',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Login Simple',
-    //                 page: '/authentication/loginSimple',
-    //               },
-    //               {
-    //                 title: 'Login With Bg',
-    //                 page: '/authentication/loginWithBg',
-    //               },
-    //               {
-    //                 title: 'Login With Bg Image',
-    //                 page: '/authentication/loginWithBgImage',
-    //               },
-    //               {
-    //                 title: 'Login With Navbar',
-    //                 page: '/authentication/loginWithNavbar',
-    //               },
-    //               {
-    //                 title: 'Login Advanced',
-    //                 page: '/authentication/loginAdvanced',
-    //               },
-    //               {
-    //                 title: 'Register Simple',
-    //                 page: '/authentication/registerSimple',
-    //               },
-    //               {
-    //                 title: 'Register With Bg',
-    //                 page: '/authentication/registerWithBg',
-    //               },
-    //               {
-    //                 title: 'Register With Bg Image',
-    //                 page: '/authentication/registerWithBgImage',
-    //               },
-    //               {
-    //                 title: 'Register With Navbar',
-    //                 page: '/authentication/registerWithNavbar',
-    //               },
-    //               {
-    //                 title: 'Register Advanced',
-    //                 page: '/authentication/registerAdvanced',
-    //               },
-    //               {
-    //                 title: 'Unlock User',
-    //                 page: '/authentication/unlockUser',
-    //               },
-    //               {
-    //                 title: 'recover-password',
-    //                 page: '/authentication/recoverPassword',
-    //               },
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'Error',
-    //           icon: 'la-warning',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Error 400',
-    //                 page: '/error/error400',
-    //               },
-    //               {
-    //                 title: 'Error 400 with Navbar',
-    //                 page: '/error/error400WithNavbar',
-    //               },
-    //               {
-    //                 title: 'Error 401',
-    //                 page: '/error/error401',
-    //               },
-    //               {
-    //                 title: 'Error 401 with Navbar',
-    //                 page: '/error/error401WithNavbar',
-    //               },
-    //               {
-    //                 title: 'Error 403',
-    //                 page: '/error/error403',
-    //               },
-    //               {
-    //                 title: 'Error 403 with Navbar',
-    //                 page: '/error/error403WithNavbar',
-    //               },
-    //               {
-    //                 title: 'Error 404',
-    //                 page: '/error/error404',
-    //               },
-    //               {
-    //                 title: 'Error 404 with Navbar',
-    //                 page: '/error/error404WithNavbar',
-    //               },
-    //               {
-    //                 title: 'Error 500',
-    //                 page: '/error/error500',
-    //               },
-    //               {
-    //                 title: 'Error 500 with Navbar',
-    //                 page: '/error/error500WithNavbar',
-    //               },
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'Search',
-    //           icon: 'la-search',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Search Page',
-    //                 page: '/others/searchPage',
-    //               },
-    //               {
-    //                 title: 'Search Website',
-    //                 page: '/search/searchWebsite',
-    //               },
-    //               {
-    //                 title: 'Search Images',
-    //                 page: '/search/searchImages',
-    //               },
-    //               {
-    //                 title: 'Search Videos',
-    //                 page: '/search/searchVideos',
-    //               },
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'Others',
-    //           icon: 'la-file-text',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Coming Soon',
-    //                 page: 'null',
-    //                 submenu: {
-    //                   items: [
-    //                     {
-    //                       title: 'Flat',
-    //                       page: '/others/flat'
-    //                     },
-    //                     {
-    //                       title: 'Bg image',
-    //                       page: '/others/bgImage'
-    //                     },
-    //                     // {
-    //                     //   title: 'Bg video',
-    //                     //   page: '/others/bgVideo'
-    //                     // },
-    //                   ]
-    //                 }
-    //               },
-    //               {
-    //                 title: 'Maintenance',
-    //                 page: '/others/maintenance'
-    //               },
-    //             ]
-    //           }
-    //         },
-    //       ]
-    //     }
-    //   },
-    //   {
-    //     title: ' UI',
-    //     icon: 'la-pencil',
-    //     page: 'null',
-    //     submenu: {
-    //       items: [
-    //         {
-    //           title: 'Components',
-    //           icon: 'la-server',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Alerts',
-    //                 page: '/components/alerts'
-    //               },
-    //               {
-    //                 title: 'Callout',
-    //                 page: '/components/callout'
-    //               },
-    //               {
-    //                 title: 'Buttons',
-    //                 page: 'null',
-    //                 submenu: {
-    //                   items: [
-    //                     {
-    //                       title: 'Basic Buttons',
-    //                       page: '/components/basic-buttons'
-    //                     },
-    //                     {
-    //                       title: 'Extended Buttons',
-    //                       page: '/components/extended-buttons'
-    //                     }
-    //                   ]
-    //                 }
-    //               },
-    //               {
-    //                 title: 'Tooltips',
-    //                 page: '/components/tooltips'
-    //               },
-    //               {
-    //                 title: 'Dropdowns',
-    //                 page: '/components/dropdowns'
-    //               },
-    //               {
-    //                 title: 'List Group',
-    //                 page: '/components/list-group'
-    //               },
-    //               {
-    //                 title: 'Popovers',
-    //                 page: '/components/popovers'
-    //               },
-    //               {
-    //                 title: 'Carousel',
-    //                 page: '/components/carousel'
-    //               },
-    //               {
-    //                 title: 'Collapse',
-    //                 page: '/components/collapse'
-    //               },
-    //               {
-    //                 title: 'Modals',
-    //                 page: '/components/modals'
-    //               },
-    //               {
-    //                 title: 'Progress',
-    //                 page: '/components/progress'
-    //               },
-    //               {
-    //                 title: 'Pill Badges',
-    //                 page: '/components/pill-badges'
-    //               },
-    //               {
-    //                 title: 'Scrollable',
-    //                 page: '/components/scrollable'
-    //               },
-    //               {
-    //                 title: 'Navs Component',
-    //                 page: '/components/navs'
-    //               },
-    //               {
-    //                 title: 'Badges',
-    //                 page: '/components/badges'
-    //               },
-    //               {
-    //                 title: 'Media Objects',
-    //                 page: '/components/mediaobjects'
-    //               },
-    //               {
-    //                 title: 'Spinners',
-    //                 page: '/components/spinners'
-    //               },
-    //               {
-    //                 title: 'Pagination',
-    //                 page: '/components/pagination'
-    //               },
-    //               {
-    //                 title: 'Pills Component',
-    //                 page: '/components/pills'
-    //               }
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'Cards',
-    //           icon: 'la-tablet',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Bootstrap',
-    //                 page: '/cards/bootstrap'
-    //               }
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'Advance Cards',
-    //           icon: 'la-fire',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Statistics',
-    //                 page: '/advanceCards/statistics'
-    //               },
-    //               {
-    //                 title: 'Social',
-    //                 page: '/advanceCards/social'
-    //               },
-    //               {
-    //                 title: 'Charts',
-    //                 page: '/advanceCards/charts'
-    //               },
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'Extra Components',
-    //           icon: 'la-diamond',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Date Time Picker',
-    //                 page: '/extraComponents/dateTimePicker'
-    //               },
-    //               {
-    //                 title: 'TypeAhead',
-    //                 page: '/extraComponents/typeAhead'
-    //               },
-    //               {
-    //                 title: 'Text Editer',
-    //                 page: '/extraComponents/text-editor'
-    //               }
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'Icons',
+      //         {
+      //           title: 'To Do',
+      //           icon: 'la-edit',
+      //           page: '/todo-app'
+      //         },
+      //         {
+      //           title: 'Contacts',
+      //           icon: 'la-users',
+      //           page: '/contacts'
+      //         },
+      //         {
+      //           title: 'Email Application',
+      //           icon: 'la-envelope',
+      //           page: '/email'
+      //         },
+      //         {
+      //           title: 'Chat Application',
+      //           icon: 'la-comments',
+      //           page: '/chats'
+      //         },
+      //         {
+      //           title: 'Calenders',
+      //           icon: 'la-calendar',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Basic',
+      //                 page: '/calender/basic'
+      //               },
+      //               {
+      //                 title: 'Events',
+      //                 page: '/calender/events'
+      //               },
 
-    //           icon: 'la-eye',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Feather',
-    //                 page: '/icons/feather'
-    //               },
-    //               {
-    //                 title: 'Line Awesome',
-    //                 page: '/icons/line-awesome'
-    //               },
-    //               {
-    //                 title: 'Meteocons',
-    //                 page: '/icons/meteocons'
-    //               },
-    //               {
-    //                 title: 'Simple Line Icons',
-    //                 page: '/icons/simple-line-icons'
-    //               }
-    //             ]
-    //           }
-    //         },
-    //       ]
-    //     }
-    //   },
-    //   { section: 'Forms', icon: 'la-ellipsis-h' },
-    //   {
-    //     title: 'Form ',
+      //               {
+      //                 title: 'Add Event',
+      //                 page: '/calender/addevent'
+      //               },
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'KanBan',
+      //           icon: 'la-comments',
+      //           page: '/kanban'
+      //         },
+      //       ]
+      //     }
+      //   },
+      //   {
+      //     title: 'Pages',
+      //     icon: 'la-file-text',
+      //     page: 'null',
+      //     submenu: {
+      //       items: [
+      //         {
+      //           title: 'News Feed',
+      //           icon: 'la-newspaper-o',
+      //           page: '/news-feed/news-feed'
+      //         },
+      //         {
+      //           title: 'Social Feed',
+      //           icon: 'la-share-alt',
+      //           page: '/social-feed/social-feed'
+      //         },
+      //         {
+      //           title: 'Invoice',
+      //           icon: 'la-clipboard',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Invoice Summary',
+      //                 page: '/invoice/invoice-summary',
+      //               },
+      //               {
+      //                 title: 'Invoice Template',
+      //                 page: '/invoice/invoice-template',
+      //               },
+      //               {
+      //                 title: 'Invoice List',
+      //                 page: '/invoice/invoice-list',
+      //               },
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'Timelines',
+      //           icon: 'la-film',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Timelines Center',
+      //                 page: '/timelines/timelines-center',
+      //               },
+      //               {
+      //                 title: 'Timelines Left ',
+      //                 page: '/timelines/timelines-left',
+      //               },
+      //               {
+      //                 title: 'Timelines Right ',
+      //                 page: '/timelines/timelines-right',
+      //               },
+      //               {
+      //                 title: 'Timelines Horizontal',
+      //                 page: '/timelines/timelines-horizontal',
+      //               }
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'User',
+      //           icon: 'la-user',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'User Profile',
+      //                 page: '/user/user-profile',
+      //               },
+      //               {
+      //                 title: 'User Cards',
+      //                 page: '/user/user-cards',
+      //               },
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'File Uploader',
+      //           icon: 'la la-cloud-upload',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Dropzone',
+      //                 page: '/dropzone/dropzone',
+      //               }
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'Gallery',
+      //           icon: 'la-image',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Gallery Grid',
+      //                 page: '/gallery/gallery-grid',
+      //               },
+      //               {
+      //                 title: 'Gallery Grid with Desc',
+      //                 page: '/gallery/gallery-grid-desc',
+      //               },
+      //               {
+      //                 title: 'Masonry Gallery',
+      //                 page: '/gallery/masonry-gallery',
+      //               },
+      //               {
+      //                 title: 'Hover Effect',
+      //                 page: '/gallery/hover-effect',
+      //               },
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'Authentication',
+      //           icon: 'la-unlock',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Login Simple',
+      //                 page: '/authentication/loginSimple',
+      //               },
+      //               {
+      //                 title: 'Login With Bg',
+      //                 page: '/authentication/loginWithBg',
+      //               },
+      //               {
+      //                 title: 'Login With Bg Image',
+      //                 page: '/authentication/loginWithBgImage',
+      //               },
+      //               {
+      //                 title: 'Login With Navbar',
+      //                 page: '/authentication/loginWithNavbar',
+      //               },
+      //               {
+      //                 title: 'Login Advanced',
+      //                 page: '/authentication/loginAdvanced',
+      //               },
+      //               {
+      //                 title: 'Register Simple',
+      //                 page: '/authentication/registerSimple',
+      //               },
+      //               {
+      //                 title: 'Register With Bg',
+      //                 page: '/authentication/registerWithBg',
+      //               },
+      //               {
+      //                 title: 'Register With Bg Image',
+      //                 page: '/authentication/registerWithBgImage',
+      //               },
+      //               {
+      //                 title: 'Register With Navbar',
+      //                 page: '/authentication/registerWithNavbar',
+      //               },
+      //               {
+      //                 title: 'Register Advanced',
+      //                 page: '/authentication/registerAdvanced',
+      //               },
+      //               {
+      //                 title: 'Unlock User',
+      //                 page: '/authentication/unlockUser',
+      //               },
+      //               {
+      //                 title: 'recover-password',
+      //                 page: '/authentication/recoverPassword',
+      //               },
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'Error',
+      //           icon: 'la-warning',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Error 400',
+      //                 page: '/error/error400',
+      //               },
+      //               {
+      //                 title: 'Error 400 with Navbar',
+      //                 page: '/error/error400WithNavbar',
+      //               },
+      //               {
+      //                 title: 'Error 401',
+      //                 page: '/error/error401',
+      //               },
+      //               {
+      //                 title: 'Error 401 with Navbar',
+      //                 page: '/error/error401WithNavbar',
+      //               },
+      //               {
+      //                 title: 'Error 403',
+      //                 page: '/error/error403',
+      //               },
+      //               {
+      //                 title: 'Error 403 with Navbar',
+      //                 page: '/error/error403WithNavbar',
+      //               },
+      //               {
+      //                 title: 'Error 404',
+      //                 page: '/error/error404',
+      //               },
+      //               {
+      //                 title: 'Error 404 with Navbar',
+      //                 page: '/error/error404WithNavbar',
+      //               },
+      //               {
+      //                 title: 'Error 500',
+      //                 page: '/error/error500',
+      //               },
+      //               {
+      //                 title: 'Error 500 with Navbar',
+      //                 page: '/error/error500WithNavbar',
+      //               },
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'Search',
+      //           icon: 'la-search',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Search Page',
+      //                 page: '/others/searchPage',
+      //               },
+      //               {
+      //                 title: 'Search Website',
+      //                 page: '/search/searchWebsite',
+      //               },
+      //               {
+      //                 title: 'Search Images',
+      //                 page: '/search/searchImages',
+      //               },
+      //               {
+      //                 title: 'Search Videos',
+      //                 page: '/search/searchVideos',
+      //               },
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'Others',
+      //           icon: 'la-file-text',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Coming Soon',
+      //                 page: 'null',
+      //                 submenu: {
+      //                   items: [
+      //                     {
+      //                       title: 'Flat',
+      //                       page: '/others/flat'
+      //                     },
+      //                     {
+      //                       title: 'Bg image',
+      //                       page: '/others/bgImage'
+      //                     },
+      //                     // {
+      //                     //   title: 'Bg video',
+      //                     //   page: '/others/bgVideo'
+      //                     // },
+      //                   ]
+      //                 }
+      //               },
+      //               {
+      //                 title: 'Maintenance',
+      //                 page: '/others/maintenance'
+      //               },
+      //             ]
+      //           }
+      //         },
+      //       ]
+      //     }
+      //   },
+      //   {
+      //     title: ' UI',
+      //     icon: 'la-pencil',
+      //     page: 'null',
+      //     submenu: {
+      //       items: [
+      //         {
+      //           title: 'Components',
+      //           icon: 'la-server',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Alerts',
+      //                 page: '/components/alerts'
+      //               },
+      //               {
+      //                 title: 'Callout',
+      //                 page: '/components/callout'
+      //               },
+      //               {
+      //                 title: 'Buttons',
+      //                 page: 'null',
+      //                 submenu: {
+      //                   items: [
+      //                     {
+      //                       title: 'Basic Buttons',
+      //                       page: '/components/basic-buttons'
+      //                     },
+      //                     {
+      //                       title: 'Extended Buttons',
+      //                       page: '/components/extended-buttons'
+      //                     }
+      //                   ]
+      //                 }
+      //               },
+      //               {
+      //                 title: 'Tooltips',
+      //                 page: '/components/tooltips'
+      //               },
+      //               {
+      //                 title: 'Dropdowns',
+      //                 page: '/components/dropdowns'
+      //               },
+      //               {
+      //                 title: 'List Group',
+      //                 page: '/components/list-group'
+      //               },
+      //               {
+      //                 title: 'Popovers',
+      //                 page: '/components/popovers'
+      //               },
+      //               {
+      //                 title: 'Carousel',
+      //                 page: '/components/carousel'
+      //               },
+      //               {
+      //                 title: 'Collapse',
+      //                 page: '/components/collapse'
+      //               },
+      //               {
+      //                 title: 'Modals',
+      //                 page: '/components/modals'
+      //               },
+      //               {
+      //                 title: 'Progress',
+      //                 page: '/components/progress'
+      //               },
+      //               {
+      //                 title: 'Pill Badges',
+      //                 page: '/components/pill-badges'
+      //               },
+      //               {
+      //                 title: 'Scrollable',
+      //                 page: '/components/scrollable'
+      //               },
+      //               {
+      //                 title: 'Navs Component',
+      //                 page: '/components/navs'
+      //               },
+      //               {
+      //                 title: 'Badges',
+      //                 page: '/components/badges'
+      //               },
+      //               {
+      //                 title: 'Media Objects',
+      //                 page: '/components/mediaobjects'
+      //               },
+      //               {
+      //                 title: 'Spinners',
+      //                 page: '/components/spinners'
+      //               },
+      //               {
+      //                 title: 'Pagination',
+      //                 page: '/components/pagination'
+      //               },
+      //               {
+      //                 title: 'Pills Component',
+      //                 page: '/components/pills'
+      //               }
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'Cards',
+      //           icon: 'la-tablet',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Bootstrap',
+      //                 page: '/cards/bootstrap'
+      //               }
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'Advance Cards',
+      //           icon: 'la-fire',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Statistics',
+      //                 page: '/advanceCards/statistics'
+      //               },
+      //               {
+      //                 title: 'Social',
+      //                 page: '/advanceCards/social'
+      //               },
+      //               {
+      //                 title: 'Charts',
+      //                 page: '/advanceCards/charts'
+      //               },
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'Extra Components',
+      //           icon: 'la-diamond',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Date Time Picker',
+      //                 page: '/extraComponents/dateTimePicker'
+      //               },
+      //               {
+      //                 title: 'TypeAhead',
+      //                 page: '/extraComponents/typeAhead'
+      //               },
+      //               {
+      //                 title: 'Text Editer',
+      //                 page: '/extraComponents/text-editor'
+      //               }
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'Icons',
 
-    //     icon: 'la-th-list',
-    //     page: 'null',
-    //     submenu: {
-    //       items: [
-    //         {
-    //           title: 'Form Elements',
+      //           icon: 'la-eye',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Feather',
+      //                 page: '/icons/feather'
+      //               },
+      //               {
+      //                 title: 'Line Awesome',
+      //                 page: '/icons/line-awesome'
+      //               },
+      //               {
+      //                 title: 'Meteocons',
+      //                 page: '/icons/meteocons'
+      //               },
+      //               {
+      //                 title: 'Simple Line Icons',
+      //                 page: '/icons/simple-line-icons'
+      //               }
+      //             ]
+      //           }
+      //         },
+      //       ]
+      //     }
+      //   },
+      //   { section: 'Forms', icon: 'la-ellipsis-h' },
+      //   {
+      //     title: 'Form ',
 
-    //           icon: 'la-terminal',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Form Inputs',
-    //                 page: '/form-elements/form-inputs'
-    //               },
-    //               {
-    //                 title: 'Input Groups',
-    //                 page: '/form-elements/input-groups'
-    //               },
-    //               {
-    //                 title: 'Input Grid',
-    //                 page: '/form-elements/input-grid'
-    //               },
-    //               {
-    //                 title: 'Checkboxes & Radios',
-    //                 page: '/form-elements/checkboxes-radios'
-    //               },
-    //               {
-    //                 title: 'Switch',
-    //                 page: '/form-elements/switch'
-    //               },
-    //               {
-    //                 title: 'Select',
-    //                 page: '/form-elements/select'
-    //               },
-    //               {
-    //                 title: 'Extended Inputs',
-    //                 page: '/form-elements/extendedinputs'
-    //               },
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'Form Layouts',
+      //     icon: 'la-th-list',
+      //     page: 'null',
+      //     submenu: {
+      //       items: [
+      //         {
+      //           title: 'Form Elements',
 
-    //           icon: 'la-file-text',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Basic Forms',
-    //                 page: '/form-layouts/basic-forms'
-    //               },
-    //               {
-    //                 title: 'Horizontal Forms',
-    //                 page: '/form-layouts/horizontal-forms'
-    //               },
-    //               {
-    //                 title: 'Hidden Labels',
-    //                 page: '/form-layouts/hidden-labels'
-    //               },
-    //               {
-    //                 title: 'Form Actions',
-    //                 page: '/form-layouts/form-actions'
-    //               },
-    //               {
-    //                 title: 'Row Separator',
-    //                 page: '/form-layouts/row-separator'
-    //               },
-    //               {
-    //                 title: 'Bordered',
-    //                 page: '/form-layouts/bordered'
-    //               },
-    //               {
-    //                 title: 'Striped Rows',
-    //                 page: '/form-layouts/striped-rows'
-    //               },
-    //               {
-    //                 title: 'Striped Labels',
-    //                 page: '/form-layouts/striped-labels'
-    //               },
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'Form Wizard',
+      //           icon: 'la-terminal',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Form Inputs',
+      //                 page: '/form-elements/form-inputs'
+      //               },
+      //               {
+      //                 title: 'Input Groups',
+      //                 page: '/form-elements/input-groups'
+      //               },
+      //               {
+      //                 title: 'Input Grid',
+      //                 page: '/form-elements/input-grid'
+      //               },
+      //               {
+      //                 title: 'Checkboxes & Radios',
+      //                 page: '/form-elements/checkboxes-radios'
+      //               },
+      //               {
+      //                 title: 'Switch',
+      //                 page: '/form-elements/switch'
+      //               },
+      //               {
+      //                 title: 'Select',
+      //                 page: '/form-elements/select'
+      //               },
+      //               {
+      //                 title: 'Extended Inputs',
+      //                 page: '/form-elements/extendedinputs'
+      //               },
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'Form Layouts',
 
-    //           icon: 'la-paste',
-    //           page: '/form-wizard',
-    //         },
-    //         {
-    //           title: 'Form Repeater',
+      //           icon: 'la-file-text',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Basic Forms',
+      //                 page: '/form-layouts/basic-forms'
+      //               },
+      //               {
+      //                 title: 'Horizontal Forms',
+      //                 page: '/form-layouts/horizontal-forms'
+      //               },
+      //               {
+      //                 title: 'Hidden Labels',
+      //                 page: '/form-layouts/hidden-labels'
+      //               },
+      //               {
+      //                 title: 'Form Actions',
+      //                 page: '/form-layouts/form-actions'
+      //               },
+      //               {
+      //                 title: 'Row Separator',
+      //                 page: '/form-layouts/row-separator'
+      //               },
+      //               {
+      //                 title: 'Bordered',
+      //                 page: '/form-layouts/bordered'
+      //               },
+      //               {
+      //                 title: 'Striped Rows',
+      //                 page: '/form-layouts/striped-rows'
+      //               },
+      //               {
+      //                 title: 'Striped Labels',
+      //                 page: '/form-layouts/striped-labels'
+      //               },
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'Form Wizard',
 
-    //           icon: 'la-repeat',
-    //           page: '/form-repeater'
-    //         }
-    //       ]
-    //     }
-    //   },
-    //   { section: 'Charts', icon: 'la-ellipsis-h' },
-    //   {
-    //     title: 'Charts',
+      //           icon: 'la-paste',
+      //           page: '/form-wizard',
+      //         },
+      //         {
+      //           title: 'Form Repeater',
 
-    //     icon: 'la-line-chart',
-    //     page: 'null',
-    //     submenu: {
-    //       items: [
-    //         {
-    //           title: 'ChartJs',
-    //           icon: 'la-area-chart',
-    //           page: '/chartjs/charts'
-    //         },
-    //         {
-    //           title: 'Chartist',
-    //           icon: 'la-pie-chart',
-    //           page: '/ngchartist/linecharts'
-    //         }
-    //       ]
-    //     }
-    //   },
-    //  { section: 'Table', icon: 'la-ellipsis-h' },
-    //   {
-    //     title: 'Tables',
+      //           icon: 'la-repeat',
+      //           page: '/form-repeater'
+      //         }
+      //       ]
+      //     }
+      //   },
+      //   { section: 'Charts', icon: 'la-ellipsis-h' },
+      //   {
+      //     title: 'Charts',
 
-    //     icon: 'la-table',
-    //     page: 'null',
-    //     submenu: {
-    //       items: [
-    //         {
-    //           title: 'Boostrap Tables',
+      //     icon: 'la-line-chart',
+      //     page: 'null',
+      //     submenu: {
+      //       items: [
+      //         {
+      //           title: 'ChartJs',
+      //           icon: 'la-area-chart',
+      //           page: '/chartjs/charts'
+      //         },
+      //         {
+      //           title: 'Chartist',
+      //           icon: 'la-pie-chart',
+      //           page: '/ngchartist/linecharts'
+      //         }
+      //       ]
+      //     }
+      //   },
+      //  { section: 'Table', icon: 'la-ellipsis-h' },
+      //   {
+      //     title: 'Tables',
 
-    //           icon: 'la-table',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Basic Table',
-    //                 page: '/boostraptables/basictable'
-    //               },
-    //               {
-    //                 title: 'Table Border',
-    //                 page: '/boostraptables/tableborder'
-    //               },
-    //               {
-    //                 title: 'Table Sizing',
-    //                 page: '/boostraptables/tablesizing'
-    //               },
-    //               {
-    //                 title: 'Table Styling',
-    //                 page: '/boostraptables/tablestyling'
-    //               },
-    //               {
-    //                 title: 'Table Components',
-    //                 page: '/boostraptables/tablecomponents'
-    //               },
-    //               {
-    //                 title: 'Ngx BoostrapTables',
-    //                 page: '/boostraptables/ngxboostraptables'
-    //               },
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'Data Tables',
+      //     icon: 'la-table',
+      //     page: 'null',
+      //     submenu: {
+      //       items: [
+      //         {
+      //           title: 'Boostrap Tables',
 
-    //           icon: 'la-th',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Basic Installation',
-    //                 page: '/datatables/basicinitialisation'
+      //           icon: 'la-table',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Basic Table',
+      //                 page: '/boostraptables/basictable'
+      //               },
+      //               {
+      //                 title: 'Table Border',
+      //                 page: '/boostraptables/tableborder'
+      //               },
+      //               {
+      //                 title: 'Table Sizing',
+      //                 page: '/boostraptables/tablesizing'
+      //               },
+      //               {
+      //                 title: 'Table Styling',
+      //                 page: '/boostraptables/tablestyling'
+      //               },
+      //               {
+      //                 title: 'Table Components',
+      //                 page: '/boostraptables/tablecomponents'
+      //               },
+      //               {
+      //                 title: 'Ngx BoostrapTables',
+      //                 page: '/boostraptables/ngxboostraptables'
+      //               },
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'Data Tables',
 
-    //               },
-    //               {
-    //                 title: 'Styling',
-    //                 page: '/datatables/styling'
-    //               },
-    //               {
-    //                 title: 'API',
-    //                 page: '/datatables/api'
+      //           icon: 'la-th',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Basic Installation',
+      //                 page: '/datatables/basicinitialisation'
 
-    //               },
-    //             ]
-    //           }
-    //         },
-    //         {
-    //           title: 'DataTables Ext',
+      //               },
+      //               {
+      //                 title: 'Styling',
+      //                 page: '/datatables/styling'
+      //               },
+      //               {
+      //                 title: 'API',
+      //                 page: '/datatables/api'
 
-    //           icon: 'la-th-large',
-    //           page: 'null',
-    //           submenu: {
-    //             items: [
-    //               {
-    //                 title: 'Buttons',
-    //                 page: '/datatablesext/buttons'
+      //               },
+      //             ]
+      //           }
+      //         },
+      //         {
+      //           title: 'DataTables Ext',
 
-    //               },
-    //               {
-    //                 title: 'HTML5 Data Export',
-    //                 page: '/datatablesext/html5dataexport'
+      //           icon: 'la-th-large',
+      //           page: 'null',
+      //           submenu: {
+      //             items: [
+      //               {
+      //                 title: 'Buttons',
+      //                 page: '/datatablesext/buttons'
 
-    //               },
-    //               {
-    //                 title: 'Hidden On load',
-    //                 page: '/datatablesext/hiddentable'
+      //               },
+      //               {
+      //                 title: 'HTML5 Data Export',
+      //                 page: '/datatablesext/html5dataexport'
 
-    //               },
-    //             ]
-    //           }
-    //         }
-    //       ]
-    //     }
-    //   },
-    //   { section: 'SUPPORT', icon: 'la-ellipsis-h' },
-    //   {
-    //     title: 'Support',
+      //               },
+      //               {
+      //                 title: 'Hidden On load',
+      //                 page: '/datatablesext/hiddentable'
 
-    //     icon: 'la-support',
-    //     page: 'null',
-    //     submenu: {
-    //       items: [
-    //         {
-    //           title: 'Starter Kit',
-    //           icon: 'la-puzzle-piece',
-    //           page: 'https://modern-admin-8453e.firebaseapp.com/changelog',
-    //           isExternalLink: true
-    //         },
-    //         {
-    //           title: 'Changelog',
-    //           icon: 'la-file',
-    //           page: '/changelog',
-    //           badge: { type: 'badge-danger', value: '3.5' },
-    //         },
-    //         {
-    //           title: 'Raise Support',
-    //           icon: 'la-support',
-    //           page: 'https://pixinvent.ticksy.com/',
-    //           isExternalLink: true
-    //         },
-    //         {
-    //           title: 'Documentaion',
-    //           icon: 'la-text-height',
-    //           page: 'https://modern-admin-docs.web.app/html/ltr/documentation/index.html',
-    //           isExternalLink: true,
-    //         }
-    //       ]
-    //     }
-    //   }
-    ]
+      //               },
+      //             ]
+      //           }
+      //         }
+      //       ]
+      //     }
+      //   },
+      //   { section: 'SUPPORT', icon: 'la-ellipsis-h' },
+      //   {
+      //     title: 'Support',
+
+      //     icon: 'la-support',
+      //     page: 'null',
+      //     submenu: {
+      //       items: [
+      //         {
+      //           title: 'Starter Kit',
+      //           icon: 'la-puzzle-piece',
+      //           page: 'https://modern-admin-8453e.firebaseapp.com/changelog',
+      //           isExternalLink: true
+      //         },
+      //         {
+      //           title: 'Changelog',
+      //           icon: 'la-file',
+      //           page: '/changelog',
+      //           badge: { type: 'badge-danger', value: '3.5' },
+      //         },
+      //         {
+      //           title: 'Raise Support',
+      //           icon: 'la-support',
+      //           page: 'https://pixinvent.ticksy.com/',
+      //           isExternalLink: true
+      //         },
+      //         {
+      //           title: 'Documentaion',
+      //           icon: 'la-text-height',
+      //           page: 'https://modern-admin-docs.web.app/html/ltr/documentation/index.html',
+      //           isExternalLink: true,
+      //         }
+      //       ]
+      //     }
+      //   }
+    ],
   },
 
   vertical_menu: {
     items: [
       // { section: 'Hemat', icon: 'la-ellipsis-h' },
       {
-        title: 'Dashboard',
-        icon: 'la-home',
-        page: 'null',
+        title: "Dashboard",
+        icon: "la-home",
+        page: "null",
         submenu: {
           items: [
-           {
-              title: 'Enegry Monitoring',
-              page: '/monitoring'
+            {
+              title: "Enegry Monitoring",
+              page: "/monitoring",
             },
             {
-              title: 'Surveillance',
-              page: '/monitoring/surveillance'
+              title: "Surveillance",
+              page: "/monitoring/surveillance",
             },
             {
-              title: 'Water Consumption',
-              page: '/monitoring/water-monitoring'
-            }           
-          ]
-        }
+              title: "Water Consumption",
+              page: "/monitoring/water-monitoring",
+            },
+          ],
+        },
       },
       // {
       //   title: 'Device',
@@ -969,102 +969,101 @@ export const MenuSettingsConfig: MenuConfig = {
       //   page: '/device'
       // },
       {
-        title: 'Device',
-        icon: 'feather ft-life-buoy',
-        page: 'null',
+        title: "Device",
+        icon: "feather ft-life-buoy",
+        page: "null",
         submenu: {
           items: [
-           {
-              title: 'List Device',
-              page: '/device'
+            {
+              title: "List Device",
+              page: "/device",
             },
             {
-              title: 'Control Device',
-              page: '/device/control-device'
-            }        
-          ]
-        }
+              title: "Control Device",
+              page: "/device/control-device",
+            },
+          ],
+        },
       },
       {
-        title: 'Cost Management',
-        icon: 'feather ft-bar-chart-2',
-        page: '/cost-management'
+        title: "Cost Management",
+        icon: "feather ft-bar-chart-2",
+        page: "/cost-management",
       },
       {
-        title: 'Carbon Calculator',
-        icon: 'la-calculator',
-        page: 'null',
+        title: "Carbon Calculator",
+        icon: "la-calculator",
+        page: "null",
         submenu: {
           items: [
-           {
-              title: 'Calcutaion',
-              page: '/calculator/calculation'
+            {
+              title: "Calcutaion",
+              page: "/calculator/calculation",
             },
             {
-              title: 'Reduction Target',
-              page: '/calculator/reduction'
-            }        
-          ]
-        }
+              title: "Reduction Target",
+              page: "/calculator/reduction",
+            },
+          ],
+        },
       },
       {
-        title: 'User Access',
-        icon: 'feather ft-user-check',
-        page: '/user-access'
+        title: "User Access",
+        icon: "feather ft-user-check",
+        page: "/user-access",
       },
       {
-        title: 'Monitoring List',
-        icon: 'icon-notebook',
-        page: '/list-monitoring'
-      },
-      {
-        title: 'Setup Menu',
-        icon: 'feather ft-server',
-        page: 'null',
+        title: "Setup Menu",
+        icon: "feather ft-server",
+        page: "null",
         submenu: {
           items: [
-           {
-              title: 'Master Category',
-              page: '/master/master-category'
+            {
+              title: "Monitoring List",
+              page: "/list-monitoring",
             },
             {
-              title: 'Master Voltage',
-              page: '/master/master-voltage'
+              title: "Master Category",
+              page: "/master/master-category",
             },
             {
-              title: 'Master Floor',
-              page: '/master/master-floor'
+              title: "Master Voltage",
+              page: "/master/master-voltage",
             },
             {
-              title: 'Master Type',
-              page: '/master/master-type'
+              title: "Master Floor",
+              page: "/master/master-floor",
             },
             {
-              title: 'Master Status',
-              page: '/master/master-status'
+              title: "Master Type",
+              page: "/master/master-type",
             },
             {
-              title: 'Master Duration Use',
-              page: '/master/master-duration-use'
+              title: "Master Status",
+              page: "/master/master-status",
             },
             {
-              title: 'Master User',
-              page: '/master/master-user'
+              title: "Master Duration Use",
+              page: "/master/master-duration-use",
             },
             {
-              title: 'Master Role',
-              page: '/master/master-role'
+              title: "Master User",
+              page: "/master/master-user",
             },
             {
-              title: 'Master Room',
-              page: '/master/master-room'
+              title: "Master Role",
+              page: "/master/master-role",
             },
             {
-              title: 'Master Building',
-              page: '/master/master-building'
-            }
-          ]
-        }
+              title: "Master Room",
+              page: "/master/master-room",
+            },
+            {
+              title: "Master Building",
+              page: "/master/master-building",
+            },
+          ],
+        },
       },
 
       // { section: 'APPS', icon: 'la-ellipsis-h' },
@@ -1086,7 +1085,7 @@ export const MenuSettingsConfig: MenuConfig = {
       //       {
       //         title: 'Hospital',
       //         page: '/dashboard/hospital'
-      //       }           
+      //       }
       //     ]
       //   }
       // },
@@ -1822,12 +1821,6 @@ export const MenuSettingsConfig: MenuConfig = {
       //   page: 'https://modern-admin-docs.web.app/html/ltr/documentation/index.html',
       //   isExternalLink: true,
       // }
-    ]
-  }
-
+    ],
+  },
 };
-
-
-
-
-
diff --git a/src/app/content/hemat-app/cost-management/cost-management.component.html b/src/app/content/hemat-app/cost-management/cost-management.component.html
index 0b0c342..fe764c9 100644
--- a/src/app/content/hemat-app/cost-management/cost-management.component.html
+++ b/src/app/content/hemat-app/cost-management/cost-management.component.html
@@ -114,7 +114,7 @@
                       style="height: 20px"
                     >
                       <span class="text-bold-600">{{
-                        dataCompAct?.est_cost
+                        dataCompAct?.real_cost
                       }}</span>
                     </div>
                   </div>
@@ -124,8 +124,8 @@
                       <ngb-progressbar
                         height="35px"
                         type="danger"
-                        [value]="dataCompAct?.real_cost"
-                        [max]="dataCompAct?.real_cost"
+                        [value]="dataCompAct?.est_cost"
+                        [max]="dataCompAct?.est_cost"
                       ></ngb-progressbar>
                     </div>
                     <div
@@ -133,7 +133,7 @@
                       style="height: 20px"
                     >
                       <span class="text-bold-600">{{
-                        dataCompAct?.real_cost
+                        dataCompAct?.est_cost
                       }}</span>
                     </div>
                   </div>
diff --git a/src/app/content/hemat-app/cost-management/cost-management.component.ts b/src/app/content/hemat-app/cost-management/cost-management.component.ts
index a7d40e9..573cd18 100644
--- a/src/app/content/hemat-app/cost-management/cost-management.component.ts
+++ b/src/app/content/hemat-app/cost-management/cost-management.component.ts
@@ -232,7 +232,7 @@ export class CostManagementComponent implements OnInit {
     this.costService
       .getRealCostByBuildingId(4, this.dateSelected)
       .subscribe((data) => {
-        console.log(data.data[0]);
+        // console.log(data.data[0]);
         // this.costTerm = data.data[0].est_cost
       });
     setTimeout(() => {
diff --git a/src/app/content/hemat-app/device/device.component.html b/src/app/content/hemat-app/device/device.component.html
index 0ed0a46..9319ca5 100644
--- a/src/app/content/hemat-app/device/device.component.html
+++ b/src/app/content/hemat-app/device/device.component.html
@@ -19,7 +19,7 @@
                         Total Device
                       </h6>
                       <h3 style="color: #ffffff !important">
-                        {{ filteredRows.length }}
+                        {{ filteredRows?.length }}
                       </h3>
                     </div>
                     <div class="align-self-center">