Added list of detectors and sensors sub-menus

frontend/app/store/navigationStore.ts

@@ -36,6 +36,20 @@ interface NotificationType {
   priority: string
 }
 
+interface AlertType {
+  id: number
+  detector_id: number
+  detector_name: string
+  type: string
+  status: string
+  message: string
+  timestamp: string
+  location: string
+  object: string
+  acknowledged: boolean
+  priority: string
+}
+
 export interface NavigationStore {
   currentObject: { id: string | undefined; title: string | undefined }
   navigationHistory: string[]
@@ -44,11 +58,15 @@ export interface NavigationStore {
   showMonitoring: boolean
   showFloorNavigation: boolean
   showNotifications: boolean
+  showListOfDetectors: boolean
+  showSensors: boolean
    
   selectedDetector: DetectorType | null
   showDetectorMenu: boolean
   selectedNotification: NotificationType | null
   showNotificationDetectorInfo: boolean
+  selectedAlert: AlertType | null
+  showAlertMenu: boolean
     
   setCurrentObject: (id: string | undefined, title: string | undefined) => void
   clearCurrentObject: () => void
@@ -64,11 +82,20 @@ export interface NavigationStore {
   closeFloorNavigation: () => void
   openNotifications: () => void
   closeNotifications: () => void
+  openListOfDetectors: () => void
+  closeListOfDetectors: () => void
+  openSensors: () => void
+  closeSensors: () => void
+  
+  // Close all menus and submenus
+  closeAllMenus: () => void
    
   setSelectedDetector: (detector: DetectorType | null) => void
   setShowDetectorMenu: (show: boolean) => void
   setSelectedNotification: (notification: NotificationType | null) => void
   setShowNotificationDetectorInfo: (show: boolean) => void
+  setSelectedAlert: (alert: AlertType | null) => void
+  setShowAlertMenu: (show: boolean) => void
    
   isOnNavigationPage: () => boolean
   getCurrentRoute: () => string | null
@@ -88,11 +115,15 @@ const useNavigationStore = create<NavigationStore>()(
       showMonitoring: false,
       showFloorNavigation: false,
       showNotifications: false,
+      showListOfDetectors: false,
+      showSensors: false,
        
       selectedDetector: null,
       showDetectorMenu: false,
       selectedNotification: null,
       showNotificationDetectorInfo: false,
+      selectedAlert: null,
+      showAlertMenu: false,
        
       setCurrentObject: (id: string | undefined, title: string | undefined) => 
         set({ currentObject: { id, title } }),
@@ -131,6 +162,7 @@ const useNavigationStore = create<NavigationStore>()(
         showMonitoring: true, 
         showFloorNavigation: false, 
         showNotifications: false,
+        showListOfDetectors: false,
         currentSubmenu: 'monitoring',
         showDetectorMenu: false,
         selectedDetector: null,
@@ -147,6 +179,7 @@ const useNavigationStore = create<NavigationStore>()(
         showFloorNavigation: true, 
         showMonitoring: false, 
         showNotifications: false,
+        showListOfDetectors: false,
         currentSubmenu: 'floors',
         showNotificationDetectorInfo: false,
         selectedNotification: null
@@ -163,6 +196,7 @@ const useNavigationStore = create<NavigationStore>()(
         showNotifications: true, 
         showMonitoring: false, 
         showFloorNavigation: false,
+        showListOfDetectors: false,
         currentSubmenu: 'notifications',
         showDetectorMenu: false,
         selectedDetector: null
@@ -174,11 +208,68 @@ const useNavigationStore = create<NavigationStore>()(
         selectedNotification: null,
         currentSubmenu: null 
       }),
+      
+      openListOfDetectors: () => set({ 
+        showListOfDetectors: true, 
+        showMonitoring: false, 
+        showFloorNavigation: false,
+        showNotifications: false,
+        currentSubmenu: 'detectors',
+        showDetectorMenu: false,
+        selectedDetector: null,
+        showNotificationDetectorInfo: false,
+        selectedNotification: null
+      }),
+      
+      closeListOfDetectors: () => set({ 
+        showListOfDetectors: false, 
+        showDetectorMenu: false,
+        selectedDetector: null,
+        currentSubmenu: null 
+      }),
+      
+      openSensors: () => set({ 
+        showSensors: true, 
+        showMonitoring: false, 
+        showFloorNavigation: false,
+        showNotifications: false,
+        showListOfDetectors: false,
+        currentSubmenu: 'sensors',
+        showDetectorMenu: false,
+        selectedDetector: null,
+        showNotificationDetectorInfo: false,
+        selectedNotification: null
+      }),
+      
+      closeSensors: () => set({ 
+        showSensors: false, 
+        showDetectorMenu: false,
+        selectedDetector: null,
+        currentSubmenu: null 
+      }),
+      
+      // Close all menus and submenus
+      closeAllMenus: () => set({
+        showMonitoring: false,
+        showFloorNavigation: false,
+        showNotifications: false,
+        showListOfDetectors: false,
+        showSensors: false,
+        showDetectorMenu: false,
+        selectedDetector: null,
+        showNotificationDetectorInfo: false,
+        selectedNotification: null,
+        showAlertMenu: false,
+        selectedAlert: null,
+        currentSubmenu: null
+      }),
        
       setSelectedDetector: (detector: DetectorType | null) => set({ selectedDetector: detector }),
       setShowDetectorMenu: (show: boolean) => set({ showDetectorMenu: show }),
       setSelectedNotification: (notification: NotificationType | null) => set({ selectedNotification: notification }),
       setShowNotificationDetectorInfo: (show: boolean) => set({ showNotificationDetectorInfo: show }),
+      setSelectedAlert: (alert: AlertType | null) => set({ selectedAlert: alert }),
+      setShowAlertMenu: (show: boolean) => set({ showAlertMenu: show }),
  
       isOnNavigationPage: () => {
         const { navigationHistory } = get()
@@ -192,10 +283,12 @@ const useNavigationStore = create<NavigationStore>()(
       },
       
       getActiveSidebarItem: () => {
-        const { showMonitoring, showFloorNavigation, showNotifications } = get()
+        const { showMonitoring, showFloorNavigation, showNotifications, showListOfDetectors, showSensors } = get()
         if (showMonitoring) return 3 // Зоны Мониторинга
         if (showFloorNavigation) return 4 // Навигация по этажам
         if (showNotifications) return 5 // Уведомления
+        if (showListOfDetectors) return 7 // Список датчиков
+        if (showSensors) return 8 // Сенсоры
         return 2 // Навигация (базовая)
       }
     }),