Thème
Superviseur — Frontend / features/dashboard/useDashboard / useDashboard
Fonction: useDashboard()
ts
function useDashboard(): object;Défini dans: features/dashboard/useDashboard.ts:25
Logique du tableau de bord : chargement des plans, partage redimensionnable plan/incidents, filtrage et regroupement des alertes, navigation vers une alerte sur la carte. Extrait de HomeView.vue pour séparer le comportement du gabarit.
Retourne
| Nom | Type | Description | Défini dans |
|---|---|---|---|
maps | Ref<object[], | BuildingMap[] | object[]> | - | features/dashboard/useDashboard.ts:379 |
currentMap | Ref< | { id: string; name: string; imageUrl: string; imageName?: string; points: object[]; pointSize?: number; lineSize?: number; labelScale?: number; resolutionScale?: number; sortOrder?: number; createdAt: string; } | null, | BuildingMap | { id: string; name: string; imageUrl: string; imageName?: string; points: object[]; pointSize?: number; lineSize?: number; labelScale?: number; resolutionScale?: number; sortOrder?: number; createdAt: string; } | null> | - | features/dashboard/useDashboard.ts:380 |
loadingMaps | Ref<boolean, boolean> | - | features/dashboard/useDashboard.ts:381 |
splitContainerRef | Ref<HTMLElement | null, HTMLElement | null> | - | features/dashboard/useDashboard.ts:382 |
leftWidthPct | Ref<number, number> | - | features/dashboard/useDashboard.ts:383 |
twoColumns | Readonly<Ref<boolean, boolean>> | - | features/dashboard/useDashboard.ts:384 |
startResize() | (e) => void | - | features/dashboard/useDashboard.ts:385 |
resetSplit() | () => void | - | features/dashboard/useDashboard.ts:386 |
mobileView | Ref<"incidents" | "plan", "incidents" | "plan"> | - | features/dashboard/useDashboard.ts:387 |
mapTabsRef | Ref<HTMLDivElement | null, HTMLDivElement | null> | - | features/dashboard/useDashboard.ts:388 |
unifiedMapRef | any | - | features/dashboard/useDashboard.ts:389 |
hasTabsOverflow | Ref<boolean, boolean> | - | features/dashboard/useDashboard.ts:390 |
incidentScrollEl | Ref<HTMLElement | null, HTMLElement | null> | - | features/dashboard/useDashboard.ts:391 |
incidentCanScrollDown | Ref<boolean, boolean> | - | features/dashboard/useDashboard.ts:392 |
updateIncidentScroll() | () => void | Détermine s'il reste des incidents sous la zone visible (marge de 2px pour les arrondis sub-pixel). | features/dashboard/useDashboard.ts:393 |
mapsWithAlerts | ComputedRef<object[]> | - | features/dashboard/useDashboard.ts:394 |
getMapAlertColor() | (map, part) => | "" | "bg-red-400" | "bg-red-500" | "bg-purple-400" | "bg-purple-500" | "bg-amber-400" | "bg-amber-500" | Gets the color for the map tab alert indicator based on the most critical status on that map. | features/dashboard/useDashboard.ts:395 |
filteredAlerts | ComputedRef<Alert[]> | - | features/dashboard/useDashboard.ts:396 |
groupedAlerts | ComputedRef<StationGroup[]> | Incidents du flux, regroupés par centrale puis par nature — la source des indicateurs. | features/dashboard/useDashboard.ts:397 |
switchMap() | (map) => Promise<void> | - | features/dashboard/useDashboard.ts:398 |
focusOnAlert() | (alert) => Promise<void> | - | features/dashboard/useDashboard.ts:399 |
scrollTabs() | (amount) => void | - | features/dashboard/useDashboard.ts:400 |
onTabsWheel() | (e) => void | Convertit le défilement vertical de la molette en défilement horizontal des onglets (confort souris). | features/dashboard/useDashboard.ts:401 |