Anurag Yadav shared you an app#### Objective Create an interactive and responsive dashboard for managing emergency responses by law enforcement. The dashboard should provide real-time updates and facilitate resource allocation. #### Layout Specifications 1. Top Header: - Include user profile information with options for settings and logout. - Add notification icons for system alerts related to incident status changes. 2. Left Panel: - Live Interactive Map: - Display all police stations and ongoing incidents using distinct icons. - Enable hover and click functionalities to show details for stations and incidents. - Include zoom and pan capabilities, and filters for incident and resource types. - Real-Time Console: - A scrolling text console that provides live updates on incidents and resource deployment. - Updates should include time stamps, incident details, and status of resource allocations. 3. Right Panel: - Resource Overview Table: - A dropdown to select police stations, dynamically updating the table to show available resources. - Display resources such as personnel, vehicles, and equipment. - Active Incidents Table: - List all active incidents with details like ID, type, location, priority, status, and last update. - Ensure that clicking on an incident ID can show more details or highlight the incident on the map. 4. Additional Features: - Include search and filter capabilities for incidents and resources. - Add a collapsible analytics panel for displaying statistical data on response effectiveness. - Implement emergency alerts with high visibility for urgent issues. ### Dummy Data 1. Police Stations: json [ {"station_id": 1, "name": "Station 1", "latitude": 31.9535, "longitude": 115.8575}, {"station_id": 2, "name": "Station 2", "latitude": 31.9505, "longitude": 115.8605} ] 2. Incidents: json [ {"incident_id": 101, "type": "Robbery", "latitude": 31.9525, "longitude": 115.8540, "priority": "High", "status": "Active"}, {"incident_id": 102, "type": "Traffic Accident", "latitude": 31.9555, "longitude": 115.8560, "priority": "Medium", "status": "Responding"} ] 3. Resources: json [ {"station_id": 1, "personnel": 20, "vehicles": 5, "special_equipment": 3}, {"station_id": 2, "personnel": 15, "vehicles": 4, "special_equipment": 2} ] 4. Console Updates: json [ {"time": "15:34", "description": "High Priority Incident Reported: Robbery at 31.9525, 115.8540"}, {"time": "15:35", "description": "Resources allocated: 2 units from Station 1 dispatched to Incident 101"} ] ### Delivery Instructions The UI should be responsive, able to adjust across different devices and screen sizes. Ensure that all interactive elements are functional with placeholder actions for demonstrations. Edit
