Compare commits
10 Commits
be83cb3fe7
...
v0.4.0
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
b6a6eed21e | ||
|
|
392c2579ee | ||
|
|
0a08a8244d | ||
|
|
3e13edfa55 | ||
|
|
01aa89f94d | ||
|
|
e5d7d58c2f | ||
|
|
b527ad95f6 | ||
|
|
8951d212b2 | ||
|
|
a60a3072bd | ||
|
|
9a9e83c103 |
@@ -1,41 +1,19 @@
|
|||||||
# Python cache / compiled
|
|
||||||
__pycache__
|
__pycache__
|
||||||
*.pyc
|
*.pyc
|
||||||
*.pyo
|
*.pyo
|
||||||
*.pyd
|
*.pyd
|
||||||
.Python
|
.Python
|
||||||
|
|
||||||
# Build artifacts
|
|
||||||
*.so
|
*.so
|
||||||
*.egg
|
*.egg
|
||||||
*.egg-info
|
*.egg-info
|
||||||
dist
|
dist
|
||||||
build
|
build
|
||||||
|
|
||||||
# VCS
|
|
||||||
.git
|
.git
|
||||||
.gitignore
|
.gitignore
|
||||||
|
|
||||||
# Databases (must live in volumes)
|
|
||||||
*.db
|
*.db
|
||||||
*.db-journal
|
*.db-journal
|
||||||
|
|
||||||
# Environment / virtualenv
|
|
||||||
.env
|
.env
|
||||||
.venv
|
.venv
|
||||||
venv/
|
venv/
|
||||||
ENV/
|
ENV/
|
||||||
|
|
||||||
# Runtime data (mounted volumes)
|
|
||||||
data/
|
data/
|
||||||
|
|
||||||
# Editors / OS junk
|
|
||||||
.vscode/
|
|
||||||
.idea/
|
|
||||||
.DS_Store
|
|
||||||
Thumbs.db
|
|
||||||
.claude
|
|
||||||
sfm.code-workspace
|
|
||||||
|
|
||||||
# Tests (optional)
|
|
||||||
tests/
|
|
||||||
|
|||||||
1
.gitignore
vendored
1
.gitignore
vendored
@@ -211,4 +211,3 @@ __marimo__/
|
|||||||
*.db
|
*.db
|
||||||
*.db-journal
|
*.db-journal
|
||||||
data/
|
data/
|
||||||
.aider*
|
|
||||||
|
|||||||
57
CHANGELOG.md
57
CHANGELOG.md
@@ -5,61 +5,6 @@ All notable changes to Seismo Fleet Manager will be documented in this file.
|
|||||||
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
||||||
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
||||||
|
|
||||||
## [0.4.2] - 2026-01-05
|
|
||||||
|
|
||||||
### Added
|
|
||||||
- **SLM Configuration Interface**: Sound Level Meters can now be configured directly from the SLM dashboard
|
|
||||||
- Configuration modal with comprehensive SLM parameter editing
|
|
||||||
- TCP port configuration for SLM control connections (default: 2255)
|
|
||||||
- FTP port configuration for SLM data retrieval (default: 21)
|
|
||||||
- Modem assignment for network access or direct IP connection support
|
|
||||||
- Test Modem button with ping-based connectivity verification (shows IP and response time)
|
|
||||||
- Test SLM Connection button for end-to-end connectivity validation
|
|
||||||
- Dynamic form fields that hide/show based on modem selection
|
|
||||||
- **SLM Dashboard Endpoints**: New API routes for SLM management
|
|
||||||
- `GET /api/slm-dashboard/config/{unit_id}` - Load SLM configuration form
|
|
||||||
- `POST /api/slm-dashboard/config/{unit_id}` - Save SLM configuration
|
|
||||||
- `GET /api/slm-dashboard/test-modem/{modem_id}` - Ping modem for connectivity test
|
|
||||||
- **Database Schema Updates**: Added `slm_ftp_port` column to roster table
|
|
||||||
- Migration script: `scripts/add_slm_ftp_port.py`
|
|
||||||
- Supports both TCP (control) and FTP (data) port configuration per SLM unit
|
|
||||||
- **Docker Environment Enhancements**:
|
|
||||||
- Added `iputils-ping` and `curl` packages to Docker image for network diagnostics
|
|
||||||
- Health check endpoint support via curl
|
|
||||||
|
|
||||||
### Fixed
|
|
||||||
- **Form Validation**: Fixed 400 Bad Request error when adding modem units
|
|
||||||
- Form fields for device-specific parameters now properly disabled when hidden
|
|
||||||
- Empty string values for integer fields no longer cause validation failures
|
|
||||||
- JavaScript now disables hidden form sections to prevent unwanted data submission
|
|
||||||
- **Unit Status Accuracy**: Fixed issue where unit status was loading from a saved cache instead of actual last-heard time
|
|
||||||
- Unit status now accurately reflects real-time connectivity
|
|
||||||
- Status determination based on actual `slm_last_check` timestamp
|
|
||||||
|
|
||||||
### Changed
|
|
||||||
- **Roster Form Behavior**: Device-specific form fields are now disabled (not just hidden) when not applicable
|
|
||||||
- Prevents SLM fields from submitting when adding modems
|
|
||||||
- Prevents modem fields from submitting when adding SLMs
|
|
||||||
- Cleaner form submissions with only relevant data
|
|
||||||
- **Port Field Handling**: Backend now accepts port fields as strings and converts to integers
|
|
||||||
- Handles empty string values gracefully
|
|
||||||
- Proper type conversion with None fallback for empty values
|
|
||||||
|
|
||||||
### Technical Details
|
|
||||||
- Added `setFieldsDisabled()` helper function for managing form field state
|
|
||||||
- Updated `toggleDeviceFields()` and `toggleEditDeviceFields()` to disable/enable fields
|
|
||||||
- Backend type conversion: `slm_tcp_port` and `slm_ftp_port` accept strings, convert to int with empty string handling
|
|
||||||
- Modem ping uses subprocess with 1 packet, 2-second timeout, returns response time in milliseconds
|
|
||||||
- Configuration form uses 3-column grid layout for TCP Port, FTP Port, and Direct IP fields
|
|
||||||
|
|
||||||
## [0.4.1] - 2026-01-05
|
|
||||||
### Added
|
|
||||||
- **SLM Integration**: Sound Level Meters are now manageable in SFM
|
|
||||||
|
|
||||||
### Fixed
|
|
||||||
- Fixed an issue where unit status was loading from a saved cache and not based on when it was actually heard from last. Unit status is now accurate.
|
|
||||||
|
|
||||||
|
|
||||||
## [0.4.0] - 2025-12-16
|
## [0.4.0] - 2025-12-16
|
||||||
|
|
||||||
### Added
|
### Added
|
||||||
@@ -348,8 +293,6 @@ No database migration required for v0.4.0. All new features use existing databas
|
|||||||
- Photo management per unit
|
- Photo management per unit
|
||||||
- Automated status categorization (OK/Pending/Missing)
|
- Automated status categorization (OK/Pending/Missing)
|
||||||
|
|
||||||
[0.4.2]: https://github.com/serversdwn/seismo-fleet-manager/compare/v0.4.1...v0.4.2
|
|
||||||
[0.4.1]: https://github.com/serversdwn/seismo-fleet-manager/compare/v0.4.0...v0.4.1
|
|
||||||
[0.4.0]: https://github.com/serversdwn/seismo-fleet-manager/compare/v0.3.3...v0.4.0
|
[0.4.0]: https://github.com/serversdwn/seismo-fleet-manager/compare/v0.3.3...v0.4.0
|
||||||
[0.3.3]: https://github.com/serversdwn/seismo-fleet-manager/compare/v0.3.2...v0.3.3
|
[0.3.3]: https://github.com/serversdwn/seismo-fleet-manager/compare/v0.3.2...v0.3.3
|
||||||
[0.3.2]: https://github.com/serversdwn/seismo-fleet-manager/compare/v0.3.1...v0.3.2
|
[0.3.2]: https://github.com/serversdwn/seismo-fleet-manager/compare/v0.3.1...v0.3.2
|
||||||
|
|||||||
@@ -3,11 +3,6 @@ FROM python:3.11-slim
|
|||||||
# Set working directory
|
# Set working directory
|
||||||
WORKDIR /app
|
WORKDIR /app
|
||||||
|
|
||||||
# Install system dependencies (ping for network diagnostics)
|
|
||||||
RUN apt-get update && \
|
|
||||||
apt-get install -y --no-install-recommends iputils-ping curl && \
|
|
||||||
rm -rf /var/lib/apt/lists/*
|
|
||||||
|
|
||||||
# Copy requirements first for better caching
|
# Copy requirements first for better caching
|
||||||
COPY requirements.txt .
|
COPY requirements.txt .
|
||||||
|
|
||||||
|
|||||||
@@ -1,546 +0,0 @@
|
|||||||
# Projects System Implementation - Terra-View
|
|
||||||
|
|
||||||
## Overview
|
|
||||||
|
|
||||||
The Projects system has been successfully scaffolded in Terra-View. This document provides a complete overview of what has been built, how it works, and what needs to be completed.
|
|
||||||
|
|
||||||
## ✅ Completed Components
|
|
||||||
|
|
||||||
### 1. Database Schema
|
|
||||||
|
|
||||||
**Location**: `/backend/models.py`
|
|
||||||
|
|
||||||
Seven new tables have been added:
|
|
||||||
|
|
||||||
- **ProjectType**: Template definitions for project types (Sound, Vibration, Combined)
|
|
||||||
- **Project**: Top-level project organization with type reference
|
|
||||||
- **MonitoringLocation**: Generic locations (NRLs for sound, monitoring points for vibration)
|
|
||||||
- **UnitAssignment**: Links devices to locations
|
|
||||||
- **ScheduledAction**: Automated recording control schedules
|
|
||||||
- **RecordingSession**: Tracks actual recording/monitoring sessions
|
|
||||||
- **DataFile**: File references for downloaded data
|
|
||||||
|
|
||||||
**Key Features**:
|
|
||||||
- Type-aware design (project_type_id determines features)
|
|
||||||
- Flexible metadata fields (JSON columns for type-specific data)
|
|
||||||
- Denormalized fields for efficient queries
|
|
||||||
- Proper indexing on foreign keys
|
|
||||||
|
|
||||||
### 2. Service Layer
|
|
||||||
|
|
||||||
#### SLMM Client (`/backend/services/slmm_client.py`)
|
|
||||||
- Clean wrapper for all SLMM API operations
|
|
||||||
- Methods for: start/stop/pause/resume recording, get status, configure devices
|
|
||||||
- Error handling with custom exceptions
|
|
||||||
- Singleton pattern for easy access
|
|
||||||
|
|
||||||
#### Device Controller (`/backend/services/device_controller.py`)
|
|
||||||
- Routes commands to appropriate backend (SLMM for SLMs, SFM for seismographs)
|
|
||||||
- Unified interface across device types
|
|
||||||
- Ready for future SFM implementation
|
|
||||||
|
|
||||||
#### Scheduler Service (`/backend/services/scheduler.py`)
|
|
||||||
- Background task that checks for pending scheduled actions every 60 seconds
|
|
||||||
- Executes actions by calling device controller
|
|
||||||
- Creates/updates recording sessions
|
|
||||||
- Tracks execution status and errors
|
|
||||||
- Manual execution support for testing
|
|
||||||
|
|
||||||
### 3. API Routers
|
|
||||||
|
|
||||||
#### Projects Router (`/backend/routers/projects.py`)
|
|
||||||
Endpoints:
|
|
||||||
- `GET /api/projects/list` - Project list with stats
|
|
||||||
- `GET /api/projects/stats` - Overview statistics
|
|
||||||
- `POST /api/projects/create` - Create new project
|
|
||||||
- `GET /api/projects/{id}` - Get project details
|
|
||||||
- `PUT /api/projects/{id}` - Update project
|
|
||||||
- `DELETE /api/projects/{id}` - Archive project
|
|
||||||
- `GET /api/projects/{id}/dashboard` - Project dashboard data
|
|
||||||
- `GET /api/projects/types/list` - Get project type templates
|
|
||||||
|
|
||||||
#### Project Locations Router (`/backend/routers/project_locations.py`)
|
|
||||||
Endpoints:
|
|
||||||
- `GET /api/projects/{id}/locations` - List locations
|
|
||||||
- `POST /api/projects/{id}/locations/create` - Create location
|
|
||||||
- `PUT /api/projects/{id}/locations/{location_id}` - Update location
|
|
||||||
- `DELETE /api/projects/{id}/locations/{location_id}` - Delete location
|
|
||||||
- `GET /api/projects/{id}/assignments` - List unit assignments
|
|
||||||
- `POST /api/projects/{id}/locations/{location_id}/assign` - Assign unit
|
|
||||||
- `POST /api/projects/{id}/assignments/{assignment_id}/unassign` - Unassign unit
|
|
||||||
- `GET /api/projects/{id}/available-units` - Get units available for assignment
|
|
||||||
|
|
||||||
#### Scheduler Router (`/backend/routers/scheduler.py`)
|
|
||||||
Endpoints:
|
|
||||||
- `GET /api/projects/{id}/scheduler/actions` - List scheduled actions
|
|
||||||
- `POST /api/projects/{id}/scheduler/actions/create` - Create action
|
|
||||||
- `POST /api/projects/{id}/scheduler/schedule-session` - Schedule recording session
|
|
||||||
- `PUT /api/projects/{id}/scheduler/actions/{action_id}` - Update action
|
|
||||||
- `POST /api/projects/{id}/scheduler/actions/{action_id}/cancel` - Cancel action
|
|
||||||
- `DELETE /api/projects/{id}/scheduler/actions/{action_id}` - Delete action
|
|
||||||
- `POST /api/projects/{id}/scheduler/actions/{action_id}/execute` - Manual execution
|
|
||||||
- `GET /api/projects/{id}/scheduler/status` - Scheduler status
|
|
||||||
- `POST /api/projects/{id}/scheduler/execute-pending` - Trigger pending executions
|
|
||||||
|
|
||||||
### 4. Frontend
|
|
||||||
|
|
||||||
#### Main Page
|
|
||||||
**Location**: `/templates/projects/overview.html`
|
|
||||||
|
|
||||||
Features:
|
|
||||||
- Summary statistics cards (projects, locations, assignments, sessions)
|
|
||||||
- Tabbed interface (All, Active, Completed, Archived)
|
|
||||||
- Project cards grid layout
|
|
||||||
- Create project modal with two-step flow:
|
|
||||||
1. Select project type (Sound/Vibration/Combined)
|
|
||||||
2. Fill project details
|
|
||||||
- HTMX-powered dynamic updates
|
|
||||||
|
|
||||||
#### Navigation
|
|
||||||
**Location**: `/templates/base.html` (updated)
|
|
||||||
- "Projects" link added to sidebar
|
|
||||||
- Active state highlighting
|
|
||||||
|
|
||||||
### 5. Application Integration
|
|
||||||
|
|
||||||
**Location**: `/backend/main.py`
|
|
||||||
|
|
||||||
- Routers registered
|
|
||||||
- Page route added (`/projects`)
|
|
||||||
- Scheduler service starts on application startup
|
|
||||||
- Scheduler stops on application shutdown
|
|
||||||
|
|
||||||
### 6. Database Initialization
|
|
||||||
|
|
||||||
**Script**: `/backend/init_projects_db.py`
|
|
||||||
|
|
||||||
- Creates all project tables
|
|
||||||
- Populates ProjectType with default templates
|
|
||||||
- ✅ Successfully executed - database is ready
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 📁 File Organization
|
|
||||||
|
|
||||||
```
|
|
||||||
terra-view/
|
|
||||||
├── backend/
|
|
||||||
│ ├── models.py [✅ Updated]
|
|
||||||
│ ├── init_projects_db.py [✅ Created]
|
|
||||||
│ ├── main.py [✅ Updated]
|
|
||||||
│ ├── routers/
|
|
||||||
│ │ ├── projects.py [✅ Created]
|
|
||||||
│ │ ├── project_locations.py [✅ Created]
|
|
||||||
│ │ └── scheduler.py [✅ Created]
|
|
||||||
│ └── services/
|
|
||||||
│ ├── slmm_client.py [✅ Created]
|
|
||||||
│ ├── device_controller.py [✅ Created]
|
|
||||||
│ └── scheduler.py [✅ Created]
|
|
||||||
├── templates/
|
|
||||||
│ ├── base.html [✅ Updated]
|
|
||||||
│ ├── projects/
|
|
||||||
│ │ └── overview.html [✅ Created]
|
|
||||||
│ └── partials/
|
|
||||||
│ └── projects/ [📁 Created, empty]
|
|
||||||
└── data/
|
|
||||||
└── seismo_fleet.db [✅ Tables created]
|
|
||||||
```
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 🔨 What Still Needs to be Built
|
|
||||||
|
|
||||||
### 1. Frontend Templates (Partials)
|
|
||||||
|
|
||||||
**Directory**: `/templates/partials/projects/`
|
|
||||||
|
|
||||||
**Required Files**:
|
|
||||||
|
|
||||||
#### `project_stats.html`
|
|
||||||
Stats cards for overview page:
|
|
||||||
- Total/Active/Completed projects
|
|
||||||
- Total locations
|
|
||||||
- Assigned units
|
|
||||||
- Active sessions
|
|
||||||
|
|
||||||
#### `project_list.html`
|
|
||||||
Project cards grid:
|
|
||||||
- Project name, type, status
|
|
||||||
- Location count, unit count
|
|
||||||
- Active session indicator
|
|
||||||
- Link to project dashboard
|
|
||||||
|
|
||||||
#### `project_dashboard.html`
|
|
||||||
Main project dashboard panel with tabs:
|
|
||||||
- Summary stats
|
|
||||||
- Active locations and assignments
|
|
||||||
- Upcoming scheduled actions
|
|
||||||
- Recent sessions
|
|
||||||
|
|
||||||
#### `location_list.html`
|
|
||||||
Location cards/table:
|
|
||||||
- Location name, type, coordinates
|
|
||||||
- Assigned unit (if any)
|
|
||||||
- Session count
|
|
||||||
- Assign/unassign button
|
|
||||||
|
|
||||||
#### `assignment_list.html`
|
|
||||||
Unit assignment table:
|
|
||||||
- Unit ID, device type
|
|
||||||
- Location name
|
|
||||||
- Assignment dates
|
|
||||||
- Status
|
|
||||||
- Unassign button
|
|
||||||
|
|
||||||
#### `scheduler_agenda.html`
|
|
||||||
Calendar/agenda view:
|
|
||||||
- Scheduled actions sorted by time
|
|
||||||
- Action type (start/stop/download)
|
|
||||||
- Location and unit
|
|
||||||
- Status indicator
|
|
||||||
- Cancel/execute buttons
|
|
||||||
|
|
||||||
### 2. Project Dashboard Page
|
|
||||||
|
|
||||||
**Location**: `/templates/projects/project_dashboard.html`
|
|
||||||
|
|
||||||
Full project detail page with:
|
|
||||||
- Header with project name, type, status
|
|
||||||
- Tab navigation (Dashboard, Scheduler, Locations, Units, Data, Settings)
|
|
||||||
- Tab content areas
|
|
||||||
- Modals for adding locations, scheduling sessions
|
|
||||||
|
|
||||||
### 3. Additional UI Components
|
|
||||||
|
|
||||||
- Project type selection cards (with icons)
|
|
||||||
- Location creation modal
|
|
||||||
- Unit assignment modal
|
|
||||||
- Schedule session modal (with date/time picker)
|
|
||||||
- Data file browser
|
|
||||||
|
|
||||||
### 4. SLMM Enhancements
|
|
||||||
|
|
||||||
**Location**: `/slmm/app/routers.py` (SLMM repo)
|
|
||||||
|
|
||||||
New endpoint needed:
|
|
||||||
```python
|
|
||||||
POST /api/nl43/{unit_id}/ftp/download
|
|
||||||
```
|
|
||||||
|
|
||||||
This should:
|
|
||||||
- Accept destination_path and files list
|
|
||||||
- Connect to SLM via FTP
|
|
||||||
- Download specified files
|
|
||||||
- Save to Terra-View's `data/Projects/` directory
|
|
||||||
- Return file list with metadata
|
|
||||||
|
|
||||||
### 5. SFM Client (Future)
|
|
||||||
|
|
||||||
**Location**: `/backend/services/sfm_client.py` (to be created)
|
|
||||||
|
|
||||||
Similar to SLMM client, but for seismographs:
|
|
||||||
- Get seismograph status
|
|
||||||
- Start/stop recording
|
|
||||||
- Download data files
|
|
||||||
- Integrate with device controller
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 🚀 Testing the System
|
|
||||||
|
|
||||||
### 1. Start Terra-View
|
|
||||||
|
|
||||||
```bash
|
|
||||||
cd /home/serversdown/tmi/terra-view
|
|
||||||
# Start Terra-View (however you normally start it)
|
|
||||||
```
|
|
||||||
|
|
||||||
Verify in logs:
|
|
||||||
```
|
|
||||||
Starting scheduler service...
|
|
||||||
Scheduler service started
|
|
||||||
```
|
|
||||||
|
|
||||||
### 2. Navigate to Projects
|
|
||||||
|
|
||||||
Open browser: `http://localhost:8001/projects`
|
|
||||||
|
|
||||||
You should see:
|
|
||||||
- Summary stats cards (all zeros initially)
|
|
||||||
- Tabs (All Projects, Active, Completed, Archived)
|
|
||||||
- "New Project" button
|
|
||||||
|
|
||||||
### 3. Create a Project
|
|
||||||
|
|
||||||
1. Click "New Project"
|
|
||||||
2. Select a project type (e.g., "Sound Monitoring")
|
|
||||||
3. Fill in details:
|
|
||||||
- Name: "Test Sound Project"
|
|
||||||
- Client: "Test Client"
|
|
||||||
- Start Date: Today
|
|
||||||
4. Submit
|
|
||||||
|
|
||||||
### 4. Test API Endpoints
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# Get project types
|
|
||||||
curl http://localhost:8001/api/projects/types/list
|
|
||||||
|
|
||||||
# Get projects list
|
|
||||||
curl http://localhost:8001/api/projects/list
|
|
||||||
|
|
||||||
# Get project stats
|
|
||||||
curl http://localhost:8001/api/projects/stats
|
|
||||||
```
|
|
||||||
|
|
||||||
### 5. Test Scheduler Status
|
|
||||||
|
|
||||||
```bash
|
|
||||||
curl http://localhost:8001/api/projects/{project_id}/scheduler/status
|
|
||||||
```
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 📋 Dataflow Examples
|
|
||||||
|
|
||||||
### Creating and Scheduling a Recording Session
|
|
||||||
|
|
||||||
1. **User creates project** → Project record in DB
|
|
||||||
2. **User adds NRL** → MonitoringLocation record
|
|
||||||
3. **User assigns SLM to NRL** → UnitAssignment record
|
|
||||||
4. **User schedules recording** → 2 ScheduledAction records (start + stop)
|
|
||||||
5. **Scheduler runs every minute** → Checks for pending actions
|
|
||||||
6. **Start action time arrives** → Scheduler calls SLMM via device controller
|
|
||||||
7. **SLMM sends TCP command to SLM** → Recording starts
|
|
||||||
8. **RecordingSession created** → Tracks the session
|
|
||||||
9. **Stop action time arrives** → Scheduler stops recording
|
|
||||||
10. **Session updated** → stopped_at, duration_seconds filled
|
|
||||||
11. **User triggers download** → Files copied to `data/Projects/{project_id}/sound/{nrl_name}/`
|
|
||||||
12. **DataFile records created** → Track file references
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 🎨 UI Design Patterns
|
|
||||||
|
|
||||||
### Established Patterns (from SLM dashboard):
|
|
||||||
|
|
||||||
1. **Stats Cards**: 4-column grid, auto-refresh every 30s
|
|
||||||
2. **Sidebar Lists**: Searchable, filterable, auto-refresh
|
|
||||||
3. **Main Panel**: Large central area for details
|
|
||||||
4. **Modals**: Centered, overlay background
|
|
||||||
5. **HTMX**: All dynamic updates, minimal JavaScript
|
|
||||||
6. **Tailwind**: Consistent styling with dark mode support
|
|
||||||
|
|
||||||
### Color Scheme:
|
|
||||||
|
|
||||||
- Primary: `seismo-orange` (#f48b1c)
|
|
||||||
- Secondary: `seismo-navy` (#142a66)
|
|
||||||
- Accent: `seismo-burgundy` (#7d234d)
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 🔧 Configuration
|
|
||||||
|
|
||||||
### Environment Variables
|
|
||||||
|
|
||||||
- `SLMM_BASE_URL`: SLMM backend URL (default: http://localhost:8100)
|
|
||||||
- `ENVIRONMENT`: "development" or "production"
|
|
||||||
|
|
||||||
### Scheduler Settings
|
|
||||||
|
|
||||||
Located in `/backend/services/scheduler.py`:
|
|
||||||
- `check_interval`: 60 seconds (adjust as needed)
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 📚 Next Steps
|
|
||||||
|
|
||||||
### Immediate (Get Basic UI Working):
|
|
||||||
1. Create partial templates (stats, lists)
|
|
||||||
2. Test creating projects via UI
|
|
||||||
3. Implement project dashboard page
|
|
||||||
|
|
||||||
### Short-term (Core Features):
|
|
||||||
4. Add location management UI
|
|
||||||
5. Add unit assignment UI
|
|
||||||
6. Add scheduler UI (agenda view)
|
|
||||||
|
|
||||||
### Medium-term (Data Flow):
|
|
||||||
7. Implement SLMM download endpoint
|
|
||||||
8. Test full recording workflow
|
|
||||||
9. Add file browser for downloaded data
|
|
||||||
|
|
||||||
### Long-term (Complete System):
|
|
||||||
10. Implement SFM client for seismographs
|
|
||||||
11. Add data visualization
|
|
||||||
12. Add project reporting
|
|
||||||
13. Add user authentication
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 🐛 Known Issues / TODOs
|
|
||||||
|
|
||||||
1. **Partial templates missing**: Need to create HTML templates for all partials
|
|
||||||
2. **SLMM download endpoint**: Needs implementation in SLMM backend
|
|
||||||
3. **Project dashboard page**: Not yet created
|
|
||||||
4. **SFM integration**: Placeholder only, needs real implementation
|
|
||||||
5. **File download tracking**: DataFile records not yet created after downloads
|
|
||||||
6. **Error handling**: Need better user-facing error messages
|
|
||||||
7. **Validation**: Form validation could be improved
|
|
||||||
8. **Testing**: No automated tests yet
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 📖 API Documentation
|
|
||||||
|
|
||||||
### Project Type Object
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"id": "sound_monitoring",
|
|
||||||
"name": "Sound Monitoring",
|
|
||||||
"description": "...",
|
|
||||||
"icon": "volume-2",
|
|
||||||
"supports_sound": true,
|
|
||||||
"supports_vibration": false
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### Project Object
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"id": "uuid",
|
|
||||||
"name": "Project Name",
|
|
||||||
"description": "...",
|
|
||||||
"project_type_id": "sound_monitoring",
|
|
||||||
"status": "active",
|
|
||||||
"client_name": "Client Inc",
|
|
||||||
"site_address": "123 Main St",
|
|
||||||
"site_coordinates": "40.7128,-74.0060",
|
|
||||||
"start_date": "2024-01-15",
|
|
||||||
"end_date": null,
|
|
||||||
"created_at": "2024-01-15T10:00:00",
|
|
||||||
"updated_at": "2024-01-15T10:00:00"
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### MonitoringLocation Object
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"id": "uuid",
|
|
||||||
"project_id": "uuid",
|
|
||||||
"location_type": "sound",
|
|
||||||
"name": "NRL-001",
|
|
||||||
"description": "...",
|
|
||||||
"coordinates": "40.7128,-74.0060",
|
|
||||||
"address": "123 Main St",
|
|
||||||
"location_metadata": "{...}",
|
|
||||||
"created_at": "2024-01-15T10:00:00"
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### UnitAssignment Object
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"id": "uuid",
|
|
||||||
"unit_id": "nl43-001",
|
|
||||||
"location_id": "uuid",
|
|
||||||
"project_id": "uuid",
|
|
||||||
"device_type": "sound_level_meter",
|
|
||||||
"assigned_at": "2024-01-15T10:00:00",
|
|
||||||
"assigned_until": null,
|
|
||||||
"status": "active",
|
|
||||||
"notes": "..."
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
### ScheduledAction Object
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"id": "uuid",
|
|
||||||
"project_id": "uuid",
|
|
||||||
"location_id": "uuid",
|
|
||||||
"unit_id": "nl43-001",
|
|
||||||
"action_type": "start",
|
|
||||||
"device_type": "sound_level_meter",
|
|
||||||
"scheduled_time": "2024-01-16T08:00:00",
|
|
||||||
"executed_at": null,
|
|
||||||
"execution_status": "pending",
|
|
||||||
"module_response": null,
|
|
||||||
"error_message": null
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 🎓 Architecture Decisions
|
|
||||||
|
|
||||||
### Why Project Types?
|
|
||||||
Allows the system to scale to different monitoring scenarios (air quality, multi-hazard, etc.) without code changes. Just add a new ProjectType record and the UI adapts.
|
|
||||||
|
|
||||||
### Why Generic MonitoringLocation?
|
|
||||||
Instead of separate NRL and MonitoringPoint tables, one table with a `location_type` discriminator keeps the schema clean and allows for combined projects.
|
|
||||||
|
|
||||||
### Why Denormalized Fields?
|
|
||||||
Fields like `project_id` in UnitAssignment (already have via location) enable faster queries without joins.
|
|
||||||
|
|
||||||
### Why Scheduler in Terra-View?
|
|
||||||
Terra-View is the orchestration layer. SLMM only handles device communication. Keeping scheduling logic in Terra-View allows for complex workflows across multiple device types.
|
|
||||||
|
|
||||||
### Why JSON Metadata Columns?
|
|
||||||
Type-specific fields (like ambient_conditions for sound projects) don't apply to all location types. JSON columns provide flexibility without cluttering the schema.
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 💡 Tips for Continuing Development
|
|
||||||
|
|
||||||
1. **Follow Existing Patterns**: Look at the SLM dashboard code for reference
|
|
||||||
2. **Use HTMX Aggressively**: Minimize JavaScript, let HTMX handle updates
|
|
||||||
3. **Keep Routers Thin**: Move business logic to service layer
|
|
||||||
4. **Return HTML Partials**: Most endpoints should return HTML, not JSON
|
|
||||||
5. **Test Incrementally**: Build one partial at a time and test in browser
|
|
||||||
6. **Check Logs**: Scheduler logs execution attempts
|
|
||||||
7. **Use Browser DevTools**: Network tab shows HTMX requests
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## 📞 Support
|
|
||||||
|
|
||||||
For questions or issues:
|
|
||||||
1. Check this document first
|
|
||||||
2. Review existing dashboards (SLM, Seismographs) for patterns
|
|
||||||
3. Check logs for scheduler execution details
|
|
||||||
4. Test API endpoints with curl to isolate issues
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
## ✅ Checklist for Completion
|
|
||||||
|
|
||||||
- [x] Database schema designed
|
|
||||||
- [x] Models created
|
|
||||||
- [x] Migration script run successfully
|
|
||||||
- [x] Service layer complete (SLMM client, device controller, scheduler)
|
|
||||||
- [x] API routers created (projects, locations, scheduler)
|
|
||||||
- [x] Navigation updated
|
|
||||||
- [x] Main overview page created
|
|
||||||
- [x] Routes registered in main.py
|
|
||||||
- [x] Scheduler service integrated
|
|
||||||
- [ ] Partial templates created
|
|
||||||
- [ ] Project dashboard page created
|
|
||||||
- [ ] Location management UI
|
|
||||||
- [ ] Unit assignment UI
|
|
||||||
- [ ] Scheduler UI (agenda view)
|
|
||||||
- [ ] SLMM download endpoint implemented
|
|
||||||
- [ ] Full workflow tested end-to-end
|
|
||||||
- [ ] SFM client implemented (future)
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
**Last Updated**: 2026-01-12
|
|
||||||
|
|
||||||
**Database Status**: ✅ Initialized
|
|
||||||
|
|
||||||
**Backend Status**: ✅ Complete
|
|
||||||
|
|
||||||
**Frontend Status**: 🟡 Partial (overview page only)
|
|
||||||
|
|
||||||
**Ready for Testing**: ✅ Yes (basic functionality)
|
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
# Seismo Fleet Manager v0.4.2
|
# Seismo Fleet Manager v0.4.0
|
||||||
Backend API and HTMX-powered web interface for managing a mixed fleet of seismographs and field modems. Track deployments, monitor health in real time, merge roster intent with incoming telemetry, and control your fleet through a unified database and dashboard.
|
Backend API and HTMX-powered web interface for managing a mixed fleet of seismographs and field modems. Track deployments, monitor health in real time, merge roster intent with incoming telemetry, and control your fleet through a unified database and dashboard.
|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|||||||
@@ -1,108 +0,0 @@
|
|||||||
#!/usr/bin/env python3
|
|
||||||
"""
|
|
||||||
Database initialization script for Projects system.
|
|
||||||
|
|
||||||
This script creates the new project management tables and populates
|
|
||||||
the project_types table with default templates.
|
|
||||||
|
|
||||||
Usage:
|
|
||||||
python -m backend.init_projects_db
|
|
||||||
"""
|
|
||||||
|
|
||||||
from sqlalchemy.orm import Session
|
|
||||||
from backend.database import engine, SessionLocal
|
|
||||||
from backend.models import (
|
|
||||||
Base,
|
|
||||||
ProjectType,
|
|
||||||
Project,
|
|
||||||
MonitoringLocation,
|
|
||||||
UnitAssignment,
|
|
||||||
ScheduledAction,
|
|
||||||
RecordingSession,
|
|
||||||
DataFile,
|
|
||||||
)
|
|
||||||
from datetime import datetime
|
|
||||||
|
|
||||||
|
|
||||||
def init_project_types(db: Session):
|
|
||||||
"""Initialize default project types."""
|
|
||||||
project_types = [
|
|
||||||
{
|
|
||||||
"id": "sound_monitoring",
|
|
||||||
"name": "Sound Monitoring",
|
|
||||||
"description": "Noise monitoring projects with sound level meters and NRLs (Noise Recording Locations)",
|
|
||||||
"icon": "volume-2", # Lucide icon name
|
|
||||||
"supports_sound": True,
|
|
||||||
"supports_vibration": False,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id": "vibration_monitoring",
|
|
||||||
"name": "Vibration Monitoring",
|
|
||||||
"description": "Seismic/vibration monitoring projects with seismographs and monitoring points",
|
|
||||||
"icon": "activity", # Lucide icon name
|
|
||||||
"supports_sound": False,
|
|
||||||
"supports_vibration": True,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id": "combined",
|
|
||||||
"name": "Combined Monitoring",
|
|
||||||
"description": "Full-spectrum monitoring with both sound and vibration capabilities",
|
|
||||||
"icon": "layers", # Lucide icon name
|
|
||||||
"supports_sound": True,
|
|
||||||
"supports_vibration": True,
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
||||||
for pt_data in project_types:
|
|
||||||
existing = db.query(ProjectType).filter_by(id=pt_data["id"]).first()
|
|
||||||
if not existing:
|
|
||||||
pt = ProjectType(**pt_data)
|
|
||||||
db.add(pt)
|
|
||||||
print(f"✓ Created project type: {pt_data['name']}")
|
|
||||||
else:
|
|
||||||
print(f" Project type already exists: {pt_data['name']}")
|
|
||||||
|
|
||||||
db.commit()
|
|
||||||
|
|
||||||
|
|
||||||
def create_tables():
|
|
||||||
"""Create all tables defined in models."""
|
|
||||||
print("Creating project management tables...")
|
|
||||||
Base.metadata.create_all(bind=engine)
|
|
||||||
print("✓ Tables created successfully")
|
|
||||||
|
|
||||||
|
|
||||||
def main():
|
|
||||||
print("=" * 60)
|
|
||||||
print("Terra-View Projects System - Database Initialization")
|
|
||||||
print("=" * 60)
|
|
||||||
print()
|
|
||||||
|
|
||||||
# Create tables
|
|
||||||
create_tables()
|
|
||||||
print()
|
|
||||||
|
|
||||||
# Initialize project types
|
|
||||||
db = SessionLocal()
|
|
||||||
try:
|
|
||||||
print("Initializing project types...")
|
|
||||||
init_project_types(db)
|
|
||||||
print()
|
|
||||||
print("=" * 60)
|
|
||||||
print("✓ Database initialization complete!")
|
|
||||||
print("=" * 60)
|
|
||||||
print()
|
|
||||||
print("Next steps:")
|
|
||||||
print(" 1. Restart Terra-View to load new routes")
|
|
||||||
print(" 2. Navigate to /projects to create your first project")
|
|
||||||
print(" 3. Check documentation for API endpoints")
|
|
||||||
except Exception as e:
|
|
||||||
print(f"✗ Error during initialization: {e}")
|
|
||||||
db.rollback()
|
|
||||||
raise
|
|
||||||
finally:
|
|
||||||
db.close()
|
|
||||||
|
|
||||||
|
|
||||||
if __name__ == "__main__":
|
|
||||||
main()
|
|
||||||
304
backend/main.py
304
backend/main.py
@@ -1,24 +1,15 @@
|
|||||||
import os
|
import os
|
||||||
import logging
|
|
||||||
from fastapi import FastAPI, Request, Depends
|
from fastapi import FastAPI, Request, Depends
|
||||||
from fastapi.middleware.cors import CORSMiddleware
|
from fastapi.middleware.cors import CORSMiddleware
|
||||||
from fastapi.staticfiles import StaticFiles
|
from fastapi.staticfiles import StaticFiles
|
||||||
from fastapi.templating import Jinja2Templates
|
from fastapi.templating import Jinja2Templates
|
||||||
from fastapi.responses import HTMLResponse, FileResponse, JSONResponse
|
from fastapi.responses import HTMLResponse, FileResponse, JSONResponse
|
||||||
from fastapi.exceptions import RequestValidationError
|
|
||||||
from sqlalchemy.orm import Session
|
from sqlalchemy.orm import Session
|
||||||
from typing import List, Dict, Optional
|
from typing import List, Dict
|
||||||
from pydantic import BaseModel
|
from pydantic import BaseModel
|
||||||
|
|
||||||
# Configure logging
|
|
||||||
logging.basicConfig(
|
|
||||||
level=logging.INFO,
|
|
||||||
format='%(asctime)s - %(name)s - %(levelname)s - %(message)s'
|
|
||||||
)
|
|
||||||
logger = logging.getLogger(__name__)
|
|
||||||
|
|
||||||
from backend.database import engine, Base, get_db
|
from backend.database import engine, Base, get_db
|
||||||
from backend.routers import roster, units, photos, roster_edit, roster_rename, dashboard, dashboard_tabs, activity, slmm, slm_ui, slm_dashboard, seismo_dashboard, projects, project_locations, scheduler
|
from backend.routers import roster, units, photos, roster_edit, dashboard, dashboard_tabs, activity
|
||||||
from backend.services.snapshot import emit_status_snapshot
|
from backend.services.snapshot import emit_status_snapshot
|
||||||
from backend.models import IgnoredUnit
|
from backend.models import IgnoredUnit
|
||||||
|
|
||||||
@@ -29,23 +20,13 @@ Base.metadata.create_all(bind=engine)
|
|||||||
ENVIRONMENT = os.getenv("ENVIRONMENT", "production")
|
ENVIRONMENT = os.getenv("ENVIRONMENT", "production")
|
||||||
|
|
||||||
# Initialize FastAPI app
|
# Initialize FastAPI app
|
||||||
VERSION = "0.4.2"
|
VERSION = "0.4.0"
|
||||||
app = FastAPI(
|
app = FastAPI(
|
||||||
title="Seismo Fleet Manager",
|
title="Seismo Fleet Manager",
|
||||||
description="Backend API for managing seismograph fleet status",
|
description="Backend API for managing seismograph fleet status",
|
||||||
version=VERSION
|
version=VERSION
|
||||||
)
|
)
|
||||||
|
|
||||||
# Add validation error handler to log details
|
|
||||||
@app.exception_handler(RequestValidationError)
|
|
||||||
async def validation_exception_handler(request: Request, exc: RequestValidationError):
|
|
||||||
logger.error(f"Validation error on {request.url}: {exc.errors()}")
|
|
||||||
logger.error(f"Body: {await request.body()}")
|
|
||||||
return JSONResponse(
|
|
||||||
status_code=400,
|
|
||||||
content={"detail": exc.errors()}
|
|
||||||
)
|
|
||||||
|
|
||||||
# Configure CORS
|
# Configure CORS
|
||||||
app.add_middleware(
|
app.add_middleware(
|
||||||
CORSMiddleware,
|
CORSMiddleware,
|
||||||
@@ -84,39 +65,13 @@ app.include_router(roster.router)
|
|||||||
app.include_router(units.router)
|
app.include_router(units.router)
|
||||||
app.include_router(photos.router)
|
app.include_router(photos.router)
|
||||||
app.include_router(roster_edit.router)
|
app.include_router(roster_edit.router)
|
||||||
app.include_router(roster_rename.router)
|
|
||||||
app.include_router(dashboard.router)
|
app.include_router(dashboard.router)
|
||||||
app.include_router(dashboard_tabs.router)
|
app.include_router(dashboard_tabs.router)
|
||||||
app.include_router(activity.router)
|
app.include_router(activity.router)
|
||||||
app.include_router(slmm.router)
|
|
||||||
app.include_router(slm_ui.router)
|
|
||||||
app.include_router(slm_dashboard.router)
|
|
||||||
app.include_router(seismo_dashboard.router)
|
|
||||||
|
|
||||||
from backend.routers import settings
|
from backend.routers import settings
|
||||||
app.include_router(settings.router)
|
app.include_router(settings.router)
|
||||||
|
|
||||||
# Projects system routers
|
|
||||||
app.include_router(projects.router)
|
|
||||||
app.include_router(project_locations.router)
|
|
||||||
app.include_router(scheduler.router)
|
|
||||||
|
|
||||||
# Start scheduler service on application startup
|
|
||||||
from backend.services.scheduler import start_scheduler, stop_scheduler
|
|
||||||
|
|
||||||
@app.on_event("startup")
|
|
||||||
async def startup_event():
|
|
||||||
"""Initialize services on app startup"""
|
|
||||||
logger.info("Starting scheduler service...")
|
|
||||||
await start_scheduler()
|
|
||||||
logger.info("Scheduler service started")
|
|
||||||
|
|
||||||
@app.on_event("shutdown")
|
|
||||||
def shutdown_event():
|
|
||||||
"""Clean up services on app shutdown"""
|
|
||||||
logger.info("Stopping scheduler service...")
|
|
||||||
stop_scheduler()
|
|
||||||
logger.info("Scheduler service stopped")
|
|
||||||
|
|
||||||
|
|
||||||
# Legacy routes from the original backend
|
# Legacy routes from the original backend
|
||||||
@@ -152,138 +107,6 @@ async def settings_page(request: Request):
|
|||||||
return templates.TemplateResponse("settings.html", {"request": request})
|
return templates.TemplateResponse("settings.html", {"request": request})
|
||||||
|
|
||||||
|
|
||||||
@app.get("/sound-level-meters", response_class=HTMLResponse)
|
|
||||||
async def sound_level_meters_page(request: Request):
|
|
||||||
"""Sound Level Meters management dashboard"""
|
|
||||||
return templates.TemplateResponse("sound_level_meters.html", {"request": request})
|
|
||||||
|
|
||||||
|
|
||||||
@app.get("/slm/{unit_id}", response_class=HTMLResponse)
|
|
||||||
async def slm_legacy_dashboard(
|
|
||||||
request: Request,
|
|
||||||
unit_id: str,
|
|
||||||
from_project: Optional[str] = None,
|
|
||||||
from_nrl: Optional[str] = None,
|
|
||||||
db: Session = Depends(get_db)
|
|
||||||
):
|
|
||||||
"""Legacy SLM control center dashboard for a specific unit"""
|
|
||||||
# Get project details if from_project is provided
|
|
||||||
project = None
|
|
||||||
if from_project:
|
|
||||||
from backend.models import Project
|
|
||||||
project = db.query(Project).filter_by(id=from_project).first()
|
|
||||||
|
|
||||||
# Get NRL location details if from_nrl is provided
|
|
||||||
nrl_location = None
|
|
||||||
if from_nrl:
|
|
||||||
from backend.models import NRLLocation
|
|
||||||
nrl_location = db.query(NRLLocation).filter_by(id=from_nrl).first()
|
|
||||||
|
|
||||||
return templates.TemplateResponse("slm_legacy_dashboard.html", {
|
|
||||||
"request": request,
|
|
||||||
"unit_id": unit_id,
|
|
||||||
"from_project": from_project,
|
|
||||||
"from_nrl": from_nrl,
|
|
||||||
"project": project,
|
|
||||||
"nrl_location": nrl_location
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@app.get("/seismographs", response_class=HTMLResponse)
|
|
||||||
async def seismographs_page(request: Request):
|
|
||||||
"""Seismographs management dashboard"""
|
|
||||||
return templates.TemplateResponse("seismographs.html", {"request": request})
|
|
||||||
|
|
||||||
|
|
||||||
@app.get("/projects", response_class=HTMLResponse)
|
|
||||||
async def projects_page(request: Request):
|
|
||||||
"""Projects management and overview"""
|
|
||||||
return templates.TemplateResponse("projects/overview.html", {"request": request})
|
|
||||||
|
|
||||||
|
|
||||||
@app.get("/projects/{project_id}", response_class=HTMLResponse)
|
|
||||||
async def project_detail_page(request: Request, project_id: str):
|
|
||||||
"""Project detail dashboard"""
|
|
||||||
return templates.TemplateResponse("projects/detail.html", {
|
|
||||||
"request": request,
|
|
||||||
"project_id": project_id
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@app.get("/projects/{project_id}/nrl/{location_id}", response_class=HTMLResponse)
|
|
||||||
async def nrl_detail_page(
|
|
||||||
request: Request,
|
|
||||||
project_id: str,
|
|
||||||
location_id: str,
|
|
||||||
db: Session = Depends(get_db)
|
|
||||||
):
|
|
||||||
"""NRL (Noise Recording Location) detail page with tabs"""
|
|
||||||
from backend.models import Project, MonitoringLocation, UnitAssignment, RosterUnit, RecordingSession, DataFile
|
|
||||||
from sqlalchemy import and_
|
|
||||||
|
|
||||||
# Get project
|
|
||||||
project = db.query(Project).filter_by(id=project_id).first()
|
|
||||||
if not project:
|
|
||||||
return templates.TemplateResponse("404.html", {
|
|
||||||
"request": request,
|
|
||||||
"message": "Project not found"
|
|
||||||
}, status_code=404)
|
|
||||||
|
|
||||||
# Get location
|
|
||||||
location = db.query(MonitoringLocation).filter_by(
|
|
||||||
id=location_id,
|
|
||||||
project_id=project_id
|
|
||||||
).first()
|
|
||||||
|
|
||||||
if not location:
|
|
||||||
return templates.TemplateResponse("404.html", {
|
|
||||||
"request": request,
|
|
||||||
"message": "Location not found"
|
|
||||||
}, status_code=404)
|
|
||||||
|
|
||||||
# Get active assignment
|
|
||||||
assignment = db.query(UnitAssignment).filter(
|
|
||||||
and_(
|
|
||||||
UnitAssignment.location_id == location_id,
|
|
||||||
UnitAssignment.status == "active"
|
|
||||||
)
|
|
||||||
).first()
|
|
||||||
|
|
||||||
assigned_unit = None
|
|
||||||
if assignment:
|
|
||||||
assigned_unit = db.query(RosterUnit).filter_by(id=assignment.unit_id).first()
|
|
||||||
|
|
||||||
# Get session count
|
|
||||||
session_count = db.query(RecordingSession).filter_by(location_id=location_id).count()
|
|
||||||
|
|
||||||
# Get file count (DataFile links to session, not directly to location)
|
|
||||||
file_count = db.query(DataFile).join(
|
|
||||||
RecordingSession,
|
|
||||||
DataFile.session_id == RecordingSession.id
|
|
||||||
).filter(RecordingSession.location_id == location_id).count()
|
|
||||||
|
|
||||||
# Check for active session
|
|
||||||
active_session = db.query(RecordingSession).filter(
|
|
||||||
and_(
|
|
||||||
RecordingSession.location_id == location_id,
|
|
||||||
RecordingSession.status == "recording"
|
|
||||||
)
|
|
||||||
).first()
|
|
||||||
|
|
||||||
return templates.TemplateResponse("nrl_detail.html", {
|
|
||||||
"request": request,
|
|
||||||
"project_id": project_id,
|
|
||||||
"location_id": location_id,
|
|
||||||
"project": project,
|
|
||||||
"location": location,
|
|
||||||
"assignment": assignment,
|
|
||||||
"assigned_unit": assigned_unit,
|
|
||||||
"session_count": session_count,
|
|
||||||
"file_count": file_count,
|
|
||||||
"active_session": active_session,
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
# ===== PWA ROUTES =====
|
# ===== PWA ROUTES =====
|
||||||
|
|
||||||
@app.get("/sw.js")
|
@app.get("/sw.js")
|
||||||
@@ -533,127 +356,6 @@ async def unknown_emitters_partial(request: Request):
|
|||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
@app.get("/partials/devices-all", response_class=HTMLResponse)
|
|
||||||
async def devices_all_partial(request: Request):
|
|
||||||
"""Unified partial template for ALL devices with comprehensive filtering support"""
|
|
||||||
from datetime import datetime
|
|
||||||
snapshot = emit_status_snapshot()
|
|
||||||
|
|
||||||
units_list = []
|
|
||||||
|
|
||||||
# Add deployed/active units
|
|
||||||
for unit_id, unit_data in snapshot["active"].items():
|
|
||||||
units_list.append({
|
|
||||||
"id": unit_id,
|
|
||||||
"status": unit_data.get("status", "Unknown"),
|
|
||||||
"age": unit_data.get("age", "N/A"),
|
|
||||||
"last_seen": unit_data.get("last", "Never"),
|
|
||||||
"deployed": True,
|
|
||||||
"retired": False,
|
|
||||||
"ignored": False,
|
|
||||||
"note": unit_data.get("note", ""),
|
|
||||||
"device_type": unit_data.get("device_type", "seismograph"),
|
|
||||||
"address": unit_data.get("address", ""),
|
|
||||||
"coordinates": unit_data.get("coordinates", ""),
|
|
||||||
"project_id": unit_data.get("project_id", ""),
|
|
||||||
"last_calibrated": unit_data.get("last_calibrated"),
|
|
||||||
"next_calibration_due": unit_data.get("next_calibration_due"),
|
|
||||||
"deployed_with_modem_id": unit_data.get("deployed_with_modem_id"),
|
|
||||||
"ip_address": unit_data.get("ip_address"),
|
|
||||||
"phone_number": unit_data.get("phone_number"),
|
|
||||||
"hardware_model": unit_data.get("hardware_model"),
|
|
||||||
})
|
|
||||||
|
|
||||||
# Add benched units
|
|
||||||
for unit_id, unit_data in snapshot["benched"].items():
|
|
||||||
units_list.append({
|
|
||||||
"id": unit_id,
|
|
||||||
"status": unit_data.get("status", "N/A"),
|
|
||||||
"age": unit_data.get("age", "N/A"),
|
|
||||||
"last_seen": unit_data.get("last", "Never"),
|
|
||||||
"deployed": False,
|
|
||||||
"retired": False,
|
|
||||||
"ignored": False,
|
|
||||||
"note": unit_data.get("note", ""),
|
|
||||||
"device_type": unit_data.get("device_type", "seismograph"),
|
|
||||||
"address": unit_data.get("address", ""),
|
|
||||||
"coordinates": unit_data.get("coordinates", ""),
|
|
||||||
"project_id": unit_data.get("project_id", ""),
|
|
||||||
"last_calibrated": unit_data.get("last_calibrated"),
|
|
||||||
"next_calibration_due": unit_data.get("next_calibration_due"),
|
|
||||||
"deployed_with_modem_id": unit_data.get("deployed_with_modem_id"),
|
|
||||||
"ip_address": unit_data.get("ip_address"),
|
|
||||||
"phone_number": unit_data.get("phone_number"),
|
|
||||||
"hardware_model": unit_data.get("hardware_model"),
|
|
||||||
})
|
|
||||||
|
|
||||||
# Add retired units
|
|
||||||
for unit_id, unit_data in snapshot["retired"].items():
|
|
||||||
units_list.append({
|
|
||||||
"id": unit_id,
|
|
||||||
"status": "Retired",
|
|
||||||
"age": "N/A",
|
|
||||||
"last_seen": "N/A",
|
|
||||||
"deployed": False,
|
|
||||||
"retired": True,
|
|
||||||
"ignored": False,
|
|
||||||
"note": unit_data.get("note", ""),
|
|
||||||
"device_type": unit_data.get("device_type", "seismograph"),
|
|
||||||
"address": unit_data.get("address", ""),
|
|
||||||
"coordinates": unit_data.get("coordinates", ""),
|
|
||||||
"project_id": unit_data.get("project_id", ""),
|
|
||||||
"last_calibrated": unit_data.get("last_calibrated"),
|
|
||||||
"next_calibration_due": unit_data.get("next_calibration_due"),
|
|
||||||
"deployed_with_modem_id": unit_data.get("deployed_with_modem_id"),
|
|
||||||
"ip_address": unit_data.get("ip_address"),
|
|
||||||
"phone_number": unit_data.get("phone_number"),
|
|
||||||
"hardware_model": unit_data.get("hardware_model"),
|
|
||||||
})
|
|
||||||
|
|
||||||
# Add ignored units
|
|
||||||
for unit_id, unit_data in snapshot.get("ignored", {}).items():
|
|
||||||
units_list.append({
|
|
||||||
"id": unit_id,
|
|
||||||
"status": "Ignored",
|
|
||||||
"age": "N/A",
|
|
||||||
"last_seen": "N/A",
|
|
||||||
"deployed": False,
|
|
||||||
"retired": False,
|
|
||||||
"ignored": True,
|
|
||||||
"note": unit_data.get("note", unit_data.get("reason", "")),
|
|
||||||
"device_type": unit_data.get("device_type", "unknown"),
|
|
||||||
"address": "",
|
|
||||||
"coordinates": "",
|
|
||||||
"project_id": "",
|
|
||||||
"last_calibrated": None,
|
|
||||||
"next_calibration_due": None,
|
|
||||||
"deployed_with_modem_id": None,
|
|
||||||
"ip_address": None,
|
|
||||||
"phone_number": None,
|
|
||||||
"hardware_model": None,
|
|
||||||
})
|
|
||||||
|
|
||||||
# Sort by status category, then by ID
|
|
||||||
def sort_key(unit):
|
|
||||||
# Priority: deployed (active) -> benched -> retired -> ignored
|
|
||||||
if unit["deployed"]:
|
|
||||||
return (0, unit["id"])
|
|
||||||
elif not unit["retired"] and not unit["ignored"]:
|
|
||||||
return (1, unit["id"])
|
|
||||||
elif unit["retired"]:
|
|
||||||
return (2, unit["id"])
|
|
||||||
else:
|
|
||||||
return (3, unit["id"])
|
|
||||||
|
|
||||||
units_list.sort(key=sort_key)
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/devices_table.html", {
|
|
||||||
"request": request,
|
|
||||||
"units": units_list,
|
|
||||||
"timestamp": datetime.now().strftime("%H:%M:%S")
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@app.get("/health")
|
@app.get("/health")
|
||||||
def health_check():
|
def health_check():
|
||||||
"""Health check endpoint"""
|
"""Health check endpoint"""
|
||||||
|
|||||||
@@ -1,78 +0,0 @@
|
|||||||
#!/usr/bin/env python3
|
|
||||||
"""
|
|
||||||
Database migration: Add sound level meter fields to roster table.
|
|
||||||
|
|
||||||
Adds columns for sound_level_meter device type support.
|
|
||||||
"""
|
|
||||||
|
|
||||||
import sqlite3
|
|
||||||
from pathlib import Path
|
|
||||||
|
|
||||||
def migrate():
|
|
||||||
"""Add SLM fields to roster table if they don't exist."""
|
|
||||||
|
|
||||||
# Try multiple possible database locations
|
|
||||||
possible_paths = [
|
|
||||||
Path("data/seismo_fleet.db"),
|
|
||||||
Path("data/sfm.db"),
|
|
||||||
Path("data/seismo.db"),
|
|
||||||
]
|
|
||||||
|
|
||||||
db_path = None
|
|
||||||
for path in possible_paths:
|
|
||||||
if path.exists():
|
|
||||||
db_path = path
|
|
||||||
break
|
|
||||||
|
|
||||||
if db_path is None:
|
|
||||||
print(f"Database not found in any of: {[str(p) for p in possible_paths]}")
|
|
||||||
print("Creating database with models.py will include new fields automatically.")
|
|
||||||
return
|
|
||||||
|
|
||||||
print(f"Using database: {db_path}")
|
|
||||||
|
|
||||||
conn = sqlite3.connect(db_path)
|
|
||||||
cursor = conn.cursor()
|
|
||||||
|
|
||||||
# Check if columns already exist
|
|
||||||
cursor.execute("PRAGMA table_info(roster)")
|
|
||||||
existing_columns = {row[1] for row in cursor.fetchall()}
|
|
||||||
|
|
||||||
new_columns = {
|
|
||||||
"slm_host": "TEXT",
|
|
||||||
"slm_tcp_port": "INTEGER",
|
|
||||||
"slm_model": "TEXT",
|
|
||||||
"slm_serial_number": "TEXT",
|
|
||||||
"slm_frequency_weighting": "TEXT",
|
|
||||||
"slm_time_weighting": "TEXT",
|
|
||||||
"slm_measurement_range": "TEXT",
|
|
||||||
"slm_last_check": "DATETIME",
|
|
||||||
}
|
|
||||||
|
|
||||||
migrations_applied = []
|
|
||||||
|
|
||||||
for column_name, column_type in new_columns.items():
|
|
||||||
if column_name not in existing_columns:
|
|
||||||
try:
|
|
||||||
cursor.execute(f"ALTER TABLE roster ADD COLUMN {column_name} {column_type}")
|
|
||||||
migrations_applied.append(column_name)
|
|
||||||
print(f"✓ Added column: {column_name} ({column_type})")
|
|
||||||
except sqlite3.OperationalError as e:
|
|
||||||
print(f"✗ Failed to add column {column_name}: {e}")
|
|
||||||
else:
|
|
||||||
print(f"○ Column already exists: {column_name}")
|
|
||||||
|
|
||||||
conn.commit()
|
|
||||||
conn.close()
|
|
||||||
|
|
||||||
if migrations_applied:
|
|
||||||
print(f"\n✓ Migration complete! Added {len(migrations_applied)} new columns.")
|
|
||||||
else:
|
|
||||||
print("\n○ No migration needed - all columns already exist.")
|
|
||||||
|
|
||||||
print("\nSound level meter fields are now available in the roster table.")
|
|
||||||
print("You can now set device_type='sound_level_meter' for SLM devices.")
|
|
||||||
|
|
||||||
|
|
||||||
if __name__ == "__main__":
|
|
||||||
migrate()
|
|
||||||
@@ -19,14 +19,14 @@ class RosterUnit(Base):
|
|||||||
Roster table: represents our *intended assignment* of a unit.
|
Roster table: represents our *intended assignment* of a unit.
|
||||||
This is editable from the GUI.
|
This is editable from the GUI.
|
||||||
|
|
||||||
Supports multiple device types (seismograph, modem, sound_level_meter) with type-specific fields.
|
Supports multiple device types (seismograph, modem) with type-specific fields.
|
||||||
"""
|
"""
|
||||||
__tablename__ = "roster"
|
__tablename__ = "roster"
|
||||||
|
|
||||||
# Core fields (all device types)
|
# Core fields (all device types)
|
||||||
id = Column(String, primary_key=True, index=True)
|
id = Column(String, primary_key=True, index=True)
|
||||||
unit_type = Column(String, default="series3") # Backward compatibility
|
unit_type = Column(String, default="series3") # Backward compatibility
|
||||||
device_type = Column(String, default="seismograph") # "seismograph" | "modem" | "sound_level_meter"
|
device_type = Column(String, default="seismograph") # "seismograph" | "modem"
|
||||||
deployed = Column(Boolean, default=True)
|
deployed = Column(Boolean, default=True)
|
||||||
retired = Column(Boolean, default=False)
|
retired = Column(Boolean, default=False)
|
||||||
note = Column(String, nullable=True)
|
note = Column(String, nullable=True)
|
||||||
@@ -36,29 +36,16 @@ class RosterUnit(Base):
|
|||||||
coordinates = Column(String, nullable=True) # Lat,Lon format: "34.0522,-118.2437"
|
coordinates = Column(String, nullable=True) # Lat,Lon format: "34.0522,-118.2437"
|
||||||
last_updated = Column(DateTime, default=datetime.utcnow)
|
last_updated = Column(DateTime, default=datetime.utcnow)
|
||||||
|
|
||||||
# Seismograph-specific fields (nullable for modems and SLMs)
|
# Seismograph-specific fields (nullable for modems)
|
||||||
last_calibrated = Column(Date, nullable=True)
|
last_calibrated = Column(Date, nullable=True)
|
||||||
next_calibration_due = Column(Date, nullable=True)
|
next_calibration_due = Column(Date, nullable=True)
|
||||||
|
deployed_with_modem_id = Column(String, nullable=True) # FK to another RosterUnit
|
||||||
|
|
||||||
# Modem assignment (shared by seismographs and SLMs)
|
# Modem-specific fields (nullable for seismographs)
|
||||||
deployed_with_modem_id = Column(String, nullable=True) # FK to another RosterUnit (device_type=modem)
|
|
||||||
|
|
||||||
# Modem-specific fields (nullable for seismographs and SLMs)
|
|
||||||
ip_address = Column(String, nullable=True)
|
ip_address = Column(String, nullable=True)
|
||||||
phone_number = Column(String, nullable=True)
|
phone_number = Column(String, nullable=True)
|
||||||
hardware_model = Column(String, nullable=True)
|
hardware_model = Column(String, nullable=True)
|
||||||
|
|
||||||
# Sound Level Meter-specific fields (nullable for seismographs and modems)
|
|
||||||
slm_host = Column(String, nullable=True) # Device IP or hostname
|
|
||||||
slm_tcp_port = Column(Integer, nullable=True) # TCP control port (default 2255)
|
|
||||||
slm_ftp_port = Column(Integer, nullable=True) # FTP data retrieval port (default 21)
|
|
||||||
slm_model = Column(String, nullable=True) # NL-43, NL-53, etc.
|
|
||||||
slm_serial_number = Column(String, nullable=True) # Device serial number
|
|
||||||
slm_frequency_weighting = Column(String, nullable=True) # A, C, Z
|
|
||||||
slm_time_weighting = Column(String, nullable=True) # F (Fast), S (Slow), I (Impulse)
|
|
||||||
slm_measurement_range = Column(String, nullable=True) # e.g., "30-130 dB"
|
|
||||||
slm_last_check = Column(DateTime, nullable=True) # Last communication check
|
|
||||||
|
|
||||||
|
|
||||||
class IgnoredUnit(Base):
|
class IgnoredUnit(Base):
|
||||||
"""
|
"""
|
||||||
@@ -107,171 +94,4 @@ class UserPreferences(Base):
|
|||||||
calibration_warning_days = Column(Integer, default=30)
|
calibration_warning_days = Column(Integer, default=30)
|
||||||
status_ok_threshold_hours = Column(Integer, default=12)
|
status_ok_threshold_hours = Column(Integer, default=12)
|
||||||
status_pending_threshold_hours = Column(Integer, default=24)
|
status_pending_threshold_hours = Column(Integer, default=24)
|
||||||
updated_at = Column(DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)
|
updated_at = Column(DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# Project Management System
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
class ProjectType(Base):
|
|
||||||
"""
|
|
||||||
Project type templates: defines available project types and their capabilities.
|
|
||||||
Pre-populated with: sound_monitoring, vibration_monitoring, combined.
|
|
||||||
"""
|
|
||||||
__tablename__ = "project_types"
|
|
||||||
|
|
||||||
id = Column(String, primary_key=True) # sound_monitoring, vibration_monitoring, combined
|
|
||||||
name = Column(String, nullable=False, unique=True) # "Sound Monitoring", "Vibration Monitoring"
|
|
||||||
description = Column(Text, nullable=True)
|
|
||||||
icon = Column(String, nullable=True) # Icon identifier for UI
|
|
||||||
supports_sound = Column(Boolean, default=False) # Enables SLM features
|
|
||||||
supports_vibration = Column(Boolean, default=False) # Enables seismograph features
|
|
||||||
created_at = Column(DateTime, default=datetime.utcnow)
|
|
||||||
|
|
||||||
|
|
||||||
class Project(Base):
|
|
||||||
"""
|
|
||||||
Projects: top-level organization for monitoring work.
|
|
||||||
Type-aware to enable/disable features based on project_type_id.
|
|
||||||
"""
|
|
||||||
__tablename__ = "projects"
|
|
||||||
|
|
||||||
id = Column(String, primary_key=True, index=True) # UUID
|
|
||||||
name = Column(String, nullable=False, unique=True)
|
|
||||||
description = Column(Text, nullable=True)
|
|
||||||
project_type_id = Column(String, nullable=False) # FK to ProjectType.id
|
|
||||||
status = Column(String, default="active") # active, completed, archived
|
|
||||||
|
|
||||||
# Project metadata
|
|
||||||
client_name = Column(String, nullable=True)
|
|
||||||
site_address = Column(String, nullable=True)
|
|
||||||
site_coordinates = Column(String, nullable=True) # "lat,lon"
|
|
||||||
start_date = Column(Date, nullable=True)
|
|
||||||
end_date = Column(Date, nullable=True)
|
|
||||||
|
|
||||||
created_at = Column(DateTime, default=datetime.utcnow)
|
|
||||||
updated_at = Column(DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)
|
|
||||||
|
|
||||||
|
|
||||||
class MonitoringLocation(Base):
|
|
||||||
"""
|
|
||||||
Monitoring locations: generic location for monitoring activities.
|
|
||||||
Can be NRL (Noise Recording Location) for sound projects,
|
|
||||||
or monitoring point for vibration projects.
|
|
||||||
"""
|
|
||||||
__tablename__ = "monitoring_locations"
|
|
||||||
|
|
||||||
id = Column(String, primary_key=True, index=True) # UUID
|
|
||||||
project_id = Column(String, nullable=False, index=True) # FK to Project.id
|
|
||||||
location_type = Column(String, nullable=False) # "sound" | "vibration"
|
|
||||||
|
|
||||||
name = Column(String, nullable=False) # NRL-001, VP-North, etc.
|
|
||||||
description = Column(Text, nullable=True)
|
|
||||||
coordinates = Column(String, nullable=True) # "lat,lon"
|
|
||||||
address = Column(String, nullable=True)
|
|
||||||
|
|
||||||
# Type-specific metadata stored as JSON
|
|
||||||
# For sound: {"ambient_conditions": "urban", "expected_sources": ["traffic"]}
|
|
||||||
# For vibration: {"ground_type": "bedrock", "depth": "10m"}
|
|
||||||
location_metadata = Column(Text, nullable=True)
|
|
||||||
|
|
||||||
created_at = Column(DateTime, default=datetime.utcnow)
|
|
||||||
updated_at = Column(DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)
|
|
||||||
|
|
||||||
|
|
||||||
class UnitAssignment(Base):
|
|
||||||
"""
|
|
||||||
Unit assignments: links devices (SLMs or seismographs) to monitoring locations.
|
|
||||||
Supports temporary assignments with assigned_until.
|
|
||||||
"""
|
|
||||||
__tablename__ = "unit_assignments"
|
|
||||||
|
|
||||||
id = Column(String, primary_key=True, index=True) # UUID
|
|
||||||
unit_id = Column(String, nullable=False, index=True) # FK to RosterUnit.id
|
|
||||||
location_id = Column(String, nullable=False, index=True) # FK to MonitoringLocation.id
|
|
||||||
|
|
||||||
assigned_at = Column(DateTime, default=datetime.utcnow)
|
|
||||||
assigned_until = Column(DateTime, nullable=True) # Null = indefinite
|
|
||||||
status = Column(String, default="active") # active, completed, cancelled
|
|
||||||
notes = Column(Text, nullable=True)
|
|
||||||
|
|
||||||
# Denormalized for efficient queries
|
|
||||||
device_type = Column(String, nullable=False) # sound_level_meter | seismograph
|
|
||||||
project_id = Column(String, nullable=False, index=True) # FK to Project.id
|
|
||||||
|
|
||||||
created_at = Column(DateTime, default=datetime.utcnow)
|
|
||||||
|
|
||||||
|
|
||||||
class ScheduledAction(Base):
|
|
||||||
"""
|
|
||||||
Scheduled actions: automation for recording start/stop/download.
|
|
||||||
Terra-View executes these by calling SLMM or SFM endpoints.
|
|
||||||
"""
|
|
||||||
__tablename__ = "scheduled_actions"
|
|
||||||
|
|
||||||
id = Column(String, primary_key=True, index=True) # UUID
|
|
||||||
project_id = Column(String, nullable=False, index=True) # FK to Project.id
|
|
||||||
location_id = Column(String, nullable=False, index=True) # FK to MonitoringLocation.id
|
|
||||||
unit_id = Column(String, nullable=True, index=True) # FK to RosterUnit.id (nullable if location-based)
|
|
||||||
|
|
||||||
action_type = Column(String, nullable=False) # start, stop, download, calibrate
|
|
||||||
device_type = Column(String, nullable=False) # sound_level_meter | seismograph
|
|
||||||
|
|
||||||
scheduled_time = Column(DateTime, nullable=False, index=True)
|
|
||||||
executed_at = Column(DateTime, nullable=True)
|
|
||||||
execution_status = Column(String, default="pending") # pending, completed, failed, cancelled
|
|
||||||
|
|
||||||
# Response from device module (SLMM or SFM)
|
|
||||||
module_response = Column(Text, nullable=True) # JSON
|
|
||||||
error_message = Column(Text, nullable=True)
|
|
||||||
|
|
||||||
notes = Column(Text, nullable=True)
|
|
||||||
created_at = Column(DateTime, default=datetime.utcnow)
|
|
||||||
|
|
||||||
|
|
||||||
class RecordingSession(Base):
|
|
||||||
"""
|
|
||||||
Recording sessions: tracks actual monitoring sessions.
|
|
||||||
Created when recording starts, updated when it stops.
|
|
||||||
"""
|
|
||||||
__tablename__ = "recording_sessions"
|
|
||||||
|
|
||||||
id = Column(String, primary_key=True, index=True) # UUID
|
|
||||||
project_id = Column(String, nullable=False, index=True) # FK to Project.id
|
|
||||||
location_id = Column(String, nullable=False, index=True) # FK to MonitoringLocation.id
|
|
||||||
unit_id = Column(String, nullable=False, index=True) # FK to RosterUnit.id
|
|
||||||
|
|
||||||
session_type = Column(String, nullable=False) # sound | vibration
|
|
||||||
started_at = Column(DateTime, nullable=False)
|
|
||||||
stopped_at = Column(DateTime, nullable=True)
|
|
||||||
duration_seconds = Column(Integer, nullable=True)
|
|
||||||
status = Column(String, default="recording") # recording, completed, failed
|
|
||||||
|
|
||||||
# Snapshot of device configuration at recording time
|
|
||||||
session_metadata = Column(Text, nullable=True) # JSON
|
|
||||||
|
|
||||||
created_at = Column(DateTime, default=datetime.utcnow)
|
|
||||||
updated_at = Column(DateTime, default=datetime.utcnow, onupdate=datetime.utcnow)
|
|
||||||
|
|
||||||
|
|
||||||
class DataFile(Base):
|
|
||||||
"""
|
|
||||||
Data files: references to recorded data files.
|
|
||||||
Terra-View tracks file metadata; actual files stored in data/Projects/ directory.
|
|
||||||
"""
|
|
||||||
__tablename__ = "data_files"
|
|
||||||
|
|
||||||
id = Column(String, primary_key=True, index=True) # UUID
|
|
||||||
session_id = Column(String, nullable=False, index=True) # FK to RecordingSession.id
|
|
||||||
|
|
||||||
file_path = Column(String, nullable=False) # Relative to data/Projects/
|
|
||||||
file_type = Column(String, nullable=False) # wav, csv, mseed, json
|
|
||||||
file_size_bytes = Column(Integer, nullable=True)
|
|
||||||
downloaded_at = Column(DateTime, nullable=True)
|
|
||||||
checksum = Column(String, nullable=True) # SHA256 or MD5
|
|
||||||
|
|
||||||
# Additional file metadata
|
|
||||||
file_metadata = Column(Text, nullable=True) # JSON
|
|
||||||
|
|
||||||
created_at = Column(DateTime, default=datetime.utcnow)
|
|
||||||
@@ -1,488 +0,0 @@
|
|||||||
"""
|
|
||||||
Project Locations Router
|
|
||||||
|
|
||||||
Handles monitoring locations (NRLs for sound, monitoring points for vibration)
|
|
||||||
and unit assignments within projects.
|
|
||||||
"""
|
|
||||||
|
|
||||||
from fastapi import APIRouter, Request, Depends, HTTPException, Query
|
|
||||||
from fastapi.templating import Jinja2Templates
|
|
||||||
from fastapi.responses import HTMLResponse, JSONResponse
|
|
||||||
from sqlalchemy.orm import Session
|
|
||||||
from sqlalchemy import and_, or_
|
|
||||||
from datetime import datetime
|
|
||||||
from typing import Optional
|
|
||||||
import uuid
|
|
||||||
import json
|
|
||||||
|
|
||||||
from backend.database import get_db
|
|
||||||
from backend.models import (
|
|
||||||
Project,
|
|
||||||
ProjectType,
|
|
||||||
MonitoringLocation,
|
|
||||||
UnitAssignment,
|
|
||||||
RosterUnit,
|
|
||||||
RecordingSession,
|
|
||||||
)
|
|
||||||
|
|
||||||
router = APIRouter(prefix="/api/projects/{project_id}", tags=["project-locations"])
|
|
||||||
templates = Jinja2Templates(directory="templates")
|
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# Monitoring Locations CRUD
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
@router.get("/locations", response_class=HTMLResponse)
|
|
||||||
async def get_project_locations(
|
|
||||||
project_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
location_type: Optional[str] = Query(None),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Get all monitoring locations for a project.
|
|
||||||
Returns HTML partial with location list.
|
|
||||||
"""
|
|
||||||
project = db.query(Project).filter_by(id=project_id).first()
|
|
||||||
if not project:
|
|
||||||
raise HTTPException(status_code=404, detail="Project not found")
|
|
||||||
|
|
||||||
query = db.query(MonitoringLocation).filter_by(project_id=project_id)
|
|
||||||
|
|
||||||
# Filter by type if provided
|
|
||||||
if location_type:
|
|
||||||
query = query.filter_by(location_type=location_type)
|
|
||||||
|
|
||||||
locations = query.order_by(MonitoringLocation.name).all()
|
|
||||||
|
|
||||||
# Enrich with assignment info
|
|
||||||
locations_data = []
|
|
||||||
for location in locations:
|
|
||||||
# Get active assignment
|
|
||||||
assignment = db.query(UnitAssignment).filter(
|
|
||||||
and_(
|
|
||||||
UnitAssignment.location_id == location.id,
|
|
||||||
UnitAssignment.status == "active",
|
|
||||||
)
|
|
||||||
).first()
|
|
||||||
|
|
||||||
assigned_unit = None
|
|
||||||
if assignment:
|
|
||||||
assigned_unit = db.query(RosterUnit).filter_by(id=assignment.unit_id).first()
|
|
||||||
|
|
||||||
# Count recording sessions
|
|
||||||
session_count = db.query(RecordingSession).filter_by(
|
|
||||||
location_id=location.id
|
|
||||||
).count()
|
|
||||||
|
|
||||||
locations_data.append({
|
|
||||||
"location": location,
|
|
||||||
"assignment": assignment,
|
|
||||||
"assigned_unit": assigned_unit,
|
|
||||||
"session_count": session_count,
|
|
||||||
})
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/projects/location_list.html", {
|
|
||||||
"request": request,
|
|
||||||
"project": project,
|
|
||||||
"locations": locations_data,
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.post("/locations/create")
|
|
||||||
async def create_location(
|
|
||||||
project_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Create a new monitoring location within a project.
|
|
||||||
"""
|
|
||||||
project = db.query(Project).filter_by(id=project_id).first()
|
|
||||||
if not project:
|
|
||||||
raise HTTPException(status_code=404, detail="Project not found")
|
|
||||||
|
|
||||||
form_data = await request.form()
|
|
||||||
|
|
||||||
location = MonitoringLocation(
|
|
||||||
id=str(uuid.uuid4()),
|
|
||||||
project_id=project_id,
|
|
||||||
location_type=form_data.get("location_type"),
|
|
||||||
name=form_data.get("name"),
|
|
||||||
description=form_data.get("description"),
|
|
||||||
coordinates=form_data.get("coordinates"),
|
|
||||||
address=form_data.get("address"),
|
|
||||||
location_metadata=form_data.get("location_metadata"), # JSON string
|
|
||||||
)
|
|
||||||
|
|
||||||
db.add(location)
|
|
||||||
db.commit()
|
|
||||||
db.refresh(location)
|
|
||||||
|
|
||||||
return JSONResponse({
|
|
||||||
"success": True,
|
|
||||||
"location_id": location.id,
|
|
||||||
"message": f"Location '{location.name}' created successfully",
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.put("/locations/{location_id}")
|
|
||||||
async def update_location(
|
|
||||||
project_id: str,
|
|
||||||
location_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Update a monitoring location.
|
|
||||||
"""
|
|
||||||
location = db.query(MonitoringLocation).filter_by(
|
|
||||||
id=location_id,
|
|
||||||
project_id=project_id,
|
|
||||||
).first()
|
|
||||||
|
|
||||||
if not location:
|
|
||||||
raise HTTPException(status_code=404, detail="Location not found")
|
|
||||||
|
|
||||||
data = await request.json()
|
|
||||||
|
|
||||||
# Update fields if provided
|
|
||||||
if "name" in data:
|
|
||||||
location.name = data["name"]
|
|
||||||
if "description" in data:
|
|
||||||
location.description = data["description"]
|
|
||||||
if "location_type" in data:
|
|
||||||
location.location_type = data["location_type"]
|
|
||||||
if "coordinates" in data:
|
|
||||||
location.coordinates = data["coordinates"]
|
|
||||||
if "address" in data:
|
|
||||||
location.address = data["address"]
|
|
||||||
if "location_metadata" in data:
|
|
||||||
location.location_metadata = data["location_metadata"]
|
|
||||||
|
|
||||||
location.updated_at = datetime.utcnow()
|
|
||||||
|
|
||||||
db.commit()
|
|
||||||
|
|
||||||
return {"success": True, "message": "Location updated successfully"}
|
|
||||||
|
|
||||||
|
|
||||||
@router.delete("/locations/{location_id}")
|
|
||||||
async def delete_location(
|
|
||||||
project_id: str,
|
|
||||||
location_id: str,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Delete a monitoring location.
|
|
||||||
"""
|
|
||||||
location = db.query(MonitoringLocation).filter_by(
|
|
||||||
id=location_id,
|
|
||||||
project_id=project_id,
|
|
||||||
).first()
|
|
||||||
|
|
||||||
if not location:
|
|
||||||
raise HTTPException(status_code=404, detail="Location not found")
|
|
||||||
|
|
||||||
# Check if location has active assignments
|
|
||||||
active_assignments = db.query(UnitAssignment).filter(
|
|
||||||
and_(
|
|
||||||
UnitAssignment.location_id == location_id,
|
|
||||||
UnitAssignment.status == "active",
|
|
||||||
)
|
|
||||||
).count()
|
|
||||||
|
|
||||||
if active_assignments > 0:
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=400,
|
|
||||||
detail="Cannot delete location with active unit assignments. Unassign units first.",
|
|
||||||
)
|
|
||||||
|
|
||||||
db.delete(location)
|
|
||||||
db.commit()
|
|
||||||
|
|
||||||
return {"success": True, "message": "Location deleted successfully"}
|
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# Unit Assignments
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
@router.get("/assignments", response_class=HTMLResponse)
|
|
||||||
async def get_project_assignments(
|
|
||||||
project_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
status: Optional[str] = Query("active"),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Get all unit assignments for a project.
|
|
||||||
Returns HTML partial with assignment list.
|
|
||||||
"""
|
|
||||||
query = db.query(UnitAssignment).filter_by(project_id=project_id)
|
|
||||||
|
|
||||||
if status:
|
|
||||||
query = query.filter_by(status=status)
|
|
||||||
|
|
||||||
assignments = query.order_by(UnitAssignment.assigned_at.desc()).all()
|
|
||||||
|
|
||||||
# Enrich with unit and location details
|
|
||||||
assignments_data = []
|
|
||||||
for assignment in assignments:
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=assignment.unit_id).first()
|
|
||||||
location = db.query(MonitoringLocation).filter_by(id=assignment.location_id).first()
|
|
||||||
|
|
||||||
assignments_data.append({
|
|
||||||
"assignment": assignment,
|
|
||||||
"unit": unit,
|
|
||||||
"location": location,
|
|
||||||
})
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/projects/assignment_list.html", {
|
|
||||||
"request": request,
|
|
||||||
"project_id": project_id,
|
|
||||||
"assignments": assignments_data,
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.post("/locations/{location_id}/assign")
|
|
||||||
async def assign_unit_to_location(
|
|
||||||
project_id: str,
|
|
||||||
location_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Assign a unit to a monitoring location.
|
|
||||||
"""
|
|
||||||
location = db.query(MonitoringLocation).filter_by(
|
|
||||||
id=location_id,
|
|
||||||
project_id=project_id,
|
|
||||||
).first()
|
|
||||||
|
|
||||||
if not location:
|
|
||||||
raise HTTPException(status_code=404, detail="Location not found")
|
|
||||||
|
|
||||||
form_data = await request.form()
|
|
||||||
unit_id = form_data.get("unit_id")
|
|
||||||
|
|
||||||
# Verify unit exists and matches location type
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=unit_id).first()
|
|
||||||
if not unit:
|
|
||||||
raise HTTPException(status_code=404, detail="Unit not found")
|
|
||||||
|
|
||||||
# Check device type matches location type
|
|
||||||
expected_device_type = "sound_level_meter" if location.location_type == "sound" else "seismograph"
|
|
||||||
if unit.device_type != expected_device_type:
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=400,
|
|
||||||
detail=f"Unit type '{unit.device_type}' does not match location type '{location.location_type}'",
|
|
||||||
)
|
|
||||||
|
|
||||||
# Check if location already has an active assignment
|
|
||||||
existing_assignment = db.query(UnitAssignment).filter(
|
|
||||||
and_(
|
|
||||||
UnitAssignment.location_id == location_id,
|
|
||||||
UnitAssignment.status == "active",
|
|
||||||
)
|
|
||||||
).first()
|
|
||||||
|
|
||||||
if existing_assignment:
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=400,
|
|
||||||
detail=f"Location already has an active unit assignment ({existing_assignment.unit_id}). Unassign first.",
|
|
||||||
)
|
|
||||||
|
|
||||||
# Create new assignment
|
|
||||||
assigned_until_str = form_data.get("assigned_until")
|
|
||||||
assigned_until = datetime.fromisoformat(assigned_until_str) if assigned_until_str else None
|
|
||||||
|
|
||||||
assignment = UnitAssignment(
|
|
||||||
id=str(uuid.uuid4()),
|
|
||||||
unit_id=unit_id,
|
|
||||||
location_id=location_id,
|
|
||||||
project_id=project_id,
|
|
||||||
device_type=unit.device_type,
|
|
||||||
assigned_until=assigned_until,
|
|
||||||
status="active",
|
|
||||||
notes=form_data.get("notes"),
|
|
||||||
)
|
|
||||||
|
|
||||||
db.add(assignment)
|
|
||||||
db.commit()
|
|
||||||
db.refresh(assignment)
|
|
||||||
|
|
||||||
return JSONResponse({
|
|
||||||
"success": True,
|
|
||||||
"assignment_id": assignment.id,
|
|
||||||
"message": f"Unit '{unit_id}' assigned to '{location.name}'",
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.post("/assignments/{assignment_id}/unassign")
|
|
||||||
async def unassign_unit(
|
|
||||||
project_id: str,
|
|
||||||
assignment_id: str,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Unassign a unit from a location.
|
|
||||||
"""
|
|
||||||
assignment = db.query(UnitAssignment).filter_by(
|
|
||||||
id=assignment_id,
|
|
||||||
project_id=project_id,
|
|
||||||
).first()
|
|
||||||
|
|
||||||
if not assignment:
|
|
||||||
raise HTTPException(status_code=404, detail="Assignment not found")
|
|
||||||
|
|
||||||
# Check if there are active recording sessions
|
|
||||||
active_sessions = db.query(RecordingSession).filter(
|
|
||||||
and_(
|
|
||||||
RecordingSession.location_id == assignment.location_id,
|
|
||||||
RecordingSession.unit_id == assignment.unit_id,
|
|
||||||
RecordingSession.status == "recording",
|
|
||||||
)
|
|
||||||
).count()
|
|
||||||
|
|
||||||
if active_sessions > 0:
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=400,
|
|
||||||
detail="Cannot unassign unit with active recording sessions. Stop recording first.",
|
|
||||||
)
|
|
||||||
|
|
||||||
assignment.status = "completed"
|
|
||||||
assignment.assigned_until = datetime.utcnow()
|
|
||||||
|
|
||||||
db.commit()
|
|
||||||
|
|
||||||
return {"success": True, "message": "Unit unassigned successfully"}
|
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# Available Units for Assignment
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
@router.get("/available-units", response_class=JSONResponse)
|
|
||||||
async def get_available_units(
|
|
||||||
project_id: str,
|
|
||||||
location_type: str = Query(...),
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Get list of available units for assignment to a location.
|
|
||||||
Filters by device type matching the location type.
|
|
||||||
"""
|
|
||||||
# Determine required device type
|
|
||||||
required_device_type = "sound_level_meter" if location_type == "sound" else "seismograph"
|
|
||||||
|
|
||||||
# Get all units of the required type that are deployed and not retired
|
|
||||||
all_units = db.query(RosterUnit).filter(
|
|
||||||
and_(
|
|
||||||
RosterUnit.device_type == required_device_type,
|
|
||||||
RosterUnit.deployed == True,
|
|
||||||
RosterUnit.retired == False,
|
|
||||||
)
|
|
||||||
).all()
|
|
||||||
|
|
||||||
# Filter out units that already have active assignments
|
|
||||||
assigned_unit_ids = db.query(UnitAssignment.unit_id).filter(
|
|
||||||
UnitAssignment.status == "active"
|
|
||||||
).distinct().all()
|
|
||||||
assigned_unit_ids = [uid[0] for uid in assigned_unit_ids]
|
|
||||||
|
|
||||||
available_units = [
|
|
||||||
{
|
|
||||||
"id": unit.id,
|
|
||||||
"device_type": unit.device_type,
|
|
||||||
"location": unit.address or unit.location,
|
|
||||||
"model": unit.slm_model if unit.device_type == "sound_level_meter" else unit.unit_type,
|
|
||||||
}
|
|
||||||
for unit in all_units
|
|
||||||
if unit.id not in assigned_unit_ids
|
|
||||||
]
|
|
||||||
|
|
||||||
return available_units
|
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# NRL-specific endpoints for detail page
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
@router.get("/nrl/{location_id}/sessions", response_class=HTMLResponse)
|
|
||||||
async def get_nrl_sessions(
|
|
||||||
project_id: str,
|
|
||||||
location_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Get recording sessions for a specific NRL.
|
|
||||||
Returns HTML partial with session list.
|
|
||||||
"""
|
|
||||||
from backend.models import RecordingSession, RosterUnit
|
|
||||||
|
|
||||||
sessions = db.query(RecordingSession).filter_by(
|
|
||||||
location_id=location_id
|
|
||||||
).order_by(RecordingSession.started_at.desc()).all()
|
|
||||||
|
|
||||||
# Enrich with unit details
|
|
||||||
sessions_data = []
|
|
||||||
for session in sessions:
|
|
||||||
unit = None
|
|
||||||
if session.unit_id:
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=session.unit_id).first()
|
|
||||||
|
|
||||||
sessions_data.append({
|
|
||||||
"session": session,
|
|
||||||
"unit": unit,
|
|
||||||
})
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/projects/session_list.html", {
|
|
||||||
"request": request,
|
|
||||||
"project_id": project_id,
|
|
||||||
"location_id": location_id,
|
|
||||||
"sessions": sessions_data,
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/nrl/{location_id}/files", response_class=HTMLResponse)
|
|
||||||
async def get_nrl_files(
|
|
||||||
project_id: str,
|
|
||||||
location_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Get data files for a specific NRL.
|
|
||||||
Returns HTML partial with file list.
|
|
||||||
"""
|
|
||||||
from backend.models import DataFile, RecordingSession
|
|
||||||
|
|
||||||
# Join DataFile with RecordingSession to filter by location_id
|
|
||||||
files = db.query(DataFile).join(
|
|
||||||
RecordingSession,
|
|
||||||
DataFile.session_id == RecordingSession.id
|
|
||||||
).filter(
|
|
||||||
RecordingSession.location_id == location_id
|
|
||||||
).order_by(DataFile.created_at.desc()).all()
|
|
||||||
|
|
||||||
# Enrich with session details
|
|
||||||
files_data = []
|
|
||||||
for file in files:
|
|
||||||
session = None
|
|
||||||
if file.session_id:
|
|
||||||
session = db.query(RecordingSession).filter_by(id=file.session_id).first()
|
|
||||||
|
|
||||||
files_data.append({
|
|
||||||
"file": file,
|
|
||||||
"session": session,
|
|
||||||
})
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/projects/file_list.html", {
|
|
||||||
"request": request,
|
|
||||||
"project_id": project_id,
|
|
||||||
"location_id": location_id,
|
|
||||||
"files": files_data,
|
|
||||||
})
|
|
||||||
@@ -1,762 +0,0 @@
|
|||||||
"""
|
|
||||||
Projects Router
|
|
||||||
|
|
||||||
Provides API endpoints for the Projects system:
|
|
||||||
- Project CRUD operations
|
|
||||||
- Project dashboards
|
|
||||||
- Project statistics
|
|
||||||
- Type-aware features
|
|
||||||
"""
|
|
||||||
|
|
||||||
from fastapi import APIRouter, Request, Depends, HTTPException, Query
|
|
||||||
from fastapi.templating import Jinja2Templates
|
|
||||||
from fastapi.responses import HTMLResponse, JSONResponse
|
|
||||||
from sqlalchemy.orm import Session
|
|
||||||
from sqlalchemy import func, and_
|
|
||||||
from datetime import datetime, timedelta
|
|
||||||
from typing import Optional
|
|
||||||
import uuid
|
|
||||||
import json
|
|
||||||
import logging
|
|
||||||
|
|
||||||
from backend.database import get_db
|
|
||||||
from backend.models import (
|
|
||||||
Project,
|
|
||||||
ProjectType,
|
|
||||||
MonitoringLocation,
|
|
||||||
UnitAssignment,
|
|
||||||
RecordingSession,
|
|
||||||
ScheduledAction,
|
|
||||||
RosterUnit,
|
|
||||||
)
|
|
||||||
|
|
||||||
router = APIRouter(prefix="/api/projects", tags=["projects"])
|
|
||||||
templates = Jinja2Templates(directory="templates")
|
|
||||||
logger = logging.getLogger(__name__)
|
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# Project List & Overview
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
@router.get("/list", response_class=HTMLResponse)
|
|
||||||
async def get_projects_list(
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
status: Optional[str] = Query(None),
|
|
||||||
project_type_id: Optional[str] = Query(None),
|
|
||||||
view: Optional[str] = Query(None),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Get list of all projects.
|
|
||||||
Returns HTML partial with project cards.
|
|
||||||
"""
|
|
||||||
query = db.query(Project)
|
|
||||||
|
|
||||||
# Filter by status if provided
|
|
||||||
if status:
|
|
||||||
query = query.filter(Project.status == status)
|
|
||||||
|
|
||||||
# Filter by project type if provided
|
|
||||||
if project_type_id:
|
|
||||||
query = query.filter(Project.project_type_id == project_type_id)
|
|
||||||
|
|
||||||
projects = query.order_by(Project.created_at.desc()).all()
|
|
||||||
|
|
||||||
# Enrich each project with stats
|
|
||||||
projects_data = []
|
|
||||||
for project in projects:
|
|
||||||
# Get project type
|
|
||||||
project_type = db.query(ProjectType).filter_by(id=project.project_type_id).first()
|
|
||||||
|
|
||||||
# Count locations
|
|
||||||
location_count = db.query(func.count(MonitoringLocation.id)).filter_by(
|
|
||||||
project_id=project.id
|
|
||||||
).scalar()
|
|
||||||
|
|
||||||
# Count assigned units
|
|
||||||
unit_count = db.query(func.count(UnitAssignment.id)).filter(
|
|
||||||
and_(
|
|
||||||
UnitAssignment.project_id == project.id,
|
|
||||||
UnitAssignment.status == "active",
|
|
||||||
)
|
|
||||||
).scalar()
|
|
||||||
|
|
||||||
# Count active sessions
|
|
||||||
active_session_count = db.query(func.count(RecordingSession.id)).filter(
|
|
||||||
and_(
|
|
||||||
RecordingSession.project_id == project.id,
|
|
||||||
RecordingSession.status == "recording",
|
|
||||||
)
|
|
||||||
).scalar()
|
|
||||||
|
|
||||||
projects_data.append({
|
|
||||||
"project": project,
|
|
||||||
"project_type": project_type,
|
|
||||||
"location_count": location_count,
|
|
||||||
"unit_count": unit_count,
|
|
||||||
"active_session_count": active_session_count,
|
|
||||||
})
|
|
||||||
|
|
||||||
template_name = "partials/projects/project_list.html"
|
|
||||||
if view == "compact":
|
|
||||||
template_name = "partials/projects/project_list_compact.html"
|
|
||||||
|
|
||||||
return templates.TemplateResponse(template_name, {
|
|
||||||
"request": request,
|
|
||||||
"projects": projects_data,
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/stats", response_class=HTMLResponse)
|
|
||||||
async def get_projects_stats(request: Request, db: Session = Depends(get_db)):
|
|
||||||
"""
|
|
||||||
Get summary statistics for projects overview.
|
|
||||||
Returns HTML partial with stat cards.
|
|
||||||
"""
|
|
||||||
# Count projects by status
|
|
||||||
total_projects = db.query(func.count(Project.id)).scalar()
|
|
||||||
active_projects = db.query(func.count(Project.id)).filter_by(status="active").scalar()
|
|
||||||
completed_projects = db.query(func.count(Project.id)).filter_by(status="completed").scalar()
|
|
||||||
|
|
||||||
# Count total locations across all projects
|
|
||||||
total_locations = db.query(func.count(MonitoringLocation.id)).scalar()
|
|
||||||
|
|
||||||
# Count assigned units
|
|
||||||
assigned_units = db.query(func.count(UnitAssignment.id)).filter_by(
|
|
||||||
status="active"
|
|
||||||
).scalar()
|
|
||||||
|
|
||||||
# Count active recording sessions
|
|
||||||
active_sessions = db.query(func.count(RecordingSession.id)).filter_by(
|
|
||||||
status="recording"
|
|
||||||
).scalar()
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/projects/project_stats.html", {
|
|
||||||
"request": request,
|
|
||||||
"total_projects": total_projects,
|
|
||||||
"active_projects": active_projects,
|
|
||||||
"completed_projects": completed_projects,
|
|
||||||
"total_locations": total_locations,
|
|
||||||
"assigned_units": assigned_units,
|
|
||||||
"active_sessions": active_sessions,
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# Project CRUD
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
@router.post("/create")
|
|
||||||
async def create_project(request: Request, db: Session = Depends(get_db)):
|
|
||||||
"""
|
|
||||||
Create a new project.
|
|
||||||
Expects form data with project details.
|
|
||||||
"""
|
|
||||||
form_data = await request.form()
|
|
||||||
|
|
||||||
project = Project(
|
|
||||||
id=str(uuid.uuid4()),
|
|
||||||
name=form_data.get("name"),
|
|
||||||
description=form_data.get("description"),
|
|
||||||
project_type_id=form_data.get("project_type_id"),
|
|
||||||
status="active",
|
|
||||||
client_name=form_data.get("client_name"),
|
|
||||||
site_address=form_data.get("site_address"),
|
|
||||||
site_coordinates=form_data.get("site_coordinates"),
|
|
||||||
start_date=datetime.fromisoformat(form_data.get("start_date")) if form_data.get("start_date") else None,
|
|
||||||
end_date=datetime.fromisoformat(form_data.get("end_date")) if form_data.get("end_date") else None,
|
|
||||||
)
|
|
||||||
|
|
||||||
db.add(project)
|
|
||||||
db.commit()
|
|
||||||
db.refresh(project)
|
|
||||||
|
|
||||||
return JSONResponse({
|
|
||||||
"success": True,
|
|
||||||
"project_id": project.id,
|
|
||||||
"message": f"Project '{project.name}' created successfully",
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/{project_id}")
|
|
||||||
async def get_project(project_id: str, db: Session = Depends(get_db)):
|
|
||||||
"""
|
|
||||||
Get project details by ID.
|
|
||||||
Returns JSON with full project data.
|
|
||||||
"""
|
|
||||||
project = db.query(Project).filter_by(id=project_id).first()
|
|
||||||
if not project:
|
|
||||||
raise HTTPException(status_code=404, detail="Project not found")
|
|
||||||
|
|
||||||
project_type = db.query(ProjectType).filter_by(id=project.project_type_id).first()
|
|
||||||
|
|
||||||
return {
|
|
||||||
"id": project.id,
|
|
||||||
"name": project.name,
|
|
||||||
"description": project.description,
|
|
||||||
"project_type_id": project.project_type_id,
|
|
||||||
"project_type_name": project_type.name if project_type else None,
|
|
||||||
"status": project.status,
|
|
||||||
"client_name": project.client_name,
|
|
||||||
"site_address": project.site_address,
|
|
||||||
"site_coordinates": project.site_coordinates,
|
|
||||||
"start_date": project.start_date.isoformat() if project.start_date else None,
|
|
||||||
"end_date": project.end_date.isoformat() if project.end_date else None,
|
|
||||||
"created_at": project.created_at.isoformat(),
|
|
||||||
"updated_at": project.updated_at.isoformat(),
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@router.put("/{project_id}")
|
|
||||||
async def update_project(
|
|
||||||
project_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Update project details.
|
|
||||||
Expects JSON body with fields to update.
|
|
||||||
"""
|
|
||||||
project = db.query(Project).filter_by(id=project_id).first()
|
|
||||||
if not project:
|
|
||||||
raise HTTPException(status_code=404, detail="Project not found")
|
|
||||||
|
|
||||||
data = await request.json()
|
|
||||||
|
|
||||||
# Update fields if provided
|
|
||||||
if "name" in data:
|
|
||||||
project.name = data["name"]
|
|
||||||
if "description" in data:
|
|
||||||
project.description = data["description"]
|
|
||||||
if "status" in data:
|
|
||||||
project.status = data["status"]
|
|
||||||
if "client_name" in data:
|
|
||||||
project.client_name = data["client_name"]
|
|
||||||
if "site_address" in data:
|
|
||||||
project.site_address = data["site_address"]
|
|
||||||
if "site_coordinates" in data:
|
|
||||||
project.site_coordinates = data["site_coordinates"]
|
|
||||||
if "start_date" in data:
|
|
||||||
project.start_date = datetime.fromisoformat(data["start_date"]) if data["start_date"] else None
|
|
||||||
if "end_date" in data:
|
|
||||||
project.end_date = datetime.fromisoformat(data["end_date"]) if data["end_date"] else None
|
|
||||||
|
|
||||||
project.updated_at = datetime.utcnow()
|
|
||||||
|
|
||||||
db.commit()
|
|
||||||
|
|
||||||
return {"success": True, "message": "Project updated successfully"}
|
|
||||||
|
|
||||||
|
|
||||||
@router.delete("/{project_id}")
|
|
||||||
async def delete_project(project_id: str, db: Session = Depends(get_db)):
|
|
||||||
"""
|
|
||||||
Delete a project (soft delete by archiving).
|
|
||||||
"""
|
|
||||||
project = db.query(Project).filter_by(id=project_id).first()
|
|
||||||
if not project:
|
|
||||||
raise HTTPException(status_code=404, detail="Project not found")
|
|
||||||
|
|
||||||
project.status = "archived"
|
|
||||||
project.updated_at = datetime.utcnow()
|
|
||||||
|
|
||||||
db.commit()
|
|
||||||
|
|
||||||
return {"success": True, "message": "Project archived successfully"}
|
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# Project Dashboard Data
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
@router.get("/{project_id}/dashboard", response_class=HTMLResponse)
|
|
||||||
async def get_project_dashboard(
|
|
||||||
project_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Get project dashboard data.
|
|
||||||
Returns HTML partial with project summary.
|
|
||||||
"""
|
|
||||||
project = db.query(Project).filter_by(id=project_id).first()
|
|
||||||
if not project:
|
|
||||||
raise HTTPException(status_code=404, detail="Project not found")
|
|
||||||
|
|
||||||
project_type = db.query(ProjectType).filter_by(id=project.project_type_id).first()
|
|
||||||
|
|
||||||
# Get locations
|
|
||||||
locations = db.query(MonitoringLocation).filter_by(project_id=project_id).all()
|
|
||||||
|
|
||||||
# Get assigned units with details
|
|
||||||
assignments = db.query(UnitAssignment).filter(
|
|
||||||
and_(
|
|
||||||
UnitAssignment.project_id == project_id,
|
|
||||||
UnitAssignment.status == "active",
|
|
||||||
)
|
|
||||||
).all()
|
|
||||||
|
|
||||||
assigned_units = []
|
|
||||||
for assignment in assignments:
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=assignment.unit_id).first()
|
|
||||||
if unit:
|
|
||||||
assigned_units.append({
|
|
||||||
"assignment": assignment,
|
|
||||||
"unit": unit,
|
|
||||||
})
|
|
||||||
|
|
||||||
# Get active recording sessions
|
|
||||||
active_sessions = db.query(RecordingSession).filter(
|
|
||||||
and_(
|
|
||||||
RecordingSession.project_id == project_id,
|
|
||||||
RecordingSession.status == "recording",
|
|
||||||
)
|
|
||||||
).all()
|
|
||||||
|
|
||||||
# Get completed sessions count
|
|
||||||
completed_sessions_count = db.query(func.count(RecordingSession.id)).filter(
|
|
||||||
and_(
|
|
||||||
RecordingSession.project_id == project_id,
|
|
||||||
RecordingSession.status == "completed",
|
|
||||||
)
|
|
||||||
).scalar()
|
|
||||||
|
|
||||||
# Get upcoming scheduled actions
|
|
||||||
upcoming_actions = db.query(ScheduledAction).filter(
|
|
||||||
and_(
|
|
||||||
ScheduledAction.project_id == project_id,
|
|
||||||
ScheduledAction.execution_status == "pending",
|
|
||||||
ScheduledAction.scheduled_time > datetime.utcnow(),
|
|
||||||
)
|
|
||||||
).order_by(ScheduledAction.scheduled_time).limit(5).all()
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/projects/project_dashboard.html", {
|
|
||||||
"request": request,
|
|
||||||
"project": project,
|
|
||||||
"project_type": project_type,
|
|
||||||
"locations": locations,
|
|
||||||
"assigned_units": assigned_units,
|
|
||||||
"active_sessions": active_sessions,
|
|
||||||
"completed_sessions_count": completed_sessions_count,
|
|
||||||
"upcoming_actions": upcoming_actions,
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# Project Types
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
@router.get("/{project_id}/header", response_class=JSONResponse)
|
|
||||||
async def get_project_header(project_id: str, db: Session = Depends(get_db)):
|
|
||||||
"""
|
|
||||||
Get project header information for dynamic display.
|
|
||||||
Returns JSON with project name, status, and type.
|
|
||||||
"""
|
|
||||||
project = db.query(Project).filter_by(id=project_id).first()
|
|
||||||
if not project:
|
|
||||||
raise HTTPException(status_code=404, detail="Project not found")
|
|
||||||
|
|
||||||
project_type = db.query(ProjectType).filter_by(id=project.project_type_id).first()
|
|
||||||
|
|
||||||
return JSONResponse({
|
|
||||||
"id": project.id,
|
|
||||||
"name": project.name,
|
|
||||||
"status": project.status,
|
|
||||||
"project_type_id": project.project_type_id,
|
|
||||||
"project_type_name": project_type.name if project_type else None,
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/{project_id}/units", response_class=HTMLResponse)
|
|
||||||
async def get_project_units(
|
|
||||||
project_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Get all units assigned to this project's locations.
|
|
||||||
Returns HTML partial with unit list.
|
|
||||||
"""
|
|
||||||
from backend.models import DataFile
|
|
||||||
|
|
||||||
# Get all assignments for this project
|
|
||||||
assignments = db.query(UnitAssignment).filter(
|
|
||||||
and_(
|
|
||||||
UnitAssignment.project_id == project_id,
|
|
||||||
UnitAssignment.status == "active",
|
|
||||||
)
|
|
||||||
).all()
|
|
||||||
|
|
||||||
# Enrich with unit and location details
|
|
||||||
units_data = []
|
|
||||||
for assignment in assignments:
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=assignment.unit_id).first()
|
|
||||||
location = db.query(MonitoringLocation).filter_by(id=assignment.location_id).first()
|
|
||||||
|
|
||||||
# Count sessions for this assignment
|
|
||||||
session_count = db.query(func.count(RecordingSession.id)).filter_by(
|
|
||||||
location_id=assignment.location_id,
|
|
||||||
unit_id=assignment.unit_id,
|
|
||||||
).scalar()
|
|
||||||
|
|
||||||
# Count files from sessions
|
|
||||||
file_count = db.query(func.count(DataFile.id)).join(
|
|
||||||
RecordingSession,
|
|
||||||
DataFile.session_id == RecordingSession.id
|
|
||||||
).filter(
|
|
||||||
RecordingSession.location_id == assignment.location_id,
|
|
||||||
RecordingSession.unit_id == assignment.unit_id,
|
|
||||||
).scalar()
|
|
||||||
|
|
||||||
# Check if currently recording
|
|
||||||
active_session = db.query(RecordingSession).filter(
|
|
||||||
and_(
|
|
||||||
RecordingSession.location_id == assignment.location_id,
|
|
||||||
RecordingSession.unit_id == assignment.unit_id,
|
|
||||||
RecordingSession.status == "recording",
|
|
||||||
)
|
|
||||||
).first()
|
|
||||||
|
|
||||||
units_data.append({
|
|
||||||
"assignment": assignment,
|
|
||||||
"unit": unit,
|
|
||||||
"location": location,
|
|
||||||
"session_count": session_count,
|
|
||||||
"file_count": file_count,
|
|
||||||
"active_session": active_session,
|
|
||||||
})
|
|
||||||
|
|
||||||
# Get project type for label context
|
|
||||||
project = db.query(Project).filter_by(id=project_id).first()
|
|
||||||
project_type = db.query(ProjectType).filter_by(id=project.project_type_id).first() if project else None
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/projects/unit_list.html", {
|
|
||||||
"request": request,
|
|
||||||
"project_id": project_id,
|
|
||||||
"units": units_data,
|
|
||||||
"project_type": project_type,
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/{project_id}/schedules", response_class=HTMLResponse)
|
|
||||||
async def get_project_schedules(
|
|
||||||
project_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
status: Optional[str] = Query(None),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Get scheduled actions for this project.
|
|
||||||
Returns HTML partial with schedule list.
|
|
||||||
Optional status filter: pending, completed, failed, cancelled
|
|
||||||
"""
|
|
||||||
query = db.query(ScheduledAction).filter_by(project_id=project_id)
|
|
||||||
|
|
||||||
# Filter by status if provided
|
|
||||||
if status:
|
|
||||||
query = query.filter(ScheduledAction.execution_status == status)
|
|
||||||
|
|
||||||
schedules = query.order_by(ScheduledAction.scheduled_time.desc()).all()
|
|
||||||
|
|
||||||
# Enrich with location details
|
|
||||||
schedules_data = []
|
|
||||||
for schedule in schedules:
|
|
||||||
location = None
|
|
||||||
if schedule.location_id:
|
|
||||||
location = db.query(MonitoringLocation).filter_by(id=schedule.location_id).first()
|
|
||||||
|
|
||||||
schedules_data.append({
|
|
||||||
"schedule": schedule,
|
|
||||||
"location": location,
|
|
||||||
})
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/projects/schedule_list.html", {
|
|
||||||
"request": request,
|
|
||||||
"project_id": project_id,
|
|
||||||
"schedules": schedules_data,
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/{project_id}/sessions", response_class=HTMLResponse)
|
|
||||||
async def get_project_sessions(
|
|
||||||
project_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
status: Optional[str] = Query(None),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Get all recording sessions for this project.
|
|
||||||
Returns HTML partial with session list.
|
|
||||||
Optional status filter: recording, completed, paused, failed
|
|
||||||
"""
|
|
||||||
query = db.query(RecordingSession).filter_by(project_id=project_id)
|
|
||||||
|
|
||||||
# Filter by status if provided
|
|
||||||
if status:
|
|
||||||
query = query.filter(RecordingSession.status == status)
|
|
||||||
|
|
||||||
sessions = query.order_by(RecordingSession.started_at.desc()).all()
|
|
||||||
|
|
||||||
# Enrich with unit and location details
|
|
||||||
sessions_data = []
|
|
||||||
for session in sessions:
|
|
||||||
unit = None
|
|
||||||
location = None
|
|
||||||
|
|
||||||
if session.unit_id:
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=session.unit_id).first()
|
|
||||||
if session.location_id:
|
|
||||||
location = db.query(MonitoringLocation).filter_by(id=session.location_id).first()
|
|
||||||
|
|
||||||
sessions_data.append({
|
|
||||||
"session": session,
|
|
||||||
"unit": unit,
|
|
||||||
"location": location,
|
|
||||||
})
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/projects/session_list.html", {
|
|
||||||
"request": request,
|
|
||||||
"project_id": project_id,
|
|
||||||
"sessions": sessions_data,
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/{project_id}/files", response_class=HTMLResponse)
|
|
||||||
async def get_project_files(
|
|
||||||
project_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
file_type: Optional[str] = Query(None),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Get all data files from all sessions in this project.
|
|
||||||
Returns HTML partial with file list.
|
|
||||||
Optional file_type filter: audio, data, log, etc.
|
|
||||||
"""
|
|
||||||
from backend.models import DataFile
|
|
||||||
|
|
||||||
# Join through RecordingSession to get project files
|
|
||||||
query = db.query(DataFile).join(
|
|
||||||
RecordingSession,
|
|
||||||
DataFile.session_id == RecordingSession.id
|
|
||||||
).filter(RecordingSession.project_id == project_id)
|
|
||||||
|
|
||||||
# Filter by file type if provided
|
|
||||||
if file_type:
|
|
||||||
query = query.filter(DataFile.file_type == file_type)
|
|
||||||
|
|
||||||
files = query.order_by(DataFile.created_at.desc()).all()
|
|
||||||
|
|
||||||
# Enrich with session details
|
|
||||||
files_data = []
|
|
||||||
for file in files:
|
|
||||||
session = None
|
|
||||||
if file.session_id:
|
|
||||||
session = db.query(RecordingSession).filter_by(id=file.session_id).first()
|
|
||||||
|
|
||||||
files_data.append({
|
|
||||||
"file": file,
|
|
||||||
"session": session,
|
|
||||||
})
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/projects/file_list.html", {
|
|
||||||
"request": request,
|
|
||||||
"project_id": project_id,
|
|
||||||
"files": files_data,
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/{project_id}/ftp-browser", response_class=HTMLResponse)
|
|
||||||
async def get_ftp_browser(
|
|
||||||
project_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Get FTP browser interface for downloading files from assigned SLMs.
|
|
||||||
Returns HTML partial with FTP browser.
|
|
||||||
"""
|
|
||||||
from backend.models import DataFile
|
|
||||||
|
|
||||||
# Get all assignments for this project
|
|
||||||
assignments = db.query(UnitAssignment).filter(
|
|
||||||
and_(
|
|
||||||
UnitAssignment.project_id == project_id,
|
|
||||||
UnitAssignment.status == "active",
|
|
||||||
)
|
|
||||||
).all()
|
|
||||||
|
|
||||||
# Enrich with unit and location details
|
|
||||||
units_data = []
|
|
||||||
for assignment in assignments:
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=assignment.unit_id).first()
|
|
||||||
location = db.query(MonitoringLocation).filter_by(id=assignment.location_id).first()
|
|
||||||
|
|
||||||
# Only include SLM units
|
|
||||||
if unit and unit.device_type == "sound_level_meter":
|
|
||||||
units_data.append({
|
|
||||||
"assignment": assignment,
|
|
||||||
"unit": unit,
|
|
||||||
"location": location,
|
|
||||||
})
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/projects/ftp_browser.html", {
|
|
||||||
"request": request,
|
|
||||||
"project_id": project_id,
|
|
||||||
"units": units_data,
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.post("/{project_id}/ftp-download-to-server")
|
|
||||||
async def ftp_download_to_server(
|
|
||||||
project_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Download a file from an SLM to the server via FTP.
|
|
||||||
Creates a DataFile record and stores the file in data/Projects/{project_id}/
|
|
||||||
"""
|
|
||||||
import httpx
|
|
||||||
import os
|
|
||||||
import hashlib
|
|
||||||
from pathlib import Path
|
|
||||||
from backend.models import DataFile
|
|
||||||
|
|
||||||
data = await request.json()
|
|
||||||
unit_id = data.get("unit_id")
|
|
||||||
remote_path = data.get("remote_path")
|
|
||||||
location_id = data.get("location_id")
|
|
||||||
|
|
||||||
if not unit_id or not remote_path:
|
|
||||||
raise HTTPException(status_code=400, detail="Missing unit_id or remote_path")
|
|
||||||
|
|
||||||
# Get or create active session for this location/unit
|
|
||||||
session = db.query(RecordingSession).filter(
|
|
||||||
and_(
|
|
||||||
RecordingSession.project_id == project_id,
|
|
||||||
RecordingSession.location_id == location_id,
|
|
||||||
RecordingSession.unit_id == unit_id,
|
|
||||||
RecordingSession.status.in_(["recording", "paused"])
|
|
||||||
)
|
|
||||||
).first()
|
|
||||||
|
|
||||||
# If no active session, create one
|
|
||||||
if not session:
|
|
||||||
session = RecordingSession(
|
|
||||||
id=str(uuid.uuid4()),
|
|
||||||
project_id=project_id,
|
|
||||||
location_id=location_id,
|
|
||||||
unit_id=unit_id,
|
|
||||||
status="completed",
|
|
||||||
started_at=datetime.utcnow(),
|
|
||||||
stopped_at=datetime.utcnow(),
|
|
||||||
notes="Auto-created for FTP download"
|
|
||||||
)
|
|
||||||
db.add(session)
|
|
||||||
db.commit()
|
|
||||||
db.refresh(session)
|
|
||||||
|
|
||||||
# Download file from SLMM
|
|
||||||
SLMM_BASE_URL = os.getenv("SLMM_BASE_URL", "http://localhost:8100")
|
|
||||||
|
|
||||||
try:
|
|
||||||
async with httpx.AsyncClient(timeout=300.0) as client:
|
|
||||||
response = await client.post(
|
|
||||||
f"{SLMM_BASE_URL}/api/nl43/{unit_id}/ftp/download",
|
|
||||||
json={"remote_path": remote_path}
|
|
||||||
)
|
|
||||||
|
|
||||||
if not response.is_success:
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=response.status_code,
|
|
||||||
detail=f"Failed to download from SLMM: {response.text}"
|
|
||||||
)
|
|
||||||
|
|
||||||
# Extract filename from remote_path
|
|
||||||
filename = os.path.basename(remote_path)
|
|
||||||
|
|
||||||
# Determine file type from extension
|
|
||||||
ext = os.path.splitext(filename)[1].lower()
|
|
||||||
file_type_map = {
|
|
||||||
'.wav': 'audio',
|
|
||||||
'.mp3': 'audio',
|
|
||||||
'.csv': 'data',
|
|
||||||
'.txt': 'data',
|
|
||||||
'.log': 'log',
|
|
||||||
'.json': 'data',
|
|
||||||
}
|
|
||||||
file_type = file_type_map.get(ext, 'data')
|
|
||||||
|
|
||||||
# Create directory structure: data/Projects/{project_id}/{session_id}/
|
|
||||||
project_dir = Path(f"data/Projects/{project_id}/{session.id}")
|
|
||||||
project_dir.mkdir(parents=True, exist_ok=True)
|
|
||||||
|
|
||||||
# Save file to disk
|
|
||||||
file_path = project_dir / filename
|
|
||||||
file_content = response.content
|
|
||||||
|
|
||||||
with open(file_path, 'wb') as f:
|
|
||||||
f.write(file_content)
|
|
||||||
|
|
||||||
# Calculate checksum
|
|
||||||
checksum = hashlib.sha256(file_content).hexdigest()
|
|
||||||
|
|
||||||
# Create DataFile record
|
|
||||||
data_file = DataFile(
|
|
||||||
id=str(uuid.uuid4()),
|
|
||||||
session_id=session.id,
|
|
||||||
file_path=str(file_path.relative_to("data")), # Store relative to data/
|
|
||||||
file_type=file_type,
|
|
||||||
file_size_bytes=len(file_content),
|
|
||||||
downloaded_at=datetime.utcnow(),
|
|
||||||
checksum=checksum,
|
|
||||||
file_metadata=json.dumps({
|
|
||||||
"source": "ftp",
|
|
||||||
"remote_path": remote_path,
|
|
||||||
"unit_id": unit_id,
|
|
||||||
"location_id": location_id,
|
|
||||||
})
|
|
||||||
)
|
|
||||||
|
|
||||||
db.add(data_file)
|
|
||||||
db.commit()
|
|
||||||
|
|
||||||
return {
|
|
||||||
"success": True,
|
|
||||||
"message": f"Downloaded {filename} to server",
|
|
||||||
"file_id": data_file.id,
|
|
||||||
"file_path": str(file_path),
|
|
||||||
"file_size": len(file_content),
|
|
||||||
}
|
|
||||||
|
|
||||||
except httpx.TimeoutException:
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=504,
|
|
||||||
detail="Timeout downloading file from SLM"
|
|
||||||
)
|
|
||||||
except Exception as e:
|
|
||||||
logger.error(f"Error downloading file to server: {e}")
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=500,
|
|
||||||
detail=f"Failed to download file to server: {str(e)}"
|
|
||||||
)
|
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# Project Types
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
@router.get("/types/list", response_class=HTMLResponse)
|
|
||||||
async def get_project_types(request: Request, db: Session = Depends(get_db)):
|
|
||||||
"""
|
|
||||||
Get all available project types.
|
|
||||||
Returns HTML partial with project type cards.
|
|
||||||
"""
|
|
||||||
project_types = db.query(ProjectType).all()
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/projects/project_type_cards.html", {
|
|
||||||
"request": request,
|
|
||||||
"project_types": project_types,
|
|
||||||
})
|
|
||||||
@@ -1,21 +1,13 @@
|
|||||||
from fastapi import APIRouter, Depends, HTTPException, Form, UploadFile, File, Request
|
from fastapi import APIRouter, Depends, HTTPException, Form, UploadFile, File
|
||||||
from fastapi.exceptions import RequestValidationError
|
|
||||||
from sqlalchemy.orm import Session
|
from sqlalchemy.orm import Session
|
||||||
from datetime import datetime, date
|
from datetime import datetime, date
|
||||||
import csv
|
import csv
|
||||||
import io
|
import io
|
||||||
import logging
|
|
||||||
import httpx
|
|
||||||
import os
|
|
||||||
|
|
||||||
from backend.database import get_db
|
from backend.database import get_db
|
||||||
from backend.models import RosterUnit, IgnoredUnit, Emitter, UnitHistory
|
from backend.models import RosterUnit, IgnoredUnit, Emitter, UnitHistory
|
||||||
|
|
||||||
router = APIRouter(prefix="/api/roster", tags=["roster-edit"])
|
router = APIRouter(prefix="/api/roster", tags=["roster-edit"])
|
||||||
logger = logging.getLogger(__name__)
|
|
||||||
|
|
||||||
# SLMM backend URL for syncing device configs to cache
|
|
||||||
SLMM_BASE_URL = os.getenv("SLMM_BASE_URL", "http://localhost:8100")
|
|
||||||
|
|
||||||
|
|
||||||
def record_history(db: Session, unit_id: str, change_type: str, field_name: str = None,
|
def record_history(db: Session, unit_id: str, change_type: str, field_name: str = None,
|
||||||
@@ -45,98 +37,13 @@ def get_or_create_roster_unit(db: Session, unit_id: str):
|
|||||||
return unit
|
return unit
|
||||||
|
|
||||||
|
|
||||||
async def sync_slm_to_slmm_cache(
|
|
||||||
unit_id: str,
|
|
||||||
host: str = None,
|
|
||||||
tcp_port: int = None,
|
|
||||||
ftp_port: int = None,
|
|
||||||
ftp_username: str = None,
|
|
||||||
ftp_password: str = None,
|
|
||||||
deployed_with_modem_id: str = None,
|
|
||||||
db: Session = None
|
|
||||||
) -> dict:
|
|
||||||
"""
|
|
||||||
Sync SLM device configuration to SLMM backend cache.
|
|
||||||
|
|
||||||
Terra-View is the source of truth for device configs. This function updates
|
|
||||||
SLMM's config cache (NL43Config table) so SLMM can look up device connection
|
|
||||||
info by unit_id without Terra-View passing host:port with every request.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unique identifier for the SLM device
|
|
||||||
host: Direct IP address/hostname OR will be resolved from modem
|
|
||||||
tcp_port: TCP control port (default: 2255)
|
|
||||||
ftp_port: FTP port (default: 21)
|
|
||||||
ftp_username: FTP username (optional)
|
|
||||||
ftp_password: FTP password (optional)
|
|
||||||
deployed_with_modem_id: If set, resolve modem IP as host
|
|
||||||
db: Database session for modem lookup
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
dict: {"success": bool, "message": str}
|
|
||||||
"""
|
|
||||||
# Resolve host from modem if assigned
|
|
||||||
if deployed_with_modem_id and db:
|
|
||||||
modem = db.query(RosterUnit).filter_by(
|
|
||||||
id=deployed_with_modem_id,
|
|
||||||
device_type="modem"
|
|
||||||
).first()
|
|
||||||
if modem and modem.ip_address:
|
|
||||||
host = modem.ip_address
|
|
||||||
logger.info(f"Resolved host from modem {deployed_with_modem_id}: {host}")
|
|
||||||
|
|
||||||
# Validate required fields
|
|
||||||
if not host:
|
|
||||||
logger.warning(f"Cannot sync SLM {unit_id} to SLMM: no host/IP address provided")
|
|
||||||
return {"success": False, "message": "No host IP address available"}
|
|
||||||
|
|
||||||
# Set defaults
|
|
||||||
tcp_port = tcp_port or 2255
|
|
||||||
ftp_port = ftp_port or 21
|
|
||||||
|
|
||||||
# Build SLMM cache payload
|
|
||||||
config_payload = {
|
|
||||||
"host": host,
|
|
||||||
"tcp_port": tcp_port,
|
|
||||||
"tcp_enabled": True,
|
|
||||||
"ftp_enabled": bool(ftp_username and ftp_password),
|
|
||||||
"web_enabled": False
|
|
||||||
}
|
|
||||||
|
|
||||||
if ftp_username and ftp_password:
|
|
||||||
config_payload["ftp_username"] = ftp_username
|
|
||||||
config_payload["ftp_password"] = ftp_password
|
|
||||||
|
|
||||||
# Call SLMM cache update API
|
|
||||||
slmm_url = f"{SLMM_BASE_URL}/api/nl43/{unit_id}/config"
|
|
||||||
|
|
||||||
try:
|
|
||||||
async with httpx.AsyncClient(timeout=10.0) as client:
|
|
||||||
response = await client.put(slmm_url, json=config_payload)
|
|
||||||
|
|
||||||
if response.status_code in [200, 201]:
|
|
||||||
logger.info(f"Successfully synced SLM {unit_id} to SLMM cache")
|
|
||||||
return {"success": True, "message": "Device config cached in SLMM"}
|
|
||||||
else:
|
|
||||||
logger.error(f"SLMM cache sync failed for {unit_id}: HTTP {response.status_code}")
|
|
||||||
return {"success": False, "message": f"SLMM returned status {response.status_code}"}
|
|
||||||
|
|
||||||
except httpx.ConnectError:
|
|
||||||
logger.error(f"Cannot connect to SLMM service at {SLMM_BASE_URL}")
|
|
||||||
return {"success": False, "message": "SLMM service unavailable"}
|
|
||||||
|
|
||||||
except Exception as e:
|
|
||||||
logger.error(f"Error syncing SLM {unit_id} to SLMM: {e}")
|
|
||||||
return {"success": False, "message": str(e)}
|
|
||||||
|
|
||||||
|
|
||||||
@router.post("/add")
|
@router.post("/add")
|
||||||
async def add_roster_unit(
|
def add_roster_unit(
|
||||||
id: str = Form(...),
|
id: str = Form(...),
|
||||||
device_type: str = Form("seismograph"),
|
device_type: str = Form("seismograph"),
|
||||||
unit_type: str = Form("series3"),
|
unit_type: str = Form("series3"),
|
||||||
deployed: str = Form(None),
|
deployed: bool = Form(False),
|
||||||
retired: str = Form(None),
|
retired: bool = Form(False),
|
||||||
note: str = Form(""),
|
note: str = Form(""),
|
||||||
project_id: str = Form(None),
|
project_id: str = Form(None),
|
||||||
location: str = Form(None),
|
location: str = Form(None),
|
||||||
@@ -150,27 +57,8 @@ async def add_roster_unit(
|
|||||||
ip_address: str = Form(None),
|
ip_address: str = Form(None),
|
||||||
phone_number: str = Form(None),
|
phone_number: str = Form(None),
|
||||||
hardware_model: str = Form(None),
|
hardware_model: str = Form(None),
|
||||||
# Sound Level Meter-specific fields
|
|
||||||
slm_host: str = Form(None),
|
|
||||||
slm_tcp_port: str = Form(None),
|
|
||||||
slm_ftp_port: str = Form(None),
|
|
||||||
slm_model: str = Form(None),
|
|
||||||
slm_serial_number: str = Form(None),
|
|
||||||
slm_frequency_weighting: str = Form(None),
|
|
||||||
slm_time_weighting: str = Form(None),
|
|
||||||
slm_measurement_range: str = Form(None),
|
|
||||||
db: Session = Depends(get_db)
|
db: Session = Depends(get_db)
|
||||||
):
|
):
|
||||||
logger.info(f"Adding unit: id={id}, device_type={device_type}, deployed={deployed}, retired={retired}")
|
|
||||||
|
|
||||||
# Convert boolean strings to actual booleans
|
|
||||||
deployed_bool = deployed in ['true', 'True', '1', 'yes'] if deployed else False
|
|
||||||
retired_bool = retired in ['true', 'True', '1', 'yes'] if retired else False
|
|
||||||
|
|
||||||
# Convert port strings to integers
|
|
||||||
slm_tcp_port_int = int(slm_tcp_port) if slm_tcp_port and slm_tcp_port.strip() else None
|
|
||||||
slm_ftp_port_int = int(slm_ftp_port) if slm_ftp_port and slm_ftp_port.strip() else None
|
|
||||||
|
|
||||||
if db.query(RosterUnit).filter(RosterUnit.id == id).first():
|
if db.query(RosterUnit).filter(RosterUnit.id == id).first():
|
||||||
raise HTTPException(status_code=400, detail="Unit already exists")
|
raise HTTPException(status_code=400, detail="Unit already exists")
|
||||||
|
|
||||||
@@ -193,8 +81,8 @@ async def add_roster_unit(
|
|||||||
id=id,
|
id=id,
|
||||||
device_type=device_type,
|
device_type=device_type,
|
||||||
unit_type=unit_type,
|
unit_type=unit_type,
|
||||||
deployed=deployed_bool,
|
deployed=deployed,
|
||||||
retired=retired_bool,
|
retired=retired,
|
||||||
note=note,
|
note=note,
|
||||||
project_id=project_id,
|
project_id=project_id,
|
||||||
location=location,
|
location=location,
|
||||||
@@ -209,56 +97,12 @@ async def add_roster_unit(
|
|||||||
ip_address=ip_address if ip_address else None,
|
ip_address=ip_address if ip_address else None,
|
||||||
phone_number=phone_number if phone_number else None,
|
phone_number=phone_number if phone_number else None,
|
||||||
hardware_model=hardware_model if hardware_model else None,
|
hardware_model=hardware_model if hardware_model else None,
|
||||||
# Sound Level Meter-specific fields
|
|
||||||
slm_host=slm_host if slm_host else None,
|
|
||||||
slm_tcp_port=slm_tcp_port_int,
|
|
||||||
slm_ftp_port=slm_ftp_port_int,
|
|
||||||
slm_model=slm_model if slm_model else None,
|
|
||||||
slm_serial_number=slm_serial_number if slm_serial_number else None,
|
|
||||||
slm_frequency_weighting=slm_frequency_weighting if slm_frequency_weighting else None,
|
|
||||||
slm_time_weighting=slm_time_weighting if slm_time_weighting else None,
|
|
||||||
slm_measurement_range=slm_measurement_range if slm_measurement_range else None,
|
|
||||||
)
|
)
|
||||||
db.add(unit)
|
db.add(unit)
|
||||||
db.commit()
|
db.commit()
|
||||||
|
|
||||||
# If sound level meter, sync config to SLMM cache
|
|
||||||
if device_type == "sound_level_meter":
|
|
||||||
logger.info(f"Syncing SLM {id} config to SLMM cache...")
|
|
||||||
result = await sync_slm_to_slmm_cache(
|
|
||||||
unit_id=id,
|
|
||||||
host=slm_host,
|
|
||||||
tcp_port=slm_tcp_port_int,
|
|
||||||
ftp_port=slm_ftp_port_int,
|
|
||||||
deployed_with_modem_id=deployed_with_modem_id,
|
|
||||||
db=db
|
|
||||||
)
|
|
||||||
|
|
||||||
if not result["success"]:
|
|
||||||
logger.warning(f"SLMM cache sync warning for {id}: {result['message']}")
|
|
||||||
# Don't fail the operation - device is still added to Terra-View roster
|
|
||||||
# User can manually sync later or SLMM will be synced on next config update
|
|
||||||
|
|
||||||
return {"message": "Unit added", "id": id, "device_type": device_type}
|
return {"message": "Unit added", "id": id, "device_type": device_type}
|
||||||
|
|
||||||
|
|
||||||
@router.get("/modems")
|
|
||||||
def get_modems_list(db: Session = Depends(get_db)):
|
|
||||||
"""Get list of all modem units for dropdown selection"""
|
|
||||||
modems = db.query(RosterUnit).filter_by(device_type="modem", retired=False).order_by(RosterUnit.id).all()
|
|
||||||
|
|
||||||
return [
|
|
||||||
{
|
|
||||||
"id": modem.id,
|
|
||||||
"ip_address": modem.ip_address,
|
|
||||||
"phone_number": modem.phone_number,
|
|
||||||
"hardware_model": modem.hardware_model,
|
|
||||||
"deployed": modem.deployed
|
|
||||||
}
|
|
||||||
for modem in modems
|
|
||||||
]
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/{unit_id}")
|
@router.get("/{unit_id}")
|
||||||
def get_roster_unit(unit_id: str, db: Session = Depends(get_db)):
|
def get_roster_unit(unit_id: str, db: Session = Depends(get_db)):
|
||||||
"""Get a single roster unit by ID"""
|
"""Get a single roster unit by ID"""
|
||||||
@@ -283,14 +127,6 @@ def get_roster_unit(unit_id: str, db: Session = Depends(get_db)):
|
|||||||
"ip_address": unit.ip_address or "",
|
"ip_address": unit.ip_address or "",
|
||||||
"phone_number": unit.phone_number or "",
|
"phone_number": unit.phone_number or "",
|
||||||
"hardware_model": unit.hardware_model or "",
|
"hardware_model": unit.hardware_model or "",
|
||||||
"slm_host": unit.slm_host or "",
|
|
||||||
"slm_tcp_port": unit.slm_tcp_port or "",
|
|
||||||
"slm_ftp_port": unit.slm_ftp_port or "",
|
|
||||||
"slm_model": unit.slm_model or "",
|
|
||||||
"slm_serial_number": unit.slm_serial_number or "",
|
|
||||||
"slm_frequency_weighting": unit.slm_frequency_weighting or "",
|
|
||||||
"slm_time_weighting": unit.slm_time_weighting or "",
|
|
||||||
"slm_measurement_range": unit.slm_measurement_range or "",
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -299,8 +135,8 @@ def edit_roster_unit(
|
|||||||
unit_id: str,
|
unit_id: str,
|
||||||
device_type: str = Form("seismograph"),
|
device_type: str = Form("seismograph"),
|
||||||
unit_type: str = Form("series3"),
|
unit_type: str = Form("series3"),
|
||||||
deployed: str = Form(None),
|
deployed: bool = Form(False),
|
||||||
retired: str = Form(None),
|
retired: bool = Form(False),
|
||||||
note: str = Form(""),
|
note: str = Form(""),
|
||||||
project_id: str = Form(None),
|
project_id: str = Form(None),
|
||||||
location: str = Form(None),
|
location: str = Form(None),
|
||||||
@@ -314,29 +150,12 @@ def edit_roster_unit(
|
|||||||
ip_address: str = Form(None),
|
ip_address: str = Form(None),
|
||||||
phone_number: str = Form(None),
|
phone_number: str = Form(None),
|
||||||
hardware_model: str = Form(None),
|
hardware_model: str = Form(None),
|
||||||
# Sound Level Meter-specific fields
|
|
||||||
slm_host: str = Form(None),
|
|
||||||
slm_tcp_port: str = Form(None),
|
|
||||||
slm_ftp_port: str = Form(None),
|
|
||||||
slm_model: str = Form(None),
|
|
||||||
slm_serial_number: str = Form(None),
|
|
||||||
slm_frequency_weighting: str = Form(None),
|
|
||||||
slm_time_weighting: str = Form(None),
|
|
||||||
slm_measurement_range: str = Form(None),
|
|
||||||
db: Session = Depends(get_db)
|
db: Session = Depends(get_db)
|
||||||
):
|
):
|
||||||
unit = db.query(RosterUnit).filter(RosterUnit.id == unit_id).first()
|
unit = db.query(RosterUnit).filter(RosterUnit.id == unit_id).first()
|
||||||
if not unit:
|
if not unit:
|
||||||
raise HTTPException(status_code=404, detail="Unit not found")
|
raise HTTPException(status_code=404, detail="Unit not found")
|
||||||
|
|
||||||
# Convert boolean strings to actual booleans
|
|
||||||
deployed_bool = deployed in ['true', 'True', '1', 'yes'] if deployed else False
|
|
||||||
retired_bool = retired in ['true', 'True', '1', 'yes'] if retired else False
|
|
||||||
|
|
||||||
# Convert port strings to integers
|
|
||||||
slm_tcp_port_int = int(slm_tcp_port) if slm_tcp_port and slm_tcp_port.strip() else None
|
|
||||||
slm_ftp_port_int = int(slm_ftp_port) if slm_ftp_port and slm_ftp_port.strip() else None
|
|
||||||
|
|
||||||
# Parse date fields if provided
|
# Parse date fields if provided
|
||||||
last_cal_date = None
|
last_cal_date = None
|
||||||
if last_calibrated:
|
if last_calibrated:
|
||||||
@@ -360,8 +179,8 @@ def edit_roster_unit(
|
|||||||
# Update all fields
|
# Update all fields
|
||||||
unit.device_type = device_type
|
unit.device_type = device_type
|
||||||
unit.unit_type = unit_type
|
unit.unit_type = unit_type
|
||||||
unit.deployed = deployed_bool
|
unit.deployed = deployed
|
||||||
unit.retired = retired_bool
|
unit.retired = retired
|
||||||
unit.note = note
|
unit.note = note
|
||||||
unit.project_id = project_id
|
unit.project_id = project_id
|
||||||
unit.location = location
|
unit.location = location
|
||||||
@@ -379,16 +198,6 @@ def edit_roster_unit(
|
|||||||
unit.phone_number = phone_number if phone_number else None
|
unit.phone_number = phone_number if phone_number else None
|
||||||
unit.hardware_model = hardware_model if hardware_model else None
|
unit.hardware_model = hardware_model if hardware_model else None
|
||||||
|
|
||||||
# Sound Level Meter-specific fields
|
|
||||||
unit.slm_host = slm_host if slm_host else None
|
|
||||||
unit.slm_tcp_port = slm_tcp_port_int
|
|
||||||
unit.slm_ftp_port = slm_ftp_port_int
|
|
||||||
unit.slm_model = slm_model if slm_model else None
|
|
||||||
unit.slm_serial_number = slm_serial_number if slm_serial_number else None
|
|
||||||
unit.slm_frequency_weighting = slm_frequency_weighting if slm_frequency_weighting else None
|
|
||||||
unit.slm_time_weighting = slm_time_weighting if slm_time_weighting else None
|
|
||||||
unit.slm_measurement_range = slm_measurement_range if slm_measurement_range else None
|
|
||||||
|
|
||||||
# Record history entries for changed fields
|
# Record history entries for changed fields
|
||||||
if old_note != note:
|
if old_note != note:
|
||||||
record_history(db, unit_id, "note_change", "note", old_note, note, "manual")
|
record_history(db, unit_id, "note_change", "note", old_note, note, "manual")
|
||||||
|
|||||||
@@ -1,139 +0,0 @@
|
|||||||
"""
|
|
||||||
Roster Unit Rename Router
|
|
||||||
|
|
||||||
Provides endpoint for safely renaming unit IDs across all database tables.
|
|
||||||
"""
|
|
||||||
|
|
||||||
from fastapi import APIRouter, Depends, HTTPException, Form
|
|
||||||
from sqlalchemy.orm import Session
|
|
||||||
from datetime import datetime
|
|
||||||
import logging
|
|
||||||
|
|
||||||
from backend.database import get_db
|
|
||||||
from backend.models import RosterUnit, Emitter, UnitHistory
|
|
||||||
from backend.routers.roster_edit import record_history, sync_slm_to_slmm_cache
|
|
||||||
|
|
||||||
router = APIRouter(prefix="/api/roster", tags=["roster-rename"])
|
|
||||||
logger = logging.getLogger(__name__)
|
|
||||||
|
|
||||||
|
|
||||||
@router.post("/rename")
|
|
||||||
async def rename_unit(
|
|
||||||
old_id: str = Form(...),
|
|
||||||
new_id: str = Form(...),
|
|
||||||
db: Session = Depends(get_db)
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Rename a unit ID across all tables.
|
|
||||||
Updates the unit ID in roster, emitters, unit_history, and all foreign key references.
|
|
||||||
|
|
||||||
IMPORTANT: This operation updates the primary key, which affects all relationships.
|
|
||||||
"""
|
|
||||||
# Validate input
|
|
||||||
if not old_id or not new_id:
|
|
||||||
raise HTTPException(status_code=400, detail="Both old_id and new_id are required")
|
|
||||||
|
|
||||||
if old_id == new_id:
|
|
||||||
raise HTTPException(status_code=400, detail="New ID must be different from old ID")
|
|
||||||
|
|
||||||
# Check if old unit exists
|
|
||||||
old_unit = db.query(RosterUnit).filter(RosterUnit.id == old_id).first()
|
|
||||||
if not old_unit:
|
|
||||||
raise HTTPException(status_code=404, detail=f"Unit '{old_id}' not found")
|
|
||||||
|
|
||||||
# Check if new ID already exists
|
|
||||||
existing_unit = db.query(RosterUnit).filter(RosterUnit.id == new_id).first()
|
|
||||||
if existing_unit:
|
|
||||||
raise HTTPException(status_code=409, detail=f"Unit ID '{new_id}' already exists")
|
|
||||||
|
|
||||||
device_type = old_unit.device_type
|
|
||||||
|
|
||||||
try:
|
|
||||||
# Record history for the rename operation (using old_id since that's still valid)
|
|
||||||
record_history(
|
|
||||||
db=db,
|
|
||||||
unit_id=old_id,
|
|
||||||
change_type="id_change",
|
|
||||||
field_name="id",
|
|
||||||
old_value=old_id,
|
|
||||||
new_value=new_id,
|
|
||||||
source="manual",
|
|
||||||
notes=f"Unit renamed from '{old_id}' to '{new_id}'"
|
|
||||||
)
|
|
||||||
|
|
||||||
# Update roster table (primary)
|
|
||||||
old_unit.id = new_id
|
|
||||||
old_unit.last_updated = datetime.utcnow()
|
|
||||||
|
|
||||||
# Update emitters table
|
|
||||||
emitter = db.query(Emitter).filter(Emitter.id == old_id).first()
|
|
||||||
if emitter:
|
|
||||||
emitter.id = new_id
|
|
||||||
|
|
||||||
# Update unit_history table (all entries for this unit)
|
|
||||||
db.query(UnitHistory).filter(UnitHistory.unit_id == old_id).update(
|
|
||||||
{"unit_id": new_id},
|
|
||||||
synchronize_session=False
|
|
||||||
)
|
|
||||||
|
|
||||||
# Update deployed_with_modem_id references (units that reference this as modem)
|
|
||||||
db.query(RosterUnit).filter(RosterUnit.deployed_with_modem_id == old_id).update(
|
|
||||||
{"deployed_with_modem_id": new_id},
|
|
||||||
synchronize_session=False
|
|
||||||
)
|
|
||||||
|
|
||||||
# Update unit_assignments table (if exists)
|
|
||||||
try:
|
|
||||||
from backend.models import UnitAssignment
|
|
||||||
db.query(UnitAssignment).filter(UnitAssignment.unit_id == old_id).update(
|
|
||||||
{"unit_id": new_id},
|
|
||||||
synchronize_session=False
|
|
||||||
)
|
|
||||||
except Exception as e:
|
|
||||||
logger.warning(f"Could not update unit_assignments: {e}")
|
|
||||||
|
|
||||||
# Update recording_sessions table (if exists)
|
|
||||||
try:
|
|
||||||
from backend.models import RecordingSession
|
|
||||||
db.query(RecordingSession).filter(RecordingSession.unit_id == old_id).update(
|
|
||||||
{"unit_id": new_id},
|
|
||||||
synchronize_session=False
|
|
||||||
)
|
|
||||||
except Exception as e:
|
|
||||||
logger.warning(f"Could not update recording_sessions: {e}")
|
|
||||||
|
|
||||||
# Commit all changes
|
|
||||||
db.commit()
|
|
||||||
|
|
||||||
# If sound level meter, sync updated config to SLMM cache
|
|
||||||
if device_type == "sound_level_meter":
|
|
||||||
logger.info(f"Syncing renamed SLM {new_id} (was {old_id}) config to SLMM cache...")
|
|
||||||
result = await sync_slm_to_slmm_cache(
|
|
||||||
unit_id=new_id,
|
|
||||||
host=old_unit.slm_host,
|
|
||||||
tcp_port=old_unit.slm_tcp_port,
|
|
||||||
ftp_port=old_unit.slm_ftp_port,
|
|
||||||
deployed_with_modem_id=old_unit.deployed_with_modem_id,
|
|
||||||
db=db
|
|
||||||
)
|
|
||||||
|
|
||||||
if not result["success"]:
|
|
||||||
logger.warning(f"SLMM cache sync warning for renamed unit {new_id}: {result['message']}")
|
|
||||||
|
|
||||||
logger.info(f"Successfully renamed unit '{old_id}' to '{new_id}'")
|
|
||||||
|
|
||||||
return {
|
|
||||||
"success": True,
|
|
||||||
"message": f"Successfully renamed unit from '{old_id}' to '{new_id}'",
|
|
||||||
"old_id": old_id,
|
|
||||||
"new_id": new_id,
|
|
||||||
"device_type": device_type
|
|
||||||
}
|
|
||||||
|
|
||||||
except Exception as e:
|
|
||||||
db.rollback()
|
|
||||||
logger.error(f"Error renaming unit '{old_id}' to '{new_id}': {e}")
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=500,
|
|
||||||
detail=f"Failed to rename unit: {str(e)}"
|
|
||||||
)
|
|
||||||
@@ -1,409 +0,0 @@
|
|||||||
"""
|
|
||||||
Scheduler Router
|
|
||||||
|
|
||||||
Handles scheduled actions for automated recording control.
|
|
||||||
"""
|
|
||||||
|
|
||||||
from fastapi import APIRouter, Request, Depends, HTTPException, Query
|
|
||||||
from fastapi.templating import Jinja2Templates
|
|
||||||
from fastapi.responses import HTMLResponse, JSONResponse
|
|
||||||
from sqlalchemy.orm import Session
|
|
||||||
from sqlalchemy import and_, or_
|
|
||||||
from datetime import datetime, timedelta
|
|
||||||
from typing import Optional
|
|
||||||
import uuid
|
|
||||||
import json
|
|
||||||
|
|
||||||
from backend.database import get_db
|
|
||||||
from backend.models import (
|
|
||||||
Project,
|
|
||||||
ScheduledAction,
|
|
||||||
MonitoringLocation,
|
|
||||||
UnitAssignment,
|
|
||||||
RosterUnit,
|
|
||||||
)
|
|
||||||
from backend.services.scheduler import get_scheduler
|
|
||||||
|
|
||||||
router = APIRouter(prefix="/api/projects/{project_id}/scheduler", tags=["scheduler"])
|
|
||||||
templates = Jinja2Templates(directory="templates")
|
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# Scheduled Actions List
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
@router.get("/actions", response_class=HTMLResponse)
|
|
||||||
async def get_scheduled_actions(
|
|
||||||
project_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
status: Optional[str] = Query(None),
|
|
||||||
start_date: Optional[str] = Query(None),
|
|
||||||
end_date: Optional[str] = Query(None),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Get scheduled actions for a project.
|
|
||||||
Returns HTML partial with agenda/calendar view.
|
|
||||||
"""
|
|
||||||
query = db.query(ScheduledAction).filter_by(project_id=project_id)
|
|
||||||
|
|
||||||
# Filter by status
|
|
||||||
if status:
|
|
||||||
query = query.filter_by(execution_status=status)
|
|
||||||
else:
|
|
||||||
# By default, show pending and upcoming completed/failed
|
|
||||||
query = query.filter(
|
|
||||||
or_(
|
|
||||||
ScheduledAction.execution_status == "pending",
|
|
||||||
and_(
|
|
||||||
ScheduledAction.execution_status.in_(["completed", "failed"]),
|
|
||||||
ScheduledAction.scheduled_time >= datetime.utcnow() - timedelta(days=7),
|
|
||||||
),
|
|
||||||
)
|
|
||||||
)
|
|
||||||
|
|
||||||
# Filter by date range
|
|
||||||
if start_date:
|
|
||||||
query = query.filter(ScheduledAction.scheduled_time >= datetime.fromisoformat(start_date))
|
|
||||||
if end_date:
|
|
||||||
query = query.filter(ScheduledAction.scheduled_time <= datetime.fromisoformat(end_date))
|
|
||||||
|
|
||||||
actions = query.order_by(ScheduledAction.scheduled_time).all()
|
|
||||||
|
|
||||||
# Enrich with location and unit details
|
|
||||||
actions_data = []
|
|
||||||
for action in actions:
|
|
||||||
location = db.query(MonitoringLocation).filter_by(id=action.location_id).first()
|
|
||||||
|
|
||||||
unit = None
|
|
||||||
if action.unit_id:
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=action.unit_id).first()
|
|
||||||
else:
|
|
||||||
# Get from assignment
|
|
||||||
assignment = db.query(UnitAssignment).filter(
|
|
||||||
and_(
|
|
||||||
UnitAssignment.location_id == action.location_id,
|
|
||||||
UnitAssignment.status == "active",
|
|
||||||
)
|
|
||||||
).first()
|
|
||||||
if assignment:
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=assignment.unit_id).first()
|
|
||||||
|
|
||||||
actions_data.append({
|
|
||||||
"action": action,
|
|
||||||
"location": location,
|
|
||||||
"unit": unit,
|
|
||||||
})
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/projects/scheduler_agenda.html", {
|
|
||||||
"request": request,
|
|
||||||
"project_id": project_id,
|
|
||||||
"actions": actions_data,
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# Create Scheduled Action
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
@router.post("/actions/create")
|
|
||||||
async def create_scheduled_action(
|
|
||||||
project_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Create a new scheduled action.
|
|
||||||
"""
|
|
||||||
project = db.query(Project).filter_by(id=project_id).first()
|
|
||||||
if not project:
|
|
||||||
raise HTTPException(status_code=404, detail="Project not found")
|
|
||||||
|
|
||||||
form_data = await request.form()
|
|
||||||
|
|
||||||
location_id = form_data.get("location_id")
|
|
||||||
location = db.query(MonitoringLocation).filter_by(
|
|
||||||
id=location_id,
|
|
||||||
project_id=project_id,
|
|
||||||
).first()
|
|
||||||
|
|
||||||
if not location:
|
|
||||||
raise HTTPException(status_code=404, detail="Location not found")
|
|
||||||
|
|
||||||
# Determine device type from location
|
|
||||||
device_type = "sound_level_meter" if location.location_type == "sound" else "seismograph"
|
|
||||||
|
|
||||||
# Get unit_id (optional - can be determined from assignment at execution time)
|
|
||||||
unit_id = form_data.get("unit_id")
|
|
||||||
|
|
||||||
action = ScheduledAction(
|
|
||||||
id=str(uuid.uuid4()),
|
|
||||||
project_id=project_id,
|
|
||||||
location_id=location_id,
|
|
||||||
unit_id=unit_id,
|
|
||||||
action_type=form_data.get("action_type"),
|
|
||||||
device_type=device_type,
|
|
||||||
scheduled_time=datetime.fromisoformat(form_data.get("scheduled_time")),
|
|
||||||
execution_status="pending",
|
|
||||||
notes=form_data.get("notes"),
|
|
||||||
)
|
|
||||||
|
|
||||||
db.add(action)
|
|
||||||
db.commit()
|
|
||||||
db.refresh(action)
|
|
||||||
|
|
||||||
return JSONResponse({
|
|
||||||
"success": True,
|
|
||||||
"action_id": action.id,
|
|
||||||
"message": f"Scheduled action '{action.action_type}' created for {action.scheduled_time}",
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# Schedule Recording Session
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
@router.post("/schedule-session")
|
|
||||||
async def schedule_recording_session(
|
|
||||||
project_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Schedule a complete recording session (start + stop).
|
|
||||||
Creates two scheduled actions: start and stop.
|
|
||||||
"""
|
|
||||||
project = db.query(Project).filter_by(id=project_id).first()
|
|
||||||
if not project:
|
|
||||||
raise HTTPException(status_code=404, detail="Project not found")
|
|
||||||
|
|
||||||
form_data = await request.form()
|
|
||||||
|
|
||||||
location_id = form_data.get("location_id")
|
|
||||||
location = db.query(MonitoringLocation).filter_by(
|
|
||||||
id=location_id,
|
|
||||||
project_id=project_id,
|
|
||||||
).first()
|
|
||||||
|
|
||||||
if not location:
|
|
||||||
raise HTTPException(status_code=404, detail="Location not found")
|
|
||||||
|
|
||||||
device_type = "sound_level_meter" if location.location_type == "sound" else "seismograph"
|
|
||||||
unit_id = form_data.get("unit_id")
|
|
||||||
|
|
||||||
start_time = datetime.fromisoformat(form_data.get("start_time"))
|
|
||||||
duration_minutes = int(form_data.get("duration_minutes", 60))
|
|
||||||
stop_time = start_time + timedelta(minutes=duration_minutes)
|
|
||||||
|
|
||||||
# Create START action
|
|
||||||
start_action = ScheduledAction(
|
|
||||||
id=str(uuid.uuid4()),
|
|
||||||
project_id=project_id,
|
|
||||||
location_id=location_id,
|
|
||||||
unit_id=unit_id,
|
|
||||||
action_type="start",
|
|
||||||
device_type=device_type,
|
|
||||||
scheduled_time=start_time,
|
|
||||||
execution_status="pending",
|
|
||||||
notes=form_data.get("notes"),
|
|
||||||
)
|
|
||||||
|
|
||||||
# Create STOP action
|
|
||||||
stop_action = ScheduledAction(
|
|
||||||
id=str(uuid.uuid4()),
|
|
||||||
project_id=project_id,
|
|
||||||
location_id=location_id,
|
|
||||||
unit_id=unit_id,
|
|
||||||
action_type="stop",
|
|
||||||
device_type=device_type,
|
|
||||||
scheduled_time=stop_time,
|
|
||||||
execution_status="pending",
|
|
||||||
notes=f"Auto-stop after {duration_minutes} minutes",
|
|
||||||
)
|
|
||||||
|
|
||||||
db.add(start_action)
|
|
||||||
db.add(stop_action)
|
|
||||||
db.commit()
|
|
||||||
|
|
||||||
return JSONResponse({
|
|
||||||
"success": True,
|
|
||||||
"start_action_id": start_action.id,
|
|
||||||
"stop_action_id": stop_action.id,
|
|
||||||
"message": f"Recording session scheduled from {start_time} to {stop_time}",
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# Update/Cancel Scheduled Action
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
@router.put("/actions/{action_id}")
|
|
||||||
async def update_scheduled_action(
|
|
||||||
project_id: str,
|
|
||||||
action_id: str,
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Update a scheduled action (only if not yet executed).
|
|
||||||
"""
|
|
||||||
action = db.query(ScheduledAction).filter_by(
|
|
||||||
id=action_id,
|
|
||||||
project_id=project_id,
|
|
||||||
).first()
|
|
||||||
|
|
||||||
if not action:
|
|
||||||
raise HTTPException(status_code=404, detail="Action not found")
|
|
||||||
|
|
||||||
if action.execution_status != "pending":
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=400,
|
|
||||||
detail="Cannot update action that has already been executed",
|
|
||||||
)
|
|
||||||
|
|
||||||
data = await request.json()
|
|
||||||
|
|
||||||
if "scheduled_time" in data:
|
|
||||||
action.scheduled_time = datetime.fromisoformat(data["scheduled_time"])
|
|
||||||
if "notes" in data:
|
|
||||||
action.notes = data["notes"]
|
|
||||||
|
|
||||||
db.commit()
|
|
||||||
|
|
||||||
return {"success": True, "message": "Action updated successfully"}
|
|
||||||
|
|
||||||
|
|
||||||
@router.post("/actions/{action_id}/cancel")
|
|
||||||
async def cancel_scheduled_action(
|
|
||||||
project_id: str,
|
|
||||||
action_id: str,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Cancel a pending scheduled action.
|
|
||||||
"""
|
|
||||||
action = db.query(ScheduledAction).filter_by(
|
|
||||||
id=action_id,
|
|
||||||
project_id=project_id,
|
|
||||||
).first()
|
|
||||||
|
|
||||||
if not action:
|
|
||||||
raise HTTPException(status_code=404, detail="Action not found")
|
|
||||||
|
|
||||||
if action.execution_status != "pending":
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=400,
|
|
||||||
detail="Can only cancel pending actions",
|
|
||||||
)
|
|
||||||
|
|
||||||
action.execution_status = "cancelled"
|
|
||||||
db.commit()
|
|
||||||
|
|
||||||
return {"success": True, "message": "Action cancelled successfully"}
|
|
||||||
|
|
||||||
|
|
||||||
@router.delete("/actions/{action_id}")
|
|
||||||
async def delete_scheduled_action(
|
|
||||||
project_id: str,
|
|
||||||
action_id: str,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Delete a scheduled action (only if pending or cancelled).
|
|
||||||
"""
|
|
||||||
action = db.query(ScheduledAction).filter_by(
|
|
||||||
id=action_id,
|
|
||||||
project_id=project_id,
|
|
||||||
).first()
|
|
||||||
|
|
||||||
if not action:
|
|
||||||
raise HTTPException(status_code=404, detail="Action not found")
|
|
||||||
|
|
||||||
if action.execution_status not in ["pending", "cancelled"]:
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=400,
|
|
||||||
detail="Cannot delete action that has been executed",
|
|
||||||
)
|
|
||||||
|
|
||||||
db.delete(action)
|
|
||||||
db.commit()
|
|
||||||
|
|
||||||
return {"success": True, "message": "Action deleted successfully"}
|
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# Manual Execution
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
@router.post("/actions/{action_id}/execute")
|
|
||||||
async def execute_action_now(
|
|
||||||
project_id: str,
|
|
||||||
action_id: str,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Manually trigger execution of a scheduled action (for testing/debugging).
|
|
||||||
"""
|
|
||||||
action = db.query(ScheduledAction).filter_by(
|
|
||||||
id=action_id,
|
|
||||||
project_id=project_id,
|
|
||||||
).first()
|
|
||||||
|
|
||||||
if not action:
|
|
||||||
raise HTTPException(status_code=404, detail="Action not found")
|
|
||||||
|
|
||||||
if action.execution_status != "pending":
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=400,
|
|
||||||
detail="Action is not pending",
|
|
||||||
)
|
|
||||||
|
|
||||||
# Execute via scheduler service
|
|
||||||
scheduler = get_scheduler()
|
|
||||||
result = await scheduler.execute_action_by_id(action_id)
|
|
||||||
|
|
||||||
# Refresh from DB to get updated status
|
|
||||||
db.refresh(action)
|
|
||||||
|
|
||||||
return JSONResponse({
|
|
||||||
"success": result.get("success", False),
|
|
||||||
"result": result,
|
|
||||||
"action": {
|
|
||||||
"id": action.id,
|
|
||||||
"execution_status": action.execution_status,
|
|
||||||
"executed_at": action.executed_at.isoformat() if action.executed_at else None,
|
|
||||||
"error_message": action.error_message,
|
|
||||||
},
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
# ============================================================================
|
|
||||||
# Scheduler Status
|
|
||||||
# ============================================================================
|
|
||||||
|
|
||||||
@router.get("/status")
|
|
||||||
async def get_scheduler_status():
|
|
||||||
"""
|
|
||||||
Get scheduler service status.
|
|
||||||
"""
|
|
||||||
scheduler = get_scheduler()
|
|
||||||
|
|
||||||
return {
|
|
||||||
"running": scheduler.running,
|
|
||||||
"check_interval": scheduler.check_interval,
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@router.post("/execute-pending")
|
|
||||||
async def trigger_pending_execution():
|
|
||||||
"""
|
|
||||||
Manually trigger execution of all pending actions (for testing).
|
|
||||||
"""
|
|
||||||
scheduler = get_scheduler()
|
|
||||||
results = await scheduler.execute_pending_actions()
|
|
||||||
|
|
||||||
return {
|
|
||||||
"success": True,
|
|
||||||
"executed_count": len(results),
|
|
||||||
"results": results,
|
|
||||||
}
|
|
||||||
@@ -1,81 +0,0 @@
|
|||||||
"""
|
|
||||||
Seismograph Dashboard API Router
|
|
||||||
Provides endpoints for the seismograph-specific dashboard
|
|
||||||
"""
|
|
||||||
|
|
||||||
from fastapi import APIRouter, Request, Depends, Query
|
|
||||||
from fastapi.responses import HTMLResponse
|
|
||||||
from fastapi.templating import Jinja2Templates
|
|
||||||
from sqlalchemy.orm import Session
|
|
||||||
from backend.database import get_db
|
|
||||||
from backend.models import RosterUnit
|
|
||||||
|
|
||||||
router = APIRouter(prefix="/api/seismo-dashboard", tags=["seismo-dashboard"])
|
|
||||||
templates = Jinja2Templates(directory="templates")
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/stats", response_class=HTMLResponse)
|
|
||||||
async def get_seismo_stats(request: Request, db: Session = Depends(get_db)):
|
|
||||||
"""
|
|
||||||
Returns HTML partial with seismograph statistics summary
|
|
||||||
"""
|
|
||||||
# Get all seismograph units
|
|
||||||
seismos = db.query(RosterUnit).filter_by(
|
|
||||||
device_type="seismograph",
|
|
||||||
retired=False
|
|
||||||
).all()
|
|
||||||
|
|
||||||
total = len(seismos)
|
|
||||||
deployed = sum(1 for s in seismos if s.deployed)
|
|
||||||
benched = sum(1 for s in seismos if not s.deployed)
|
|
||||||
|
|
||||||
# Count modems assigned to deployed seismographs
|
|
||||||
with_modem = sum(1 for s in seismos if s.deployed and s.deployed_with_modem_id)
|
|
||||||
without_modem = deployed - with_modem
|
|
||||||
|
|
||||||
return templates.TemplateResponse(
|
|
||||||
"partials/seismo_stats.html",
|
|
||||||
{
|
|
||||||
"request": request,
|
|
||||||
"total": total,
|
|
||||||
"deployed": deployed,
|
|
||||||
"benched": benched,
|
|
||||||
"with_modem": with_modem,
|
|
||||||
"without_modem": without_modem
|
|
||||||
}
|
|
||||||
)
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/units", response_class=HTMLResponse)
|
|
||||||
async def get_seismo_units(
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
search: str = Query(None)
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Returns HTML partial with filterable seismograph unit list
|
|
||||||
"""
|
|
||||||
query = db.query(RosterUnit).filter_by(
|
|
||||||
device_type="seismograph",
|
|
||||||
retired=False
|
|
||||||
)
|
|
||||||
|
|
||||||
# Apply search filter
|
|
||||||
if search:
|
|
||||||
search_lower = search.lower()
|
|
||||||
query = query.filter(
|
|
||||||
(RosterUnit.id.ilike(f"%{search}%")) |
|
|
||||||
(RosterUnit.note.ilike(f"%{search}%")) |
|
|
||||||
(RosterUnit.address.ilike(f"%{search}%"))
|
|
||||||
)
|
|
||||||
|
|
||||||
seismos = query.order_by(RosterUnit.id).all()
|
|
||||||
|
|
||||||
return templates.TemplateResponse(
|
|
||||||
"partials/seismo_unit_list.html",
|
|
||||||
{
|
|
||||||
"request": request,
|
|
||||||
"units": seismos,
|
|
||||||
"search": search or ""
|
|
||||||
}
|
|
||||||
)
|
|
||||||
@@ -100,14 +100,6 @@ def get_all_roster_units(db: Session = Depends(get_db)):
|
|||||||
"ip_address": unit.ip_address or "",
|
"ip_address": unit.ip_address or "",
|
||||||
"phone_number": unit.phone_number or "",
|
"phone_number": unit.phone_number or "",
|
||||||
"hardware_model": unit.hardware_model or "",
|
"hardware_model": unit.hardware_model or "",
|
||||||
"slm_host": unit.slm_host or "",
|
|
||||||
"slm_tcp_port": unit.slm_tcp_port,
|
|
||||||
"slm_model": unit.slm_model or "",
|
|
||||||
"slm_serial_number": unit.slm_serial_number or "",
|
|
||||||
"slm_frequency_weighting": unit.slm_frequency_weighting or "",
|
|
||||||
"slm_time_weighting": unit.slm_time_weighting or "",
|
|
||||||
"slm_measurement_range": unit.slm_measurement_range or "",
|
|
||||||
"slm_last_check": unit.slm_last_check.isoformat() if unit.slm_last_check else None,
|
|
||||||
"last_updated": unit.last_updated.isoformat() if unit.last_updated else None
|
"last_updated": unit.last_updated.isoformat() if unit.last_updated else None
|
||||||
} for unit in units]
|
} for unit in units]
|
||||||
|
|
||||||
|
|||||||
@@ -1,364 +0,0 @@
|
|||||||
"""
|
|
||||||
SLM Dashboard Router
|
|
||||||
|
|
||||||
Provides API endpoints for the Sound Level Meters dashboard page.
|
|
||||||
"""
|
|
||||||
|
|
||||||
from fastapi import APIRouter, Request, Depends, Query
|
|
||||||
from fastapi.templating import Jinja2Templates
|
|
||||||
from fastapi.responses import HTMLResponse
|
|
||||||
from sqlalchemy.orm import Session
|
|
||||||
from sqlalchemy import func
|
|
||||||
from datetime import datetime, timedelta
|
|
||||||
import asyncio
|
|
||||||
import httpx
|
|
||||||
import logging
|
|
||||||
import os
|
|
||||||
|
|
||||||
from backend.database import get_db
|
|
||||||
from backend.models import RosterUnit
|
|
||||||
from backend.routers.roster_edit import sync_slm_to_slmm_cache
|
|
||||||
|
|
||||||
logger = logging.getLogger(__name__)
|
|
||||||
|
|
||||||
router = APIRouter(prefix="/api/slm-dashboard", tags=["slm-dashboard"])
|
|
||||||
templates = Jinja2Templates(directory="templates")
|
|
||||||
|
|
||||||
# SLMM backend URL - configurable via environment variable
|
|
||||||
SLMM_BASE_URL = os.getenv("SLMM_BASE_URL", "http://localhost:8100")
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/stats", response_class=HTMLResponse)
|
|
||||||
async def get_slm_stats(request: Request, db: Session = Depends(get_db)):
|
|
||||||
"""
|
|
||||||
Get summary statistics for SLM dashboard.
|
|
||||||
Returns HTML partial with stat cards.
|
|
||||||
"""
|
|
||||||
# Query all SLMs
|
|
||||||
all_slms = db.query(RosterUnit).filter_by(device_type="sound_level_meter").all()
|
|
||||||
|
|
||||||
# Count deployed vs benched
|
|
||||||
deployed_count = sum(1 for slm in all_slms if slm.deployed and not slm.retired)
|
|
||||||
benched_count = sum(1 for slm in all_slms if not slm.deployed and not slm.retired)
|
|
||||||
retired_count = sum(1 for slm in all_slms if slm.retired)
|
|
||||||
|
|
||||||
# Count recently active (checked in last hour)
|
|
||||||
one_hour_ago = datetime.utcnow() - timedelta(hours=1)
|
|
||||||
active_count = sum(1 for slm in all_slms
|
|
||||||
if slm.slm_last_check and slm.slm_last_check > one_hour_ago)
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/slm_stats.html", {
|
|
||||||
"request": request,
|
|
||||||
"total_count": len(all_slms),
|
|
||||||
"deployed_count": deployed_count,
|
|
||||||
"benched_count": benched_count,
|
|
||||||
"active_count": active_count,
|
|
||||||
"retired_count": retired_count
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/units", response_class=HTMLResponse)
|
|
||||||
async def get_slm_units(
|
|
||||||
request: Request,
|
|
||||||
db: Session = Depends(get_db),
|
|
||||||
search: str = Query(None),
|
|
||||||
project: str = Query(None),
|
|
||||||
include_measurement: bool = Query(False),
|
|
||||||
):
|
|
||||||
"""
|
|
||||||
Get list of SLM units for the sidebar.
|
|
||||||
Returns HTML partial with unit cards.
|
|
||||||
"""
|
|
||||||
query = db.query(RosterUnit).filter_by(device_type="sound_level_meter")
|
|
||||||
|
|
||||||
# Filter by project if provided
|
|
||||||
if project:
|
|
||||||
query = query.filter(RosterUnit.project_id == project)
|
|
||||||
|
|
||||||
# Filter by search term if provided
|
|
||||||
if search:
|
|
||||||
search_term = f"%{search}%"
|
|
||||||
query = query.filter(
|
|
||||||
(RosterUnit.id.like(search_term)) |
|
|
||||||
(RosterUnit.slm_model.like(search_term)) |
|
|
||||||
(RosterUnit.address.like(search_term))
|
|
||||||
)
|
|
||||||
|
|
||||||
units = query.order_by(
|
|
||||||
RosterUnit.retired.asc(),
|
|
||||||
RosterUnit.deployed.desc(),
|
|
||||||
RosterUnit.id.asc()
|
|
||||||
).all()
|
|
||||||
|
|
||||||
one_hour_ago = datetime.utcnow() - timedelta(hours=1)
|
|
||||||
for unit in units:
|
|
||||||
unit.is_recent = bool(unit.slm_last_check and unit.slm_last_check > one_hour_ago)
|
|
||||||
|
|
||||||
if include_measurement:
|
|
||||||
async def fetch_measurement_state(client: httpx.AsyncClient, unit_id: str) -> str | None:
|
|
||||||
try:
|
|
||||||
response = await client.get(f"{SLMM_BASE_URL}/api/nl43/{unit_id}/measurement-state")
|
|
||||||
if response.status_code == 200:
|
|
||||||
return response.json().get("measurement_state")
|
|
||||||
except Exception:
|
|
||||||
return None
|
|
||||||
return None
|
|
||||||
|
|
||||||
deployed_units = [unit for unit in units if unit.deployed and not unit.retired]
|
|
||||||
if deployed_units:
|
|
||||||
async with httpx.AsyncClient(timeout=3.0) as client:
|
|
||||||
tasks = [fetch_measurement_state(client, unit.id) for unit in deployed_units]
|
|
||||||
results = await asyncio.gather(*tasks, return_exceptions=True)
|
|
||||||
|
|
||||||
for unit, state in zip(deployed_units, results):
|
|
||||||
if isinstance(state, Exception):
|
|
||||||
unit.measurement_state = None
|
|
||||||
else:
|
|
||||||
unit.measurement_state = state
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/slm_device_list.html", {
|
|
||||||
"request": request,
|
|
||||||
"units": units
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/live-view/{unit_id}", response_class=HTMLResponse)
|
|
||||||
async def get_live_view(request: Request, unit_id: str, db: Session = Depends(get_db)):
|
|
||||||
"""
|
|
||||||
Get live view panel for a specific SLM unit.
|
|
||||||
Returns HTML partial with live metrics and chart.
|
|
||||||
"""
|
|
||||||
# Get unit from database
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=unit_id, device_type="sound_level_meter").first()
|
|
||||||
|
|
||||||
if not unit:
|
|
||||||
return templates.TemplateResponse("partials/slm_live_view_error.html", {
|
|
||||||
"request": request,
|
|
||||||
"error": f"Unit {unit_id} not found"
|
|
||||||
})
|
|
||||||
|
|
||||||
# Get modem information if assigned
|
|
||||||
modem = None
|
|
||||||
modem_ip = None
|
|
||||||
if unit.deployed_with_modem_id:
|
|
||||||
modem = db.query(RosterUnit).filter_by(id=unit.deployed_with_modem_id, device_type="modem").first()
|
|
||||||
if modem:
|
|
||||||
modem_ip = modem.ip_address
|
|
||||||
else:
|
|
||||||
logger.warning(f"SLM {unit_id} is assigned to modem {unit.deployed_with_modem_id} but modem not found")
|
|
||||||
|
|
||||||
# Fallback to direct slm_host if no modem assigned (backward compatibility)
|
|
||||||
if not modem_ip and unit.slm_host:
|
|
||||||
modem_ip = unit.slm_host
|
|
||||||
logger.info(f"Using legacy slm_host for {unit_id}: {modem_ip}")
|
|
||||||
|
|
||||||
# Try to get current status from SLMM
|
|
||||||
current_status = None
|
|
||||||
measurement_state = None
|
|
||||||
is_measuring = False
|
|
||||||
|
|
||||||
try:
|
|
||||||
async with httpx.AsyncClient(timeout=5.0) as client:
|
|
||||||
# Get measurement state
|
|
||||||
state_response = await client.get(
|
|
||||||
f"{SLMM_BASE_URL}/api/nl43/{unit_id}/measurement-state"
|
|
||||||
)
|
|
||||||
if state_response.status_code == 200:
|
|
||||||
state_data = state_response.json()
|
|
||||||
measurement_state = state_data.get("measurement_state", "Unknown")
|
|
||||||
is_measuring = state_data.get("is_measuring", False)
|
|
||||||
|
|
||||||
# Get live status
|
|
||||||
status_response = await client.get(
|
|
||||||
f"{SLMM_BASE_URL}/api/nl43/{unit_id}/live"
|
|
||||||
)
|
|
||||||
if status_response.status_code == 200:
|
|
||||||
status_data = status_response.json()
|
|
||||||
current_status = status_data.get("data", {})
|
|
||||||
except Exception as e:
|
|
||||||
logger.error(f"Failed to get status for {unit_id}: {e}")
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/slm_live_view.html", {
|
|
||||||
"request": request,
|
|
||||||
"unit": unit,
|
|
||||||
"modem": modem,
|
|
||||||
"modem_ip": modem_ip,
|
|
||||||
"current_status": current_status,
|
|
||||||
"measurement_state": measurement_state,
|
|
||||||
"is_measuring": is_measuring
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.post("/control/{unit_id}/{action}")
|
|
||||||
async def control_slm(unit_id: str, action: str):
|
|
||||||
"""
|
|
||||||
Send control commands to SLM (start, stop, pause, resume, reset).
|
|
||||||
Proxies to SLMM backend.
|
|
||||||
"""
|
|
||||||
valid_actions = ["start", "stop", "pause", "resume", "reset"]
|
|
||||||
|
|
||||||
if action not in valid_actions:
|
|
||||||
return {"status": "error", "detail": f"Invalid action. Must be one of: {valid_actions}"}
|
|
||||||
|
|
||||||
try:
|
|
||||||
async with httpx.AsyncClient(timeout=10.0) as client:
|
|
||||||
response = await client.post(
|
|
||||||
f"{SLMM_BASE_URL}/api/nl43/{unit_id}/{action}"
|
|
||||||
)
|
|
||||||
|
|
||||||
if response.status_code == 200:
|
|
||||||
return response.json()
|
|
||||||
else:
|
|
||||||
return {
|
|
||||||
"status": "error",
|
|
||||||
"detail": f"SLMM returned status {response.status_code}"
|
|
||||||
}
|
|
||||||
except Exception as e:
|
|
||||||
logger.error(f"Failed to control {unit_id}: {e}")
|
|
||||||
return {
|
|
||||||
"status": "error",
|
|
||||||
"detail": str(e)
|
|
||||||
}
|
|
||||||
|
|
||||||
@router.get("/config/{unit_id}", response_class=HTMLResponse)
|
|
||||||
async def get_slm_config(request: Request, unit_id: str, db: Session = Depends(get_db)):
|
|
||||||
"""
|
|
||||||
Get configuration form for a specific SLM unit.
|
|
||||||
Returns HTML partial with configuration form.
|
|
||||||
"""
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=unit_id, device_type="sound_level_meter").first()
|
|
||||||
|
|
||||||
if not unit:
|
|
||||||
return HTMLResponse(
|
|
||||||
content=f'<div class="text-red-500">Unit {unit_id} not found</div>',
|
|
||||||
status_code=404
|
|
||||||
)
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/slm_config_form.html", {
|
|
||||||
"request": request,
|
|
||||||
"unit": unit
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.post("/config/{unit_id}")
|
|
||||||
async def save_slm_config(request: Request, unit_id: str, db: Session = Depends(get_db)):
|
|
||||||
"""
|
|
||||||
Save SLM configuration.
|
|
||||||
Updates unit parameters in the database.
|
|
||||||
"""
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=unit_id, device_type="sound_level_meter").first()
|
|
||||||
|
|
||||||
if not unit:
|
|
||||||
return {"status": "error", "detail": f"Unit {unit_id} not found"}
|
|
||||||
|
|
||||||
try:
|
|
||||||
# Get form data
|
|
||||||
form_data = await request.form()
|
|
||||||
|
|
||||||
# Update SLM-specific fields
|
|
||||||
unit.slm_model = form_data.get("slm_model") or None
|
|
||||||
unit.slm_serial_number = form_data.get("slm_serial_number") or None
|
|
||||||
unit.slm_frequency_weighting = form_data.get("slm_frequency_weighting") or None
|
|
||||||
unit.slm_time_weighting = form_data.get("slm_time_weighting") or None
|
|
||||||
unit.slm_measurement_range = form_data.get("slm_measurement_range") or None
|
|
||||||
|
|
||||||
# Update network configuration
|
|
||||||
modem_id = form_data.get("deployed_with_modem_id")
|
|
||||||
unit.deployed_with_modem_id = modem_id if modem_id else None
|
|
||||||
|
|
||||||
# Always update TCP and FTP ports (used regardless of modem assignment)
|
|
||||||
unit.slm_tcp_port = int(form_data.get("slm_tcp_port")) if form_data.get("slm_tcp_port") else None
|
|
||||||
unit.slm_ftp_port = int(form_data.get("slm_ftp_port")) if form_data.get("slm_ftp_port") else None
|
|
||||||
|
|
||||||
# Only update direct IP if no modem is assigned
|
|
||||||
if not modem_id:
|
|
||||||
unit.slm_host = form_data.get("slm_host") or None
|
|
||||||
else:
|
|
||||||
# Clear legacy direct IP field when modem is assigned
|
|
||||||
unit.slm_host = None
|
|
||||||
|
|
||||||
db.commit()
|
|
||||||
logger.info(f"Updated configuration for SLM {unit_id}")
|
|
||||||
|
|
||||||
# Sync updated configuration to SLMM cache
|
|
||||||
logger.info(f"Syncing SLM {unit_id} config changes to SLMM cache...")
|
|
||||||
result = await sync_slm_to_slmm_cache(
|
|
||||||
unit_id=unit_id,
|
|
||||||
host=unit.slm_host, # Use the updated host from Terra-View
|
|
||||||
tcp_port=unit.slm_tcp_port,
|
|
||||||
ftp_port=unit.slm_ftp_port,
|
|
||||||
deployed_with_modem_id=unit.deployed_with_modem_id, # Resolve modem IP if assigned
|
|
||||||
db=db
|
|
||||||
)
|
|
||||||
|
|
||||||
if not result["success"]:
|
|
||||||
logger.warning(f"SLMM cache sync warning for {unit_id}: {result['message']}")
|
|
||||||
# Config still saved in Terra-View (source of truth)
|
|
||||||
|
|
||||||
return {"status": "success", "unit_id": unit_id}
|
|
||||||
|
|
||||||
except Exception as e:
|
|
||||||
db.rollback()
|
|
||||||
logger.error(f"Failed to save config for {unit_id}: {e}")
|
|
||||||
return {"status": "error", "detail": str(e)}
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/test-modem/{modem_id}")
|
|
||||||
async def test_modem_connection(modem_id: str, db: Session = Depends(get_db)):
|
|
||||||
"""
|
|
||||||
Test modem connectivity with a simple ping/health check.
|
|
||||||
Returns response time and connection status.
|
|
||||||
"""
|
|
||||||
import subprocess
|
|
||||||
import time
|
|
||||||
|
|
||||||
# Get modem from database
|
|
||||||
modem = db.query(RosterUnit).filter_by(id=modem_id, device_type="modem").first()
|
|
||||||
|
|
||||||
if not modem:
|
|
||||||
return {"status": "error", "detail": f"Modem {modem_id} not found"}
|
|
||||||
|
|
||||||
if not modem.ip_address:
|
|
||||||
return {"status": "error", "detail": f"Modem {modem_id} has no IP address configured"}
|
|
||||||
|
|
||||||
try:
|
|
||||||
# Ping the modem (1 packet, 2 second timeout)
|
|
||||||
start_time = time.time()
|
|
||||||
result = subprocess.run(
|
|
||||||
["ping", "-c", "1", "-W", "2", modem.ip_address],
|
|
||||||
capture_output=True,
|
|
||||||
text=True,
|
|
||||||
timeout=3
|
|
||||||
)
|
|
||||||
response_time = int((time.time() - start_time) * 1000) # Convert to milliseconds
|
|
||||||
|
|
||||||
if result.returncode == 0:
|
|
||||||
return {
|
|
||||||
"status": "success",
|
|
||||||
"modem_id": modem_id,
|
|
||||||
"ip_address": modem.ip_address,
|
|
||||||
"response_time": response_time,
|
|
||||||
"message": "Modem is responding to ping"
|
|
||||||
}
|
|
||||||
else:
|
|
||||||
return {
|
|
||||||
"status": "error",
|
|
||||||
"modem_id": modem_id,
|
|
||||||
"ip_address": modem.ip_address,
|
|
||||||
"detail": "Modem not responding to ping"
|
|
||||||
}
|
|
||||||
|
|
||||||
except subprocess.TimeoutExpired:
|
|
||||||
return {
|
|
||||||
"status": "error",
|
|
||||||
"modem_id": modem_id,
|
|
||||||
"ip_address": modem.ip_address,
|
|
||||||
"detail": "Ping timeout (> 2 seconds)"
|
|
||||||
}
|
|
||||||
except Exception as e:
|
|
||||||
logger.error(f"Failed to ping modem {modem_id}: {e}")
|
|
||||||
return {
|
|
||||||
"status": "error",
|
|
||||||
"modem_id": modem_id,
|
|
||||||
"detail": str(e)
|
|
||||||
}
|
|
||||||
@@ -1,123 +0,0 @@
|
|||||||
"""
|
|
||||||
Sound Level Meter UI Router
|
|
||||||
|
|
||||||
Provides endpoints for SLM dashboard cards, detail pages, and real-time data.
|
|
||||||
"""
|
|
||||||
|
|
||||||
from fastapi import APIRouter, Depends, HTTPException, Request
|
|
||||||
from fastapi.responses import HTMLResponse
|
|
||||||
from fastapi.templating import Jinja2Templates
|
|
||||||
from sqlalchemy.orm import Session
|
|
||||||
from datetime import datetime
|
|
||||||
import httpx
|
|
||||||
import logging
|
|
||||||
import os
|
|
||||||
|
|
||||||
from backend.database import get_db
|
|
||||||
from backend.models import RosterUnit
|
|
||||||
|
|
||||||
logger = logging.getLogger(__name__)
|
|
||||||
|
|
||||||
router = APIRouter(prefix="/slm", tags=["slm-ui"])
|
|
||||||
templates = Jinja2Templates(directory="templates")
|
|
||||||
|
|
||||||
SLMM_BASE_URL = os.getenv("SLMM_BASE_URL", "http://172.19.0.1:8100")
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/{unit_id}", response_class=HTMLResponse)
|
|
||||||
async def slm_detail_page(request: Request, unit_id: str, db: Session = Depends(get_db)):
|
|
||||||
"""Sound level meter detail page with controls."""
|
|
||||||
|
|
||||||
# Get roster unit
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=unit_id).first()
|
|
||||||
if not unit or unit.device_type != "sound_level_meter":
|
|
||||||
raise HTTPException(status_code=404, detail="Sound level meter not found")
|
|
||||||
|
|
||||||
return templates.TemplateResponse("slm_detail.html", {
|
|
||||||
"request": request,
|
|
||||||
"unit": unit,
|
|
||||||
"unit_id": unit_id
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/api/{unit_id}/summary")
|
|
||||||
async def get_slm_summary(unit_id: str, db: Session = Depends(get_db)):
|
|
||||||
"""Get SLM summary data for dashboard card."""
|
|
||||||
|
|
||||||
# Get roster unit
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=unit_id).first()
|
|
||||||
if not unit or unit.device_type != "sound_level_meter":
|
|
||||||
raise HTTPException(status_code=404, detail="Sound level meter not found")
|
|
||||||
|
|
||||||
# Try to get live status from SLMM
|
|
||||||
status_data = None
|
|
||||||
try:
|
|
||||||
async with httpx.AsyncClient(timeout=3.0) as client:
|
|
||||||
response = await client.get(f"{SLMM_BASE_URL}/api/nl43/{unit_id}/status")
|
|
||||||
if response.status_code == 200:
|
|
||||||
status_data = response.json().get("data")
|
|
||||||
except Exception as e:
|
|
||||||
logger.warning(f"Failed to get SLM status for {unit_id}: {e}")
|
|
||||||
|
|
||||||
return {
|
|
||||||
"unit_id": unit_id,
|
|
||||||
"device_type": "sound_level_meter",
|
|
||||||
"deployed": unit.deployed,
|
|
||||||
"model": unit.slm_model or "NL-43",
|
|
||||||
"location": unit.address or unit.location,
|
|
||||||
"coordinates": unit.coordinates,
|
|
||||||
"note": unit.note,
|
|
||||||
"status": status_data,
|
|
||||||
"last_check": unit.slm_last_check.isoformat() if unit.slm_last_check else None,
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/partials/{unit_id}/card", response_class=HTMLResponse)
|
|
||||||
async def slm_dashboard_card(request: Request, unit_id: str, db: Session = Depends(get_db)):
|
|
||||||
"""Render SLM dashboard card partial."""
|
|
||||||
|
|
||||||
summary = await get_slm_summary(unit_id, db)
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/slm_card.html", {
|
|
||||||
"request": request,
|
|
||||||
"slm": summary
|
|
||||||
})
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/partials/{unit_id}/controls", response_class=HTMLResponse)
|
|
||||||
async def slm_controls_partial(request: Request, unit_id: str, db: Session = Depends(get_db)):
|
|
||||||
"""Render SLM control panel partial."""
|
|
||||||
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=unit_id).first()
|
|
||||||
if not unit or unit.device_type != "sound_level_meter":
|
|
||||||
raise HTTPException(status_code=404, detail="Sound level meter not found")
|
|
||||||
|
|
||||||
# Get current status from SLMM
|
|
||||||
measurement_state = None
|
|
||||||
battery_level = None
|
|
||||||
try:
|
|
||||||
async with httpx.AsyncClient(timeout=3.0) as client:
|
|
||||||
# Get measurement state
|
|
||||||
state_response = await client.get(
|
|
||||||
f"{SLMM_BASE_URL}/api/nl43/{unit_id}/measurement-state"
|
|
||||||
)
|
|
||||||
if state_response.status_code == 200:
|
|
||||||
measurement_state = state_response.json().get("measurement_state")
|
|
||||||
|
|
||||||
# Get battery level
|
|
||||||
battery_response = await client.get(
|
|
||||||
f"{SLMM_BASE_URL}/api/nl43/{unit_id}/battery"
|
|
||||||
)
|
|
||||||
if battery_response.status_code == 200:
|
|
||||||
battery_level = battery_response.json().get("battery_level")
|
|
||||||
except Exception as e:
|
|
||||||
logger.warning(f"Failed to get SLM control data for {unit_id}: {e}")
|
|
||||||
|
|
||||||
return templates.TemplateResponse("partials/slm_controls.html", {
|
|
||||||
"request": request,
|
|
||||||
"unit_id": unit_id,
|
|
||||||
"unit": unit,
|
|
||||||
"measurement_state": measurement_state,
|
|
||||||
"battery_level": battery_level,
|
|
||||||
"is_measuring": measurement_state == "Start"
|
|
||||||
})
|
|
||||||
@@ -1,301 +0,0 @@
|
|||||||
"""
|
|
||||||
SLMM (Sound Level Meter Manager) Proxy Router
|
|
||||||
|
|
||||||
Proxies requests from SFM to the standalone SLMM backend service.
|
|
||||||
SLMM runs on port 8100 and handles NL43/NL53 sound level meter communication.
|
|
||||||
"""
|
|
||||||
|
|
||||||
from fastapi import APIRouter, HTTPException, Request, Response, WebSocket, WebSocketDisconnect
|
|
||||||
from fastapi.responses import StreamingResponse
|
|
||||||
import httpx
|
|
||||||
import websockets
|
|
||||||
import asyncio
|
|
||||||
import logging
|
|
||||||
import os
|
|
||||||
|
|
||||||
logger = logging.getLogger(__name__)
|
|
||||||
|
|
||||||
router = APIRouter(prefix="/api/slmm", tags=["slmm"])
|
|
||||||
|
|
||||||
# SLMM backend URL - configurable via environment variable
|
|
||||||
SLMM_BASE_URL = os.getenv("SLMM_BASE_URL", "http://localhost:8100")
|
|
||||||
# WebSocket URL derived from HTTP URL
|
|
||||||
SLMM_WS_BASE_URL = SLMM_BASE_URL.replace("http://", "ws://").replace("https://", "wss://")
|
|
||||||
|
|
||||||
|
|
||||||
@router.get("/health")
|
|
||||||
async def check_slmm_health():
|
|
||||||
"""
|
|
||||||
Check if the SLMM backend service is reachable and healthy.
|
|
||||||
"""
|
|
||||||
try:
|
|
||||||
async with httpx.AsyncClient(timeout=5.0) as client:
|
|
||||||
response = await client.get(f"{SLMM_BASE_URL}/health")
|
|
||||||
|
|
||||||
if response.status_code == 200:
|
|
||||||
data = response.json()
|
|
||||||
return {
|
|
||||||
"status": "ok",
|
|
||||||
"slmm_status": "connected",
|
|
||||||
"slmm_url": SLMM_BASE_URL,
|
|
||||||
"slmm_version": data.get("version", "unknown"),
|
|
||||||
"slmm_response": data
|
|
||||||
}
|
|
||||||
else:
|
|
||||||
return {
|
|
||||||
"status": "degraded",
|
|
||||||
"slmm_status": "error",
|
|
||||||
"slmm_url": SLMM_BASE_URL,
|
|
||||||
"detail": f"SLMM returned status {response.status_code}"
|
|
||||||
}
|
|
||||||
|
|
||||||
except httpx.ConnectError:
|
|
||||||
return {
|
|
||||||
"status": "error",
|
|
||||||
"slmm_status": "unreachable",
|
|
||||||
"slmm_url": SLMM_BASE_URL,
|
|
||||||
"detail": "Cannot connect to SLMM backend. Is it running?"
|
|
||||||
}
|
|
||||||
except Exception as e:
|
|
||||||
return {
|
|
||||||
"status": "error",
|
|
||||||
"slmm_status": "error",
|
|
||||||
"slmm_url": SLMM_BASE_URL,
|
|
||||||
"detail": str(e)
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
# WebSocket routes MUST come before the catch-all route
|
|
||||||
@router.websocket("/{unit_id}/stream")
|
|
||||||
async def proxy_websocket_stream(websocket: WebSocket, unit_id: str):
|
|
||||||
"""
|
|
||||||
Proxy WebSocket connections to SLMM's /stream endpoint.
|
|
||||||
|
|
||||||
This allows real-time streaming of measurement data from NL43 devices
|
|
||||||
through the SFM unified interface.
|
|
||||||
"""
|
|
||||||
await websocket.accept()
|
|
||||||
logger.info(f"WebSocket connection accepted for SLMM unit {unit_id}")
|
|
||||||
|
|
||||||
# Build target WebSocket URL
|
|
||||||
target_ws_url = f"{SLMM_WS_BASE_URL}/api/nl43/{unit_id}/stream"
|
|
||||||
logger.info(f"Connecting to SLMM WebSocket: {target_ws_url}")
|
|
||||||
|
|
||||||
backend_ws = None
|
|
||||||
|
|
||||||
try:
|
|
||||||
# Connect to SLMM backend WebSocket
|
|
||||||
backend_ws = await websockets.connect(target_ws_url)
|
|
||||||
logger.info(f"Connected to SLMM backend WebSocket for {unit_id}")
|
|
||||||
|
|
||||||
# Create tasks for bidirectional communication
|
|
||||||
async def forward_to_backend():
|
|
||||||
"""Forward messages from client to SLMM backend"""
|
|
||||||
try:
|
|
||||||
while True:
|
|
||||||
data = await websocket.receive_text()
|
|
||||||
await backend_ws.send(data)
|
|
||||||
except WebSocketDisconnect:
|
|
||||||
logger.info(f"Client WebSocket disconnected for {unit_id}")
|
|
||||||
except Exception as e:
|
|
||||||
logger.error(f"Error forwarding to backend: {e}")
|
|
||||||
|
|
||||||
async def forward_to_client():
|
|
||||||
"""Forward messages from SLMM backend to client"""
|
|
||||||
try:
|
|
||||||
async for message in backend_ws:
|
|
||||||
await websocket.send_text(message)
|
|
||||||
except websockets.exceptions.ConnectionClosed:
|
|
||||||
logger.info(f"Backend WebSocket closed for {unit_id}")
|
|
||||||
except Exception as e:
|
|
||||||
logger.error(f"Error forwarding to client: {e}")
|
|
||||||
|
|
||||||
# Run both forwarding tasks concurrently
|
|
||||||
await asyncio.gather(
|
|
||||||
forward_to_backend(),
|
|
||||||
forward_to_client(),
|
|
||||||
return_exceptions=True
|
|
||||||
)
|
|
||||||
|
|
||||||
except websockets.exceptions.WebSocketException as e:
|
|
||||||
logger.error(f"WebSocket error connecting to SLMM backend: {e}")
|
|
||||||
try:
|
|
||||||
await websocket.send_json({
|
|
||||||
"error": "Failed to connect to SLMM backend",
|
|
||||||
"detail": str(e)
|
|
||||||
})
|
|
||||||
except Exception:
|
|
||||||
pass
|
|
||||||
except Exception as e:
|
|
||||||
logger.error(f"Unexpected error in WebSocket proxy for {unit_id}: {e}")
|
|
||||||
try:
|
|
||||||
await websocket.send_json({
|
|
||||||
"error": "Internal server error",
|
|
||||||
"detail": str(e)
|
|
||||||
})
|
|
||||||
except Exception:
|
|
||||||
pass
|
|
||||||
finally:
|
|
||||||
# Clean up connections
|
|
||||||
if backend_ws:
|
|
||||||
try:
|
|
||||||
await backend_ws.close()
|
|
||||||
except Exception:
|
|
||||||
pass
|
|
||||||
try:
|
|
||||||
await websocket.close()
|
|
||||||
except Exception:
|
|
||||||
pass
|
|
||||||
logger.info(f"WebSocket proxy closed for {unit_id}")
|
|
||||||
|
|
||||||
|
|
||||||
@router.websocket("/{unit_id}/live")
|
|
||||||
async def proxy_websocket_live(websocket: WebSocket, unit_id: str):
|
|
||||||
"""
|
|
||||||
Proxy WebSocket connections to SLMM's /live endpoint.
|
|
||||||
|
|
||||||
Alternative WebSocket endpoint that may be used by some frontend components.
|
|
||||||
"""
|
|
||||||
await websocket.accept()
|
|
||||||
logger.info(f"WebSocket connection accepted for SLMM unit {unit_id} (live endpoint)")
|
|
||||||
|
|
||||||
# Build target WebSocket URL - try /stream endpoint as SLMM uses that for WebSocket
|
|
||||||
target_ws_url = f"{SLMM_WS_BASE_URL}/api/nl43/{unit_id}/stream"
|
|
||||||
logger.info(f"Connecting to SLMM WebSocket: {target_ws_url}")
|
|
||||||
|
|
||||||
backend_ws = None
|
|
||||||
|
|
||||||
try:
|
|
||||||
# Connect to SLMM backend WebSocket
|
|
||||||
backend_ws = await websockets.connect(target_ws_url)
|
|
||||||
logger.info(f"Connected to SLMM backend WebSocket for {unit_id} (live endpoint)")
|
|
||||||
|
|
||||||
# Create tasks for bidirectional communication
|
|
||||||
async def forward_to_backend():
|
|
||||||
"""Forward messages from client to SLMM backend"""
|
|
||||||
try:
|
|
||||||
while True:
|
|
||||||
data = await websocket.receive_text()
|
|
||||||
await backend_ws.send(data)
|
|
||||||
except WebSocketDisconnect:
|
|
||||||
logger.info(f"Client WebSocket disconnected for {unit_id} (live)")
|
|
||||||
except Exception as e:
|
|
||||||
logger.error(f"Error forwarding to backend (live): {e}")
|
|
||||||
|
|
||||||
async def forward_to_client():
|
|
||||||
"""Forward messages from SLMM backend to client"""
|
|
||||||
try:
|
|
||||||
async for message in backend_ws:
|
|
||||||
await websocket.send_text(message)
|
|
||||||
except websockets.exceptions.ConnectionClosed:
|
|
||||||
logger.info(f"Backend WebSocket closed for {unit_id} (live)")
|
|
||||||
except Exception as e:
|
|
||||||
logger.error(f"Error forwarding to client (live): {e}")
|
|
||||||
|
|
||||||
# Run both forwarding tasks concurrently
|
|
||||||
await asyncio.gather(
|
|
||||||
forward_to_backend(),
|
|
||||||
forward_to_client(),
|
|
||||||
return_exceptions=True
|
|
||||||
)
|
|
||||||
|
|
||||||
except websockets.exceptions.WebSocketException as e:
|
|
||||||
logger.error(f"WebSocket error connecting to SLMM backend (live): {e}")
|
|
||||||
try:
|
|
||||||
await websocket.send_json({
|
|
||||||
"error": "Failed to connect to SLMM backend",
|
|
||||||
"detail": str(e)
|
|
||||||
})
|
|
||||||
except Exception:
|
|
||||||
pass
|
|
||||||
except Exception as e:
|
|
||||||
logger.error(f"Unexpected error in WebSocket proxy for {unit_id} (live): {e}")
|
|
||||||
try:
|
|
||||||
await websocket.send_json({
|
|
||||||
"error": "Internal server error",
|
|
||||||
"detail": str(e)
|
|
||||||
})
|
|
||||||
except Exception:
|
|
||||||
pass
|
|
||||||
finally:
|
|
||||||
# Clean up connections
|
|
||||||
if backend_ws:
|
|
||||||
try:
|
|
||||||
await backend_ws.close()
|
|
||||||
except Exception:
|
|
||||||
pass
|
|
||||||
try:
|
|
||||||
await websocket.close()
|
|
||||||
except Exception:
|
|
||||||
pass
|
|
||||||
logger.info(f"WebSocket proxy closed for {unit_id} (live)")
|
|
||||||
|
|
||||||
|
|
||||||
# HTTP catch-all route MUST come after specific routes (including WebSocket routes)
|
|
||||||
@router.api_route("/{path:path}", methods=["GET", "POST", "PUT", "DELETE", "PATCH"])
|
|
||||||
async def proxy_to_slmm(path: str, request: Request):
|
|
||||||
"""
|
|
||||||
Proxy all requests to the SLMM backend service.
|
|
||||||
|
|
||||||
This allows SFM to act as a unified frontend for all device types,
|
|
||||||
while SLMM remains a standalone backend service.
|
|
||||||
"""
|
|
||||||
# Build target URL
|
|
||||||
target_url = f"{SLMM_BASE_URL}/api/nl43/{path}"
|
|
||||||
|
|
||||||
# Get query parameters
|
|
||||||
query_params = dict(request.query_params)
|
|
||||||
|
|
||||||
# Get request body if present
|
|
||||||
body = None
|
|
||||||
if request.method in ["POST", "PUT", "PATCH"]:
|
|
||||||
try:
|
|
||||||
body = await request.body()
|
|
||||||
except Exception as e:
|
|
||||||
logger.error(f"Failed to read request body: {e}")
|
|
||||||
body = None
|
|
||||||
|
|
||||||
# Get headers (exclude host and other proxy-specific headers)
|
|
||||||
headers = dict(request.headers)
|
|
||||||
headers_to_exclude = ["host", "content-length", "transfer-encoding", "connection"]
|
|
||||||
proxy_headers = {k: v for k, v in headers.items() if k.lower() not in headers_to_exclude}
|
|
||||||
|
|
||||||
logger.info(f"Proxying {request.method} request to SLMM: {target_url}")
|
|
||||||
|
|
||||||
try:
|
|
||||||
async with httpx.AsyncClient(timeout=30.0) as client:
|
|
||||||
# Forward the request to SLMM
|
|
||||||
response = await client.request(
|
|
||||||
method=request.method,
|
|
||||||
url=target_url,
|
|
||||||
params=query_params,
|
|
||||||
headers=proxy_headers,
|
|
||||||
content=body
|
|
||||||
)
|
|
||||||
|
|
||||||
# Return the response from SLMM
|
|
||||||
return Response(
|
|
||||||
content=response.content,
|
|
||||||
status_code=response.status_code,
|
|
||||||
headers=dict(response.headers),
|
|
||||||
media_type=response.headers.get("content-type")
|
|
||||||
)
|
|
||||||
|
|
||||||
except httpx.ConnectError:
|
|
||||||
logger.error(f"Failed to connect to SLMM backend at {SLMM_BASE_URL}")
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=503,
|
|
||||||
detail=f"SLMM backend service unavailable. Is SLMM running on {SLMM_BASE_URL}?"
|
|
||||||
)
|
|
||||||
except httpx.TimeoutException:
|
|
||||||
logger.error(f"Timeout connecting to SLMM backend at {SLMM_BASE_URL}")
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=504,
|
|
||||||
detail="SLMM backend timeout"
|
|
||||||
)
|
|
||||||
except Exception as e:
|
|
||||||
logger.error(f"Error proxying to SLMM: {e}")
|
|
||||||
raise HTTPException(
|
|
||||||
status_code=500,
|
|
||||||
detail=f"Failed to proxy request to SLMM: {str(e)}"
|
|
||||||
)
|
|
||||||
@@ -5,7 +5,6 @@ from typing import Dict, Any
|
|||||||
|
|
||||||
from backend.database import get_db
|
from backend.database import get_db
|
||||||
from backend.services.snapshot import emit_status_snapshot
|
from backend.services.snapshot import emit_status_snapshot
|
||||||
from backend.models import RosterUnit
|
|
||||||
|
|
||||||
router = APIRouter(prefix="/api", tags=["units"])
|
router = APIRouter(prefix="/api", tags=["units"])
|
||||||
|
|
||||||
@@ -43,32 +42,3 @@ def get_unit_detail(unit_id: str, db: Session = Depends(get_db)):
|
|||||||
"note": unit_data.get("note", ""),
|
"note": unit_data.get("note", ""),
|
||||||
"coordinates": coords
|
"coordinates": coords
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@router.get("/units/{unit_id}")
|
|
||||||
def get_unit_by_id(unit_id: str, db: Session = Depends(get_db)):
|
|
||||||
"""
|
|
||||||
Get unit data directly from the roster (for settings/configuration).
|
|
||||||
"""
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=unit_id).first()
|
|
||||||
|
|
||||||
if not unit:
|
|
||||||
raise HTTPException(status_code=404, detail=f"Unit {unit_id} not found")
|
|
||||||
|
|
||||||
return {
|
|
||||||
"id": unit.id,
|
|
||||||
"unit_type": unit.unit_type,
|
|
||||||
"device_type": unit.device_type,
|
|
||||||
"deployed": unit.deployed,
|
|
||||||
"retired": unit.retired,
|
|
||||||
"note": unit.note,
|
|
||||||
"location": unit.location,
|
|
||||||
"address": unit.address,
|
|
||||||
"coordinates": unit.coordinates,
|
|
||||||
"slm_host": unit.slm_host,
|
|
||||||
"slm_tcp_port": unit.slm_tcp_port,
|
|
||||||
"slm_ftp_port": unit.slm_ftp_port,
|
|
||||||
"slm_model": unit.slm_model,
|
|
||||||
"slm_serial_number": unit.slm_serial_number,
|
|
||||||
"deployed_with_modem_id": unit.deployed_with_modem_id
|
|
||||||
}
|
|
||||||
|
|||||||
@@ -1,384 +0,0 @@
|
|||||||
"""
|
|
||||||
Device Controller Service
|
|
||||||
|
|
||||||
Routes device operations to the appropriate backend module:
|
|
||||||
- SLMM for sound level meters
|
|
||||||
- SFM for seismographs (future implementation)
|
|
||||||
|
|
||||||
This abstraction allows Projects system to work with any device type
|
|
||||||
without knowing the underlying communication protocol.
|
|
||||||
"""
|
|
||||||
|
|
||||||
from typing import Dict, Any, Optional, List
|
|
||||||
from backend.services.slmm_client import get_slmm_client, SLMMClientError
|
|
||||||
|
|
||||||
|
|
||||||
class DeviceControllerError(Exception):
|
|
||||||
"""Base exception for device controller errors."""
|
|
||||||
pass
|
|
||||||
|
|
||||||
|
|
||||||
class UnsupportedDeviceTypeError(DeviceControllerError):
|
|
||||||
"""Raised when device type is not supported."""
|
|
||||||
pass
|
|
||||||
|
|
||||||
|
|
||||||
class DeviceController:
|
|
||||||
"""
|
|
||||||
Unified interface for controlling all device types.
|
|
||||||
|
|
||||||
Routes commands to appropriate backend module based on device_type.
|
|
||||||
|
|
||||||
Usage:
|
|
||||||
controller = DeviceController()
|
|
||||||
await controller.start_recording("nl43-001", "sound_level_meter", config={})
|
|
||||||
await controller.stop_recording("seismo-042", "seismograph")
|
|
||||||
"""
|
|
||||||
|
|
||||||
def __init__(self):
|
|
||||||
self.slmm_client = get_slmm_client()
|
|
||||||
|
|
||||||
# ========================================================================
|
|
||||||
# Recording Control
|
|
||||||
# ========================================================================
|
|
||||||
|
|
||||||
async def start_recording(
|
|
||||||
self,
|
|
||||||
unit_id: str,
|
|
||||||
device_type: str,
|
|
||||||
config: Optional[Dict[str, Any]] = None,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Start recording on a device.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
device_type: "sound_level_meter" | "seismograph"
|
|
||||||
config: Device-specific recording configuration
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Response dict from device module
|
|
||||||
|
|
||||||
Raises:
|
|
||||||
UnsupportedDeviceTypeError: Device type not supported
|
|
||||||
DeviceControllerError: Operation failed
|
|
||||||
"""
|
|
||||||
if device_type == "sound_level_meter":
|
|
||||||
try:
|
|
||||||
return await self.slmm_client.start_recording(unit_id, config)
|
|
||||||
except SLMMClientError as e:
|
|
||||||
raise DeviceControllerError(f"SLMM error: {str(e)}")
|
|
||||||
|
|
||||||
elif device_type == "seismograph":
|
|
||||||
# TODO: Implement SFM client for seismograph control
|
|
||||||
# For now, return a placeholder response
|
|
||||||
return {
|
|
||||||
"status": "not_implemented",
|
|
||||||
"message": "Seismograph recording control not yet implemented",
|
|
||||||
"unit_id": unit_id,
|
|
||||||
}
|
|
||||||
|
|
||||||
else:
|
|
||||||
raise UnsupportedDeviceTypeError(
|
|
||||||
f"Device type '{device_type}' is not supported. "
|
|
||||||
f"Supported types: sound_level_meter, seismograph"
|
|
||||||
)
|
|
||||||
|
|
||||||
async def stop_recording(
|
|
||||||
self,
|
|
||||||
unit_id: str,
|
|
||||||
device_type: str,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Stop recording on a device.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
device_type: "sound_level_meter" | "seismograph"
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Response dict from device module
|
|
||||||
"""
|
|
||||||
if device_type == "sound_level_meter":
|
|
||||||
try:
|
|
||||||
return await self.slmm_client.stop_recording(unit_id)
|
|
||||||
except SLMMClientError as e:
|
|
||||||
raise DeviceControllerError(f"SLMM error: {str(e)}")
|
|
||||||
|
|
||||||
elif device_type == "seismograph":
|
|
||||||
# TODO: Implement SFM client
|
|
||||||
return {
|
|
||||||
"status": "not_implemented",
|
|
||||||
"message": "Seismograph recording control not yet implemented",
|
|
||||||
"unit_id": unit_id,
|
|
||||||
}
|
|
||||||
|
|
||||||
else:
|
|
||||||
raise UnsupportedDeviceTypeError(f"Unsupported device type: {device_type}")
|
|
||||||
|
|
||||||
async def pause_recording(
|
|
||||||
self,
|
|
||||||
unit_id: str,
|
|
||||||
device_type: str,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Pause recording on a device.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
device_type: "sound_level_meter" | "seismograph"
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Response dict from device module
|
|
||||||
"""
|
|
||||||
if device_type == "sound_level_meter":
|
|
||||||
try:
|
|
||||||
return await self.slmm_client.pause_recording(unit_id)
|
|
||||||
except SLMMClientError as e:
|
|
||||||
raise DeviceControllerError(f"SLMM error: {str(e)}")
|
|
||||||
|
|
||||||
elif device_type == "seismograph":
|
|
||||||
return {
|
|
||||||
"status": "not_implemented",
|
|
||||||
"message": "Seismograph pause not yet implemented",
|
|
||||||
"unit_id": unit_id,
|
|
||||||
}
|
|
||||||
|
|
||||||
else:
|
|
||||||
raise UnsupportedDeviceTypeError(f"Unsupported device type: {device_type}")
|
|
||||||
|
|
||||||
async def resume_recording(
|
|
||||||
self,
|
|
||||||
unit_id: str,
|
|
||||||
device_type: str,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Resume paused recording on a device.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
device_type: "sound_level_meter" | "seismograph"
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Response dict from device module
|
|
||||||
"""
|
|
||||||
if device_type == "sound_level_meter":
|
|
||||||
try:
|
|
||||||
return await self.slmm_client.resume_recording(unit_id)
|
|
||||||
except SLMMClientError as e:
|
|
||||||
raise DeviceControllerError(f"SLMM error: {str(e)}")
|
|
||||||
|
|
||||||
elif device_type == "seismograph":
|
|
||||||
return {
|
|
||||||
"status": "not_implemented",
|
|
||||||
"message": "Seismograph resume not yet implemented",
|
|
||||||
"unit_id": unit_id,
|
|
||||||
}
|
|
||||||
|
|
||||||
else:
|
|
||||||
raise UnsupportedDeviceTypeError(f"Unsupported device type: {device_type}")
|
|
||||||
|
|
||||||
# ========================================================================
|
|
||||||
# Status & Monitoring
|
|
||||||
# ========================================================================
|
|
||||||
|
|
||||||
async def get_device_status(
|
|
||||||
self,
|
|
||||||
unit_id: str,
|
|
||||||
device_type: str,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Get current device status.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
device_type: "sound_level_meter" | "seismograph"
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Status dict from device module
|
|
||||||
"""
|
|
||||||
if device_type == "sound_level_meter":
|
|
||||||
try:
|
|
||||||
return await self.slmm_client.get_unit_status(unit_id)
|
|
||||||
except SLMMClientError as e:
|
|
||||||
raise DeviceControllerError(f"SLMM error: {str(e)}")
|
|
||||||
|
|
||||||
elif device_type == "seismograph":
|
|
||||||
# TODO: Implement SFM status check
|
|
||||||
return {
|
|
||||||
"status": "not_implemented",
|
|
||||||
"message": "Seismograph status not yet implemented",
|
|
||||||
"unit_id": unit_id,
|
|
||||||
}
|
|
||||||
|
|
||||||
else:
|
|
||||||
raise UnsupportedDeviceTypeError(f"Unsupported device type: {device_type}")
|
|
||||||
|
|
||||||
async def get_live_data(
|
|
||||||
self,
|
|
||||||
unit_id: str,
|
|
||||||
device_type: str,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Get live data from device.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
device_type: "sound_level_meter" | "seismograph"
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Live data dict from device module
|
|
||||||
"""
|
|
||||||
if device_type == "sound_level_meter":
|
|
||||||
try:
|
|
||||||
return await self.slmm_client.get_live_data(unit_id)
|
|
||||||
except SLMMClientError as e:
|
|
||||||
raise DeviceControllerError(f"SLMM error: {str(e)}")
|
|
||||||
|
|
||||||
elif device_type == "seismograph":
|
|
||||||
return {
|
|
||||||
"status": "not_implemented",
|
|
||||||
"message": "Seismograph live data not yet implemented",
|
|
||||||
"unit_id": unit_id,
|
|
||||||
}
|
|
||||||
|
|
||||||
else:
|
|
||||||
raise UnsupportedDeviceTypeError(f"Unsupported device type: {device_type}")
|
|
||||||
|
|
||||||
# ========================================================================
|
|
||||||
# Data Download
|
|
||||||
# ========================================================================
|
|
||||||
|
|
||||||
async def download_files(
|
|
||||||
self,
|
|
||||||
unit_id: str,
|
|
||||||
device_type: str,
|
|
||||||
destination_path: str,
|
|
||||||
files: Optional[List[str]] = None,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Download data files from device.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
device_type: "sound_level_meter" | "seismograph"
|
|
||||||
destination_path: Local path to save files
|
|
||||||
files: List of filenames, or None for all
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Download result with file list
|
|
||||||
"""
|
|
||||||
if device_type == "sound_level_meter":
|
|
||||||
try:
|
|
||||||
return await self.slmm_client.download_files(
|
|
||||||
unit_id,
|
|
||||||
destination_path,
|
|
||||||
files,
|
|
||||||
)
|
|
||||||
except SLMMClientError as e:
|
|
||||||
raise DeviceControllerError(f"SLMM error: {str(e)}")
|
|
||||||
|
|
||||||
elif device_type == "seismograph":
|
|
||||||
# TODO: Implement SFM file download
|
|
||||||
return {
|
|
||||||
"status": "not_implemented",
|
|
||||||
"message": "Seismograph file download not yet implemented",
|
|
||||||
"unit_id": unit_id,
|
|
||||||
}
|
|
||||||
|
|
||||||
else:
|
|
||||||
raise UnsupportedDeviceTypeError(f"Unsupported device type: {device_type}")
|
|
||||||
|
|
||||||
# ========================================================================
|
|
||||||
# Device Configuration
|
|
||||||
# ========================================================================
|
|
||||||
|
|
||||||
async def update_device_config(
|
|
||||||
self,
|
|
||||||
unit_id: str,
|
|
||||||
device_type: str,
|
|
||||||
config: Dict[str, Any],
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Update device configuration.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
device_type: "sound_level_meter" | "seismograph"
|
|
||||||
config: Configuration parameters
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Updated config from device module
|
|
||||||
"""
|
|
||||||
if device_type == "sound_level_meter":
|
|
||||||
try:
|
|
||||||
return await self.slmm_client.update_unit_config(
|
|
||||||
unit_id,
|
|
||||||
host=config.get("host"),
|
|
||||||
tcp_port=config.get("tcp_port"),
|
|
||||||
ftp_port=config.get("ftp_port"),
|
|
||||||
ftp_username=config.get("ftp_username"),
|
|
||||||
ftp_password=config.get("ftp_password"),
|
|
||||||
)
|
|
||||||
except SLMMClientError as e:
|
|
||||||
raise DeviceControllerError(f"SLMM error: {str(e)}")
|
|
||||||
|
|
||||||
elif device_type == "seismograph":
|
|
||||||
return {
|
|
||||||
"status": "not_implemented",
|
|
||||||
"message": "Seismograph config update not yet implemented",
|
|
||||||
"unit_id": unit_id,
|
|
||||||
}
|
|
||||||
|
|
||||||
else:
|
|
||||||
raise UnsupportedDeviceTypeError(f"Unsupported device type: {device_type}")
|
|
||||||
|
|
||||||
# ========================================================================
|
|
||||||
# Health Check
|
|
||||||
# ========================================================================
|
|
||||||
|
|
||||||
async def check_device_connectivity(
|
|
||||||
self,
|
|
||||||
unit_id: str,
|
|
||||||
device_type: str,
|
|
||||||
) -> bool:
|
|
||||||
"""
|
|
||||||
Check if device is reachable.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
device_type: "sound_level_meter" | "seismograph"
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
True if device is reachable, False otherwise
|
|
||||||
"""
|
|
||||||
if device_type == "sound_level_meter":
|
|
||||||
try:
|
|
||||||
status = await self.slmm_client.get_unit_status(unit_id)
|
|
||||||
return status.get("last_seen") is not None
|
|
||||||
except:
|
|
||||||
return False
|
|
||||||
|
|
||||||
elif device_type == "seismograph":
|
|
||||||
# TODO: Implement SFM connectivity check
|
|
||||||
return False
|
|
||||||
|
|
||||||
else:
|
|
||||||
return False
|
|
||||||
|
|
||||||
|
|
||||||
# Singleton instance
|
|
||||||
_default_controller: Optional[DeviceController] = None
|
|
||||||
|
|
||||||
|
|
||||||
def get_device_controller() -> DeviceController:
|
|
||||||
"""
|
|
||||||
Get the default device controller instance.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
DeviceController instance
|
|
||||||
"""
|
|
||||||
global _default_controller
|
|
||||||
if _default_controller is None:
|
|
||||||
_default_controller = DeviceController()
|
|
||||||
return _default_controller
|
|
||||||
@@ -1,355 +0,0 @@
|
|||||||
"""
|
|
||||||
Scheduler Service
|
|
||||||
|
|
||||||
Executes scheduled actions for Projects system.
|
|
||||||
Monitors pending scheduled actions and executes them by calling device modules (SLMM/SFM).
|
|
||||||
|
|
||||||
This service runs as a background task in FastAPI, checking for pending actions
|
|
||||||
every minute and executing them when their scheduled time arrives.
|
|
||||||
"""
|
|
||||||
|
|
||||||
import asyncio
|
|
||||||
import json
|
|
||||||
from datetime import datetime, timedelta
|
|
||||||
from typing import Optional, List, Dict, Any
|
|
||||||
from sqlalchemy.orm import Session
|
|
||||||
from sqlalchemy import and_
|
|
||||||
|
|
||||||
from backend.database import SessionLocal
|
|
||||||
from backend.models import ScheduledAction, RecordingSession, MonitoringLocation, Project
|
|
||||||
from backend.services.device_controller import get_device_controller, DeviceControllerError
|
|
||||||
import uuid
|
|
||||||
|
|
||||||
|
|
||||||
class SchedulerService:
|
|
||||||
"""
|
|
||||||
Service for executing scheduled actions.
|
|
||||||
|
|
||||||
Usage:
|
|
||||||
scheduler = SchedulerService()
|
|
||||||
await scheduler.start() # Start background loop
|
|
||||||
scheduler.stop() # Stop background loop
|
|
||||||
"""
|
|
||||||
|
|
||||||
def __init__(self, check_interval: int = 60):
|
|
||||||
"""
|
|
||||||
Initialize scheduler.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
check_interval: Seconds between checks for pending actions (default: 60)
|
|
||||||
"""
|
|
||||||
self.check_interval = check_interval
|
|
||||||
self.running = False
|
|
||||||
self.task: Optional[asyncio.Task] = None
|
|
||||||
self.device_controller = get_device_controller()
|
|
||||||
|
|
||||||
async def start(self):
|
|
||||||
"""Start the scheduler background task."""
|
|
||||||
if self.running:
|
|
||||||
print("Scheduler is already running")
|
|
||||||
return
|
|
||||||
|
|
||||||
self.running = True
|
|
||||||
self.task = asyncio.create_task(self._run_loop())
|
|
||||||
print(f"Scheduler started (checking every {self.check_interval}s)")
|
|
||||||
|
|
||||||
def stop(self):
|
|
||||||
"""Stop the scheduler background task."""
|
|
||||||
self.running = False
|
|
||||||
if self.task:
|
|
||||||
self.task.cancel()
|
|
||||||
print("Scheduler stopped")
|
|
||||||
|
|
||||||
async def _run_loop(self):
|
|
||||||
"""Main scheduler loop."""
|
|
||||||
while self.running:
|
|
||||||
try:
|
|
||||||
await self.execute_pending_actions()
|
|
||||||
except Exception as e:
|
|
||||||
print(f"Scheduler error: {e}")
|
|
||||||
# Continue running even if there's an error
|
|
||||||
|
|
||||||
await asyncio.sleep(self.check_interval)
|
|
||||||
|
|
||||||
async def execute_pending_actions(self) -> List[Dict[str, Any]]:
|
|
||||||
"""
|
|
||||||
Find and execute all pending scheduled actions that are due.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
List of execution results
|
|
||||||
"""
|
|
||||||
db = SessionLocal()
|
|
||||||
results = []
|
|
||||||
|
|
||||||
try:
|
|
||||||
# Find pending actions that are due
|
|
||||||
now = datetime.utcnow()
|
|
||||||
pending_actions = db.query(ScheduledAction).filter(
|
|
||||||
and_(
|
|
||||||
ScheduledAction.execution_status == "pending",
|
|
||||||
ScheduledAction.scheduled_time <= now,
|
|
||||||
)
|
|
||||||
).order_by(ScheduledAction.scheduled_time).all()
|
|
||||||
|
|
||||||
if not pending_actions:
|
|
||||||
return []
|
|
||||||
|
|
||||||
print(f"Found {len(pending_actions)} pending action(s) to execute")
|
|
||||||
|
|
||||||
for action in pending_actions:
|
|
||||||
result = await self._execute_action(action, db)
|
|
||||||
results.append(result)
|
|
||||||
|
|
||||||
db.commit()
|
|
||||||
|
|
||||||
except Exception as e:
|
|
||||||
print(f"Error executing pending actions: {e}")
|
|
||||||
db.rollback()
|
|
||||||
finally:
|
|
||||||
db.close()
|
|
||||||
|
|
||||||
return results
|
|
||||||
|
|
||||||
async def _execute_action(
|
|
||||||
self,
|
|
||||||
action: ScheduledAction,
|
|
||||||
db: Session,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Execute a single scheduled action.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
action: ScheduledAction to execute
|
|
||||||
db: Database session
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Execution result dict
|
|
||||||
"""
|
|
||||||
print(f"Executing action {action.id}: {action.action_type} for unit {action.unit_id}")
|
|
||||||
|
|
||||||
result = {
|
|
||||||
"action_id": action.id,
|
|
||||||
"action_type": action.action_type,
|
|
||||||
"unit_id": action.unit_id,
|
|
||||||
"scheduled_time": action.scheduled_time.isoformat(),
|
|
||||||
"success": False,
|
|
||||||
"error": None,
|
|
||||||
}
|
|
||||||
|
|
||||||
try:
|
|
||||||
# Determine which unit to use
|
|
||||||
# If unit_id is specified, use it; otherwise get from location assignment
|
|
||||||
unit_id = action.unit_id
|
|
||||||
if not unit_id:
|
|
||||||
# Get assigned unit from location
|
|
||||||
from backend.models import UnitAssignment
|
|
||||||
assignment = db.query(UnitAssignment).filter(
|
|
||||||
and_(
|
|
||||||
UnitAssignment.location_id == action.location_id,
|
|
||||||
UnitAssignment.status == "active",
|
|
||||||
)
|
|
||||||
).first()
|
|
||||||
|
|
||||||
if not assignment:
|
|
||||||
raise Exception(f"No active unit assigned to location {action.location_id}")
|
|
||||||
|
|
||||||
unit_id = assignment.unit_id
|
|
||||||
|
|
||||||
# Execute the action based on type
|
|
||||||
if action.action_type == "start":
|
|
||||||
response = await self._execute_start(action, unit_id, db)
|
|
||||||
elif action.action_type == "stop":
|
|
||||||
response = await self._execute_stop(action, unit_id, db)
|
|
||||||
elif action.action_type == "download":
|
|
||||||
response = await self._execute_download(action, unit_id, db)
|
|
||||||
else:
|
|
||||||
raise Exception(f"Unknown action type: {action.action_type}")
|
|
||||||
|
|
||||||
# Mark action as completed
|
|
||||||
action.execution_status = "completed"
|
|
||||||
action.executed_at = datetime.utcnow()
|
|
||||||
action.module_response = json.dumps(response)
|
|
||||||
|
|
||||||
result["success"] = True
|
|
||||||
result["response"] = response
|
|
||||||
|
|
||||||
print(f"✓ Action {action.id} completed successfully")
|
|
||||||
|
|
||||||
except Exception as e:
|
|
||||||
# Mark action as failed
|
|
||||||
action.execution_status = "failed"
|
|
||||||
action.executed_at = datetime.utcnow()
|
|
||||||
action.error_message = str(e)
|
|
||||||
|
|
||||||
result["error"] = str(e)
|
|
||||||
|
|
||||||
print(f"✗ Action {action.id} failed: {e}")
|
|
||||||
|
|
||||||
return result
|
|
||||||
|
|
||||||
async def _execute_start(
|
|
||||||
self,
|
|
||||||
action: ScheduledAction,
|
|
||||||
unit_id: str,
|
|
||||||
db: Session,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""Execute a 'start' action."""
|
|
||||||
# Start recording via device controller
|
|
||||||
response = await self.device_controller.start_recording(
|
|
||||||
unit_id,
|
|
||||||
action.device_type,
|
|
||||||
config={}, # TODO: Load config from action.notes or metadata
|
|
||||||
)
|
|
||||||
|
|
||||||
# Create recording session
|
|
||||||
session = RecordingSession(
|
|
||||||
id=str(uuid.uuid4()),
|
|
||||||
project_id=action.project_id,
|
|
||||||
location_id=action.location_id,
|
|
||||||
unit_id=unit_id,
|
|
||||||
session_type="sound" if action.device_type == "sound_level_meter" else "vibration",
|
|
||||||
started_at=datetime.utcnow(),
|
|
||||||
status="recording",
|
|
||||||
session_metadata=json.dumps({"scheduled_action_id": action.id}),
|
|
||||||
)
|
|
||||||
db.add(session)
|
|
||||||
|
|
||||||
return {
|
|
||||||
"status": "started",
|
|
||||||
"session_id": session.id,
|
|
||||||
"device_response": response,
|
|
||||||
}
|
|
||||||
|
|
||||||
async def _execute_stop(
|
|
||||||
self,
|
|
||||||
action: ScheduledAction,
|
|
||||||
unit_id: str,
|
|
||||||
db: Session,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""Execute a 'stop' action."""
|
|
||||||
# Stop recording via device controller
|
|
||||||
response = await self.device_controller.stop_recording(
|
|
||||||
unit_id,
|
|
||||||
action.device_type,
|
|
||||||
)
|
|
||||||
|
|
||||||
# Find and update the active recording session
|
|
||||||
active_session = db.query(RecordingSession).filter(
|
|
||||||
and_(
|
|
||||||
RecordingSession.location_id == action.location_id,
|
|
||||||
RecordingSession.unit_id == unit_id,
|
|
||||||
RecordingSession.status == "recording",
|
|
||||||
)
|
|
||||||
).first()
|
|
||||||
|
|
||||||
if active_session:
|
|
||||||
active_session.stopped_at = datetime.utcnow()
|
|
||||||
active_session.status = "completed"
|
|
||||||
active_session.duration_seconds = int(
|
|
||||||
(active_session.stopped_at - active_session.started_at).total_seconds()
|
|
||||||
)
|
|
||||||
|
|
||||||
return {
|
|
||||||
"status": "stopped",
|
|
||||||
"session_id": active_session.id if active_session else None,
|
|
||||||
"device_response": response,
|
|
||||||
}
|
|
||||||
|
|
||||||
async def _execute_download(
|
|
||||||
self,
|
|
||||||
action: ScheduledAction,
|
|
||||||
unit_id: str,
|
|
||||||
db: Session,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""Execute a 'download' action."""
|
|
||||||
# Get project and location info for file path
|
|
||||||
location = db.query(MonitoringLocation).filter_by(id=action.location_id).first()
|
|
||||||
project = db.query(Project).filter_by(id=action.project_id).first()
|
|
||||||
|
|
||||||
if not location or not project:
|
|
||||||
raise Exception("Project or location not found")
|
|
||||||
|
|
||||||
# Build destination path
|
|
||||||
# Example: data/Projects/{project-id}/sound/{location-name}/session-{timestamp}/
|
|
||||||
session_timestamp = datetime.utcnow().strftime("%Y-%m-%d-%H%M")
|
|
||||||
location_type_dir = "sound" if action.device_type == "sound_level_meter" else "vibration"
|
|
||||||
|
|
||||||
destination_path = (
|
|
||||||
f"data/Projects/{project.id}/{location_type_dir}/"
|
|
||||||
f"{location.name}/session-{session_timestamp}/"
|
|
||||||
)
|
|
||||||
|
|
||||||
# Download files via device controller
|
|
||||||
response = await self.device_controller.download_files(
|
|
||||||
unit_id,
|
|
||||||
action.device_type,
|
|
||||||
destination_path,
|
|
||||||
files=None, # Download all files
|
|
||||||
)
|
|
||||||
|
|
||||||
# TODO: Create DataFile records for downloaded files
|
|
||||||
|
|
||||||
return {
|
|
||||||
"status": "downloaded",
|
|
||||||
"destination_path": destination_path,
|
|
||||||
"device_response": response,
|
|
||||||
}
|
|
||||||
|
|
||||||
# ========================================================================
|
|
||||||
# Manual Execution (for testing/debugging)
|
|
||||||
# ========================================================================
|
|
||||||
|
|
||||||
async def execute_action_by_id(self, action_id: str) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Manually execute a specific action by ID.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
action_id: ScheduledAction ID
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Execution result
|
|
||||||
"""
|
|
||||||
db = SessionLocal()
|
|
||||||
try:
|
|
||||||
action = db.query(ScheduledAction).filter_by(id=action_id).first()
|
|
||||||
if not action:
|
|
||||||
return {"success": False, "error": "Action not found"}
|
|
||||||
|
|
||||||
result = await self._execute_action(action, db)
|
|
||||||
db.commit()
|
|
||||||
return result
|
|
||||||
|
|
||||||
except Exception as e:
|
|
||||||
db.rollback()
|
|
||||||
return {"success": False, "error": str(e)}
|
|
||||||
finally:
|
|
||||||
db.close()
|
|
||||||
|
|
||||||
|
|
||||||
# Singleton instance
|
|
||||||
_scheduler_instance: Optional[SchedulerService] = None
|
|
||||||
|
|
||||||
|
|
||||||
def get_scheduler() -> SchedulerService:
|
|
||||||
"""
|
|
||||||
Get the scheduler singleton instance.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
SchedulerService instance
|
|
||||||
"""
|
|
||||||
global _scheduler_instance
|
|
||||||
if _scheduler_instance is None:
|
|
||||||
_scheduler_instance = SchedulerService()
|
|
||||||
return _scheduler_instance
|
|
||||||
|
|
||||||
|
|
||||||
async def start_scheduler():
|
|
||||||
"""Start the global scheduler instance."""
|
|
||||||
scheduler = get_scheduler()
|
|
||||||
await scheduler.start()
|
|
||||||
|
|
||||||
|
|
||||||
def stop_scheduler():
|
|
||||||
"""Stop the global scheduler instance."""
|
|
||||||
scheduler = get_scheduler()
|
|
||||||
scheduler.stop()
|
|
||||||
@@ -1,423 +0,0 @@
|
|||||||
"""
|
|
||||||
SLMM API Client Wrapper
|
|
||||||
|
|
||||||
Provides a clean interface for Terra-View to interact with the SLMM backend.
|
|
||||||
All SLM operations should go through this client instead of direct HTTP calls.
|
|
||||||
|
|
||||||
SLMM (Sound Level Meter Manager) is a separate service running on port 8100
|
|
||||||
that handles TCP/FTP communication with Rion NL-43/NL-53 devices.
|
|
||||||
"""
|
|
||||||
|
|
||||||
import httpx
|
|
||||||
from typing import Optional, Dict, Any, List
|
|
||||||
from datetime import datetime
|
|
||||||
import json
|
|
||||||
|
|
||||||
|
|
||||||
# SLMM backend base URLs
|
|
||||||
SLMM_BASE_URL = "http://localhost:8100"
|
|
||||||
SLMM_API_BASE = f"{SLMM_BASE_URL}/api/nl43"
|
|
||||||
|
|
||||||
|
|
||||||
class SLMMClientError(Exception):
|
|
||||||
"""Base exception for SLMM client errors."""
|
|
||||||
pass
|
|
||||||
|
|
||||||
|
|
||||||
class SLMMConnectionError(SLMMClientError):
|
|
||||||
"""Raised when cannot connect to SLMM backend."""
|
|
||||||
pass
|
|
||||||
|
|
||||||
|
|
||||||
class SLMMDeviceError(SLMMClientError):
|
|
||||||
"""Raised when device operation fails."""
|
|
||||||
pass
|
|
||||||
|
|
||||||
|
|
||||||
class SLMMClient:
|
|
||||||
"""
|
|
||||||
Client for interacting with SLMM backend.
|
|
||||||
|
|
||||||
Usage:
|
|
||||||
client = SLMMClient()
|
|
||||||
units = await client.get_all_units()
|
|
||||||
status = await client.get_unit_status("nl43-001")
|
|
||||||
await client.start_recording("nl43-001", config={...})
|
|
||||||
"""
|
|
||||||
|
|
||||||
def __init__(self, base_url: str = SLMM_BASE_URL, timeout: float = 30.0):
|
|
||||||
self.base_url = base_url
|
|
||||||
self.api_base = f"{base_url}/api/nl43"
|
|
||||||
self.timeout = timeout
|
|
||||||
|
|
||||||
async def _request(
|
|
||||||
self,
|
|
||||||
method: str,
|
|
||||||
endpoint: str,
|
|
||||||
data: Optional[Dict] = None,
|
|
||||||
params: Optional[Dict] = None,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Make an HTTP request to SLMM backend.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
method: HTTP method (GET, POST, PUT, DELETE)
|
|
||||||
endpoint: API endpoint (e.g., "/units", "/{unit_id}/status")
|
|
||||||
data: JSON body for POST/PUT requests
|
|
||||||
params: Query parameters
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Response JSON as dict
|
|
||||||
|
|
||||||
Raises:
|
|
||||||
SLMMConnectionError: Cannot reach SLMM
|
|
||||||
SLMMDeviceError: Device operation failed
|
|
||||||
"""
|
|
||||||
url = f"{self.api_base}{endpoint}"
|
|
||||||
|
|
||||||
try:
|
|
||||||
async with httpx.AsyncClient(timeout=self.timeout) as client:
|
|
||||||
response = await client.request(
|
|
||||||
method=method,
|
|
||||||
url=url,
|
|
||||||
json=data,
|
|
||||||
params=params,
|
|
||||||
)
|
|
||||||
response.raise_for_status()
|
|
||||||
|
|
||||||
# Handle empty responses
|
|
||||||
if not response.content:
|
|
||||||
return {}
|
|
||||||
|
|
||||||
return response.json()
|
|
||||||
|
|
||||||
except httpx.ConnectError as e:
|
|
||||||
raise SLMMConnectionError(
|
|
||||||
f"Cannot connect to SLMM backend at {self.base_url}. "
|
|
||||||
f"Is SLMM running? Error: {str(e)}"
|
|
||||||
)
|
|
||||||
except httpx.HTTPStatusError as e:
|
|
||||||
error_detail = "Unknown error"
|
|
||||||
try:
|
|
||||||
error_data = e.response.json()
|
|
||||||
error_detail = error_data.get("detail", str(error_data))
|
|
||||||
except:
|
|
||||||
error_detail = e.response.text or str(e)
|
|
||||||
|
|
||||||
raise SLMMDeviceError(
|
|
||||||
f"SLMM operation failed: {error_detail}"
|
|
||||||
)
|
|
||||||
except Exception as e:
|
|
||||||
raise SLMMClientError(f"Unexpected error: {str(e)}")
|
|
||||||
|
|
||||||
# ========================================================================
|
|
||||||
# Unit Management
|
|
||||||
# ========================================================================
|
|
||||||
|
|
||||||
async def get_all_units(self) -> List[Dict[str, Any]]:
|
|
||||||
"""
|
|
||||||
Get all configured SLM units from SLMM.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
List of unit dicts with id, config, and status
|
|
||||||
"""
|
|
||||||
# SLMM doesn't have a /units endpoint yet, so we'll need to add this
|
|
||||||
# For now, return empty list or implement when SLMM endpoint is ready
|
|
||||||
try:
|
|
||||||
response = await self._request("GET", "/units")
|
|
||||||
return response.get("units", [])
|
|
||||||
except SLMMClientError:
|
|
||||||
# Endpoint may not exist yet
|
|
||||||
return []
|
|
||||||
|
|
||||||
async def get_unit_config(self, unit_id: str) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Get unit configuration from SLMM cache.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier (e.g., "nl43-001")
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Config dict with host, tcp_port, ftp_port, etc.
|
|
||||||
"""
|
|
||||||
return await self._request("GET", f"/{unit_id}/config")
|
|
||||||
|
|
||||||
async def update_unit_config(
|
|
||||||
self,
|
|
||||||
unit_id: str,
|
|
||||||
host: Optional[str] = None,
|
|
||||||
tcp_port: Optional[int] = None,
|
|
||||||
ftp_port: Optional[int] = None,
|
|
||||||
ftp_username: Optional[str] = None,
|
|
||||||
ftp_password: Optional[str] = None,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Update unit configuration in SLMM cache.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
host: Device IP address
|
|
||||||
tcp_port: TCP control port (default: 2255)
|
|
||||||
ftp_port: FTP data port (default: 21)
|
|
||||||
ftp_username: FTP username
|
|
||||||
ftp_password: FTP password
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Updated config
|
|
||||||
"""
|
|
||||||
config = {}
|
|
||||||
if host is not None:
|
|
||||||
config["host"] = host
|
|
||||||
if tcp_port is not None:
|
|
||||||
config["tcp_port"] = tcp_port
|
|
||||||
if ftp_port is not None:
|
|
||||||
config["ftp_port"] = ftp_port
|
|
||||||
if ftp_username is not None:
|
|
||||||
config["ftp_username"] = ftp_username
|
|
||||||
if ftp_password is not None:
|
|
||||||
config["ftp_password"] = ftp_password
|
|
||||||
|
|
||||||
return await self._request("PUT", f"/{unit_id}/config", data=config)
|
|
||||||
|
|
||||||
# ========================================================================
|
|
||||||
# Status & Monitoring
|
|
||||||
# ========================================================================
|
|
||||||
|
|
||||||
async def get_unit_status(self, unit_id: str) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Get cached status snapshot from SLMM.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Status dict with measurement_state, lp, leq, battery, etc.
|
|
||||||
"""
|
|
||||||
return await self._request("GET", f"/{unit_id}/status")
|
|
||||||
|
|
||||||
async def get_live_data(self, unit_id: str) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Request fresh data from device (DOD command).
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Live data snapshot
|
|
||||||
"""
|
|
||||||
return await self._request("GET", f"/{unit_id}/live")
|
|
||||||
|
|
||||||
# ========================================================================
|
|
||||||
# Recording Control
|
|
||||||
# ========================================================================
|
|
||||||
|
|
||||||
async def start_recording(
|
|
||||||
self,
|
|
||||||
unit_id: str,
|
|
||||||
config: Optional[Dict[str, Any]] = None,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Start recording on a unit.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
config: Optional recording config (interval, settings, etc.)
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Response from SLMM with success status
|
|
||||||
"""
|
|
||||||
return await self._request("POST", f"/{unit_id}/start", data=config or {})
|
|
||||||
|
|
||||||
async def stop_recording(self, unit_id: str) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Stop recording on a unit.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Response from SLMM
|
|
||||||
"""
|
|
||||||
return await self._request("POST", f"/{unit_id}/stop")
|
|
||||||
|
|
||||||
async def pause_recording(self, unit_id: str) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Pause recording on a unit.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Response from SLMM
|
|
||||||
"""
|
|
||||||
return await self._request("POST", f"/{unit_id}/pause")
|
|
||||||
|
|
||||||
async def resume_recording(self, unit_id: str) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Resume paused recording on a unit.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Response from SLMM
|
|
||||||
"""
|
|
||||||
return await self._request("POST", f"/{unit_id}/resume")
|
|
||||||
|
|
||||||
async def reset_data(self, unit_id: str) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Reset measurement data on a unit.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Response from SLMM
|
|
||||||
"""
|
|
||||||
return await self._request("POST", f"/{unit_id}/reset")
|
|
||||||
|
|
||||||
# ========================================================================
|
|
||||||
# Device Settings
|
|
||||||
# ========================================================================
|
|
||||||
|
|
||||||
async def get_frequency_weighting(self, unit_id: str) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Get frequency weighting setting (A, C, or Z).
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Dict with current weighting
|
|
||||||
"""
|
|
||||||
return await self._request("GET", f"/{unit_id}/frequency-weighting")
|
|
||||||
|
|
||||||
async def set_frequency_weighting(
|
|
||||||
self,
|
|
||||||
unit_id: str,
|
|
||||||
weighting: str,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Set frequency weighting (A, C, or Z).
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
weighting: "A", "C", or "Z"
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Confirmation response
|
|
||||||
"""
|
|
||||||
return await self._request(
|
|
||||||
"PUT",
|
|
||||||
f"/{unit_id}/frequency-weighting",
|
|
||||||
data={"weighting": weighting},
|
|
||||||
)
|
|
||||||
|
|
||||||
async def get_time_weighting(self, unit_id: str) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Get time weighting setting (F, S, or I).
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Dict with current time weighting
|
|
||||||
"""
|
|
||||||
return await self._request("GET", f"/{unit_id}/time-weighting")
|
|
||||||
|
|
||||||
async def set_time_weighting(
|
|
||||||
self,
|
|
||||||
unit_id: str,
|
|
||||||
weighting: str,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Set time weighting (F=Fast, S=Slow, I=Impulse).
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
weighting: "F", "S", or "I"
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Confirmation response
|
|
||||||
"""
|
|
||||||
return await self._request(
|
|
||||||
"PUT",
|
|
||||||
f"/{unit_id}/time-weighting",
|
|
||||||
data={"weighting": weighting},
|
|
||||||
)
|
|
||||||
|
|
||||||
async def get_all_settings(self, unit_id: str) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Get all device settings.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Dict with all settings
|
|
||||||
"""
|
|
||||||
return await self._request("GET", f"/{unit_id}/settings")
|
|
||||||
|
|
||||||
# ========================================================================
|
|
||||||
# Data Download (Future)
|
|
||||||
# ========================================================================
|
|
||||||
|
|
||||||
async def download_files(
|
|
||||||
self,
|
|
||||||
unit_id: str,
|
|
||||||
destination_path: str,
|
|
||||||
files: Optional[List[str]] = None,
|
|
||||||
) -> Dict[str, Any]:
|
|
||||||
"""
|
|
||||||
Download files from unit via FTP.
|
|
||||||
|
|
||||||
NOTE: This endpoint doesn't exist in SLMM yet. Will need to implement.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
unit_id: Unit identifier
|
|
||||||
destination_path: Local path to save files
|
|
||||||
files: List of filenames to download, or None for all
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
Dict with downloaded files list and metadata
|
|
||||||
"""
|
|
||||||
data = {
|
|
||||||
"destination_path": destination_path,
|
|
||||||
"files": files or "all",
|
|
||||||
}
|
|
||||||
return await self._request("POST", f"/{unit_id}/ftp/download", data=data)
|
|
||||||
|
|
||||||
# ========================================================================
|
|
||||||
# Health Check
|
|
||||||
# ========================================================================
|
|
||||||
|
|
||||||
async def health_check(self) -> bool:
|
|
||||||
"""
|
|
||||||
Check if SLMM backend is reachable.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
True if SLMM is responding, False otherwise
|
|
||||||
"""
|
|
||||||
try:
|
|
||||||
async with httpx.AsyncClient(timeout=5.0) as client:
|
|
||||||
response = await client.get(f"{self.base_url}/health")
|
|
||||||
return response.status_code == 200
|
|
||||||
except:
|
|
||||||
return False
|
|
||||||
|
|
||||||
|
|
||||||
# Singleton instance for convenience
|
|
||||||
_default_client: Optional[SLMMClient] = None
|
|
||||||
|
|
||||||
|
|
||||||
def get_slmm_client() -> SLMMClient:
|
|
||||||
"""
|
|
||||||
Get the default SLMM client instance.
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
SLMMClient instance
|
|
||||||
"""
|
|
||||||
global _default_client
|
|
||||||
if _default_client is None:
|
|
||||||
_default_client = SLMMClient()
|
|
||||||
return _default_client
|
|
||||||
@@ -24,47 +24,13 @@ def format_age(last_seen):
|
|||||||
return f"{int(hours)}h {int(mins)}m"
|
return f"{int(hours)}h {int(mins)}m"
|
||||||
|
|
||||||
|
|
||||||
def calculate_status(last_seen, status_ok_threshold=12, status_pending_threshold=24):
|
|
||||||
"""
|
|
||||||
Calculate status based on how long ago the unit was last seen.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
last_seen: datetime of last seen (UTC)
|
|
||||||
status_ok_threshold: hours before status becomes Pending (default 12)
|
|
||||||
status_pending_threshold: hours before status becomes Missing (default 24)
|
|
||||||
|
|
||||||
Returns:
|
|
||||||
"OK", "Pending", or "Missing"
|
|
||||||
"""
|
|
||||||
if not last_seen:
|
|
||||||
return "Missing"
|
|
||||||
|
|
||||||
last_seen = ensure_utc(last_seen)
|
|
||||||
now = datetime.now(timezone.utc)
|
|
||||||
hours_ago = (now - last_seen).total_seconds() / 3600
|
|
||||||
|
|
||||||
if hours_ago > status_pending_threshold:
|
|
||||||
return "Missing"
|
|
||||||
elif hours_ago > status_ok_threshold:
|
|
||||||
return "Pending"
|
|
||||||
else:
|
|
||||||
return "OK"
|
|
||||||
|
|
||||||
|
|
||||||
def emit_status_snapshot():
|
def emit_status_snapshot():
|
||||||
"""
|
"""
|
||||||
Merge roster (what we *intend*) with emitter data (what is *actually happening*).
|
Merge roster (what we *intend*) with emitter data (what is *actually happening*).
|
||||||
Status is recalculated based on current time to ensure accuracy.
|
|
||||||
"""
|
"""
|
||||||
|
|
||||||
db = get_db_session()
|
db = get_db_session()
|
||||||
try:
|
try:
|
||||||
# Get user preferences for status thresholds
|
|
||||||
from backend.models import UserPreferences
|
|
||||||
prefs = db.query(UserPreferences).filter_by(id=1).first()
|
|
||||||
status_ok_threshold = prefs.status_ok_threshold_hours if prefs else 12
|
|
||||||
status_pending_threshold = prefs.status_pending_threshold_hours if prefs else 24
|
|
||||||
|
|
||||||
roster = {r.id: r for r in db.query(RosterUnit).all()}
|
roster = {r.id: r for r in db.query(RosterUnit).all()}
|
||||||
emitters = {e.id: e for e in db.query(Emitter).all()}
|
emitters = {e.id: e for e in db.query(Emitter).all()}
|
||||||
ignored = {i.id for i in db.query(IgnoredUnit).all()}
|
ignored = {i.id for i in db.query(IgnoredUnit).all()}
|
||||||
@@ -74,6 +40,7 @@ def emit_status_snapshot():
|
|||||||
# --- Merge roster entries first ---
|
# --- Merge roster entries first ---
|
||||||
for unit_id, r in roster.items():
|
for unit_id, r in roster.items():
|
||||||
e = emitters.get(unit_id)
|
e = emitters.get(unit_id)
|
||||||
|
|
||||||
if r.retired:
|
if r.retired:
|
||||||
# Retired units get separated later
|
# Retired units get separated later
|
||||||
status = "Retired"
|
status = "Retired"
|
||||||
@@ -82,9 +49,8 @@ def emit_status_snapshot():
|
|||||||
fname = ""
|
fname = ""
|
||||||
else:
|
else:
|
||||||
if e:
|
if e:
|
||||||
|
status = e.status
|
||||||
last_seen = ensure_utc(e.last_seen)
|
last_seen = ensure_utc(e.last_seen)
|
||||||
# RECALCULATE status based on current time, not stored value
|
|
||||||
status = calculate_status(last_seen, status_ok_threshold, status_pending_threshold)
|
|
||||||
age = format_age(last_seen)
|
age = format_age(last_seen)
|
||||||
fname = e.last_file
|
fname = e.last_file
|
||||||
else:
|
else:
|
||||||
@@ -94,12 +60,12 @@ def emit_status_snapshot():
|
|||||||
age = "N/A"
|
age = "N/A"
|
||||||
fname = ""
|
fname = ""
|
||||||
|
|
||||||
units[unit_id] = {
|
units[unit_id] = {
|
||||||
"id": unit_id,
|
"id": unit_id,
|
||||||
"status": status,
|
"status": status,
|
||||||
"age": age,
|
"age": age,
|
||||||
"last": last_seen.isoformat() if last_seen else None,
|
"last": last_seen.isoformat() if last_seen else None,
|
||||||
"fname": fname,
|
"fname": fname,
|
||||||
"deployed": r.deployed,
|
"deployed": r.deployed,
|
||||||
"note": r.note or "",
|
"note": r.note or "",
|
||||||
"retired": r.retired,
|
"retired": r.retired,
|
||||||
@@ -110,22 +76,20 @@ def emit_status_snapshot():
|
|||||||
"deployed_with_modem_id": r.deployed_with_modem_id,
|
"deployed_with_modem_id": r.deployed_with_modem_id,
|
||||||
"ip_address": r.ip_address,
|
"ip_address": r.ip_address,
|
||||||
"phone_number": r.phone_number,
|
"phone_number": r.phone_number,
|
||||||
"hardware_model": r.hardware_model,
|
"hardware_model": r.hardware_model,
|
||||||
# Location for mapping
|
# Location for mapping
|
||||||
"location": r.location or "",
|
"location": r.location or "",
|
||||||
"address": r.address or "",
|
"address": r.address or "",
|
||||||
"coordinates": r.coordinates or "",
|
"coordinates": r.coordinates or "",
|
||||||
}
|
}
|
||||||
|
|
||||||
# --- Add unexpected emitter-only units ---
|
# --- Add unexpected emitter-only units ---
|
||||||
for unit_id, e in emitters.items():
|
for unit_id, e in emitters.items():
|
||||||
if unit_id not in roster:
|
if unit_id not in roster:
|
||||||
last_seen = ensure_utc(e.last_seen)
|
last_seen = ensure_utc(e.last_seen)
|
||||||
# RECALCULATE status for unknown units too
|
|
||||||
status = calculate_status(last_seen, status_ok_threshold, status_pending_threshold)
|
|
||||||
units[unit_id] = {
|
units[unit_id] = {
|
||||||
"id": unit_id,
|
"id": unit_id,
|
||||||
"status": status,
|
"status": e.status,
|
||||||
"age": format_age(last_seen),
|
"age": format_age(last_seen),
|
||||||
"last": last_seen.isoformat(),
|
"last": last_seen.isoformat(),
|
||||||
"fname": e.last_file,
|
"fname": e.last_file,
|
||||||
|
|||||||
@@ -347,3 +347,6 @@ document.addEventListener('DOMContentLoaded', async () => {
|
|||||||
console.error('Failed to initialize offline database:', error);
|
console.error('Failed to initialize offline database:', error);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Export for use in other scripts
|
||||||
|
export default OfflineDB;
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
services:
|
services:
|
||||||
|
|
||||||
# --- TERRA-VIEW PRODUCTION ---
|
# --- PRODUCTION ---
|
||||||
terra-view-prod:
|
seismo-backend:
|
||||||
build: .
|
build: .
|
||||||
container_name: terra-view
|
container_name: seismo-fleet-manager
|
||||||
ports:
|
ports:
|
||||||
- "8001:8001"
|
- "8001:8001"
|
||||||
volumes:
|
volumes:
|
||||||
@@ -11,12 +11,7 @@ services:
|
|||||||
environment:
|
environment:
|
||||||
- PYTHONUNBUFFERED=1
|
- PYTHONUNBUFFERED=1
|
||||||
- ENVIRONMENT=production
|
- ENVIRONMENT=production
|
||||||
- SLMM_BASE_URL=http://host.docker.internal:8100
|
|
||||||
restart: unless-stopped
|
restart: unless-stopped
|
||||||
depends_on:
|
|
||||||
- slmm
|
|
||||||
extra_hosts:
|
|
||||||
- "host.docker.internal:host-gateway"
|
|
||||||
healthcheck:
|
healthcheck:
|
||||||
test: ["CMD", "curl", "-f", "http://localhost:8001/health"]
|
test: ["CMD", "curl", "-f", "http://localhost:8001/health"]
|
||||||
interval: 30s
|
interval: 30s
|
||||||
@@ -24,48 +19,24 @@ services:
|
|||||||
retries: 3
|
retries: 3
|
||||||
start_period: 40s
|
start_period: 40s
|
||||||
|
|
||||||
# --- TERRA-VIEW DEVELOPMENT ---
|
# --- DEVELOPMENT ---
|
||||||
# terra-view-dev:
|
sfm-dev:
|
||||||
# build: .
|
build: .
|
||||||
# container_name: terra-view-dev
|
container_name: sfm-dev
|
||||||
# ports:
|
ports:
|
||||||
# - "1001:8001"
|
- "1001:8001"
|
||||||
# volumes:
|
|
||||||
# - ./data-dev:/app/data
|
|
||||||
# environment:
|
|
||||||
# - PYTHONUNBUFFERED=1
|
|
||||||
# - ENVIRONMENT=development
|
|
||||||
# - SLMM_BASE_URL=http://slmm:8100
|
|
||||||
# restart: unless-stopped
|
|
||||||
# depends_on:
|
|
||||||
# - slmm
|
|
||||||
# healthcheck:
|
|
||||||
# test: ["CMD", "curl", "-f", "http://localhost:8001/health"]
|
|
||||||
# interval: 30s
|
|
||||||
# timeout: 10s
|
|
||||||
# retries: 3
|
|
||||||
# start_period: 40s
|
|
||||||
|
|
||||||
# --- SLMM (Sound Level Meter Manager) ---
|
|
||||||
slmm:
|
|
||||||
build:
|
|
||||||
context: ../slmm
|
|
||||||
dockerfile: Dockerfile
|
|
||||||
container_name: slmm
|
|
||||||
network_mode: host
|
|
||||||
volumes:
|
volumes:
|
||||||
- ../slmm/data:/app/data
|
- ./data-dev:/app/data
|
||||||
environment:
|
environment:
|
||||||
- PYTHONUNBUFFERED=1
|
- PYTHONUNBUFFERED=1
|
||||||
- PORT=8100
|
- ENVIRONMENT=development
|
||||||
- CORS_ORIGINS=*
|
|
||||||
restart: unless-stopped
|
restart: unless-stopped
|
||||||
healthcheck:
|
healthcheck:
|
||||||
test: ["CMD", "curl", "-f", "http://localhost:8100/health"]
|
test: ["CMD", "curl", "-f", "http://localhost:8001/health"]
|
||||||
interval: 30s
|
interval: 30s
|
||||||
timeout: 10s
|
timeout: 10s
|
||||||
retries: 3
|
retries: 3
|
||||||
start_period: 10s
|
start_period: 40s
|
||||||
|
|
||||||
volumes:
|
volumes:
|
||||||
data:
|
data:
|
||||||
|
|||||||
@@ -1,276 +0,0 @@
|
|||||||
# Device Type Dashboards
|
|
||||||
|
|
||||||
This document describes the separate dashboard system for different device types in SFM.
|
|
||||||
|
|
||||||
## Overview
|
|
||||||
|
|
||||||
SFM now has dedicated dashboards for each device type:
|
|
||||||
- **Main Dashboard** (`/`) - Combined overview of all devices
|
|
||||||
- **Seismographs Dashboard** (`/seismographs`) - Seismograph-specific view
|
|
||||||
- **Sound Level Meters Dashboard** (`/sound-level-meters`) - SLM-specific view
|
|
||||||
- **Fleet Roster** (`/roster`) - All devices with filtering and management
|
|
||||||
|
|
||||||
## Architecture
|
|
||||||
|
|
||||||
### 1. Main Dashboard
|
|
||||||
|
|
||||||
**Route**: `/`
|
|
||||||
**Template**: [templates/dashboard.html](../templates/dashboard.html)
|
|
||||||
**Purpose**: Combined overview showing all device types
|
|
||||||
|
|
||||||
**Features**:
|
|
||||||
- Fleet summary card now includes device type breakdown
|
|
||||||
- Shows count of seismographs and SLMs separately
|
|
||||||
- Links to dedicated dashboards for each device type
|
|
||||||
- Shared components: map, alerts, recent photos, fleet status
|
|
||||||
|
|
||||||
**Device Type Counts**:
|
|
||||||
The dashboard calculates device type counts in JavaScript from the snapshot data:
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
// Device type counts
|
|
||||||
let seismoCount = 0;
|
|
||||||
let slmCount = 0;
|
|
||||||
Object.values(data.units || {}).forEach(unit => {
|
|
||||||
if (unit.retired) return; // Don't count retired units
|
|
||||||
const deviceType = unit.device_type || 'seismograph';
|
|
||||||
if (deviceType === 'seismograph') {
|
|
||||||
seismoCount++;
|
|
||||||
} else if (deviceType === 'sound_level_meter') {
|
|
||||||
slmCount++;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
```
|
|
||||||
|
|
||||||
### 2. Seismographs Dashboard
|
|
||||||
|
|
||||||
**Route**: `/seismographs`
|
|
||||||
**Template**: [templates/seismographs.html](../templates/seismographs.html)
|
|
||||||
**Router**: [backend/routers/seismo_dashboard.py](../backend/routers/seismo_dashboard.py)
|
|
||||||
|
|
||||||
**API Endpoints**:
|
|
||||||
- `GET /api/seismo-dashboard/stats` - Statistics summary (HTML partial)
|
|
||||||
- `GET /api/seismo-dashboard/units?search=<query>` - Unit list with search (HTML partial)
|
|
||||||
|
|
||||||
**Features**:
|
|
||||||
- Statistics cards (total, deployed, benched, with/without modem)
|
|
||||||
- Searchable unit list with real-time filtering
|
|
||||||
- Shows modem assignments
|
|
||||||
- Links to individual unit detail pages
|
|
||||||
|
|
||||||
**Stats Calculation** ([backend/routers/seismo_dashboard.py:18](../backend/routers/seismo_dashboard.py#L18)):
|
|
||||||
|
|
||||||
```python
|
|
||||||
seismos = db.query(RosterUnit).filter_by(
|
|
||||||
device_type="seismograph",
|
|
||||||
retired=False
|
|
||||||
).all()
|
|
||||||
|
|
||||||
total = len(seismos)
|
|
||||||
deployed = sum(1 for s in seismos if s.deployed)
|
|
||||||
benched = sum(1 for s in seismos if not s.deployed)
|
|
||||||
with_modem = sum(1 for s in seismos if s.deployed and s.deployed_with_modem_id)
|
|
||||||
```
|
|
||||||
|
|
||||||
### 3. Sound Level Meters Dashboard
|
|
||||||
|
|
||||||
**Route**: `/sound-level-meters`
|
|
||||||
**Template**: [templates/sound_level_meters.html](../templates/sound_level_meters.html)
|
|
||||||
**Router**: [backend/routers/slm_dashboard.py](../backend/routers/slm_dashboard.py)
|
|
||||||
|
|
||||||
**API Endpoints**:
|
|
||||||
- `GET /api/slm-dashboard/stats` - Statistics summary (HTML partial)
|
|
||||||
- `GET /api/slm-dashboard/units?search=<query>` - Unit list with search (HTML partial)
|
|
||||||
- `GET /api/slm-dashboard/live-view/{unit_id}` - Live view panel (HTML partial)
|
|
||||||
|
|
||||||
**Features**:
|
|
||||||
- Statistics cards (total, deployed, benched, measuring)
|
|
||||||
- Searchable unit list
|
|
||||||
- Live view panel with real-time measurement data
|
|
||||||
- WebSocket integration for DRD streaming
|
|
||||||
- Shows modem assignments and IP resolution
|
|
||||||
|
|
||||||
See [SOUND_LEVEL_METERS_DASHBOARD.md](SOUND_LEVEL_METERS_DASHBOARD.md) for detailed SLM dashboard documentation.
|
|
||||||
|
|
||||||
## Navigation
|
|
||||||
|
|
||||||
The sidebar navigation ([templates/base.html:116-128](../templates/base.html#L116-L128)) includes links to both dashboards:
|
|
||||||
|
|
||||||
```html
|
|
||||||
<a href="/seismographs">
|
|
||||||
<svg>...</svg>
|
|
||||||
Seismographs
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="/sound-level-meters">
|
|
||||||
<svg>...</svg>
|
|
||||||
Sound Level Meters
|
|
||||||
</a>
|
|
||||||
```
|
|
||||||
|
|
||||||
Active page highlighting is automatic based on `request.url.path`.
|
|
||||||
|
|
||||||
## Database Queries
|
|
||||||
|
|
||||||
All dashboards filter by device type using SQLAlchemy:
|
|
||||||
|
|
||||||
### Seismographs Query
|
|
||||||
```python
|
|
||||||
seismos = db.query(RosterUnit).filter_by(
|
|
||||||
device_type="seismograph",
|
|
||||||
retired=False
|
|
||||||
).all()
|
|
||||||
```
|
|
||||||
|
|
||||||
### Sound Level Meters Query
|
|
||||||
```python
|
|
||||||
slms = db.query(RosterUnit).filter_by(
|
|
||||||
device_type="sound_level_meter",
|
|
||||||
retired=False
|
|
||||||
).all()
|
|
||||||
```
|
|
||||||
|
|
||||||
### With Search Filter
|
|
||||||
```python
|
|
||||||
query = db.query(RosterUnit).filter_by(
|
|
||||||
device_type="seismograph",
|
|
||||||
retired=False
|
|
||||||
)
|
|
||||||
|
|
||||||
if search:
|
|
||||||
query = query.filter(
|
|
||||||
(RosterUnit.id.ilike(f"%{search}%")) |
|
|
||||||
(RosterUnit.note.ilike(f"%{search}%")) |
|
|
||||||
(RosterUnit.address.ilike(f"%{search}%"))
|
|
||||||
)
|
|
||||||
```
|
|
||||||
|
|
||||||
## UI Components
|
|
||||||
|
|
||||||
### Stats Cards (Partials)
|
|
||||||
|
|
||||||
**Seismograph Stats**: [templates/partials/seismo_stats.html](../templates/partials/seismo_stats.html)
|
|
||||||
- Total Seismographs
|
|
||||||
- Deployed
|
|
||||||
- Benched
|
|
||||||
- With Modem (showing X / Y deployed)
|
|
||||||
|
|
||||||
**SLM Stats**: [templates/partials/slm_stats.html](../templates/partials/slm_stats.html)
|
|
||||||
- Total SLMs
|
|
||||||
- Deployed
|
|
||||||
- Benched
|
|
||||||
- Currently Measuring (from live status)
|
|
||||||
|
|
||||||
### Unit Lists (Partials)
|
|
||||||
|
|
||||||
**Seismograph List**: [templates/partials/seismo_unit_list.html](../templates/partials/seismo_unit_list.html)
|
|
||||||
|
|
||||||
Table columns:
|
|
||||||
- Unit ID (link to detail page)
|
|
||||||
- Status (Deployed/Benched badge)
|
|
||||||
- Modem (link to modem unit)
|
|
||||||
- Location (address or coordinates)
|
|
||||||
- Notes
|
|
||||||
- Actions (View Details link)
|
|
||||||
|
|
||||||
**SLM List**: [templates/partials/slm_unit_list.html](../templates/partials/slm_unit_list.html)
|
|
||||||
|
|
||||||
Table columns:
|
|
||||||
- Unit ID (link to detail page)
|
|
||||||
- Model (NL-43, NL-53)
|
|
||||||
- Status (Deployed/Benched badge)
|
|
||||||
- Modem (link to modem unit)
|
|
||||||
- Location
|
|
||||||
- Actions (View Details, Live View)
|
|
||||||
|
|
||||||
## HTMX Integration
|
|
||||||
|
|
||||||
Both dashboards use HTMX for dynamic updates:
|
|
||||||
|
|
||||||
### Auto-refresh Stats
|
|
||||||
```html
|
|
||||||
<div hx-get="/api/seismo-dashboard/stats"
|
|
||||||
hx-trigger="load, every 30s"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
```
|
|
||||||
|
|
||||||
### Search with Debouncing
|
|
||||||
```html
|
|
||||||
<input type="text"
|
|
||||||
hx-get="/api/seismo-dashboard/units"
|
|
||||||
hx-trigger="keyup changed delay:300ms"
|
|
||||||
hx-target="#seismo-units-list"
|
|
||||||
name="search" />
|
|
||||||
```
|
|
||||||
|
|
||||||
## Adding New Device Types
|
|
||||||
|
|
||||||
To add support for a new device type (e.g., "modem"):
|
|
||||||
|
|
||||||
1. **Create Router** (`backend/routers/modem_dashboard.py`):
|
|
||||||
```python
|
|
||||||
@router.get("/stats", response_class=HTMLResponse)
|
|
||||||
async def get_modem_stats(request: Request, db: Session = Depends(get_db)):
|
|
||||||
modems = db.query(RosterUnit).filter_by(
|
|
||||||
device_type="modem",
|
|
||||||
retired=False
|
|
||||||
).all()
|
|
||||||
# Calculate stats and return partial
|
|
||||||
```
|
|
||||||
|
|
||||||
2. **Create Templates**:
|
|
||||||
- `templates/modems.html` - Main dashboard page
|
|
||||||
- `templates/partials/modem_stats.html` - Stats cards
|
|
||||||
- `templates/partials/modem_unit_list.html` - Unit list table
|
|
||||||
|
|
||||||
3. **Register in main.py**:
|
|
||||||
```python
|
|
||||||
from backend.routers import modem_dashboard
|
|
||||||
app.include_router(modem_dashboard.router)
|
|
||||||
|
|
||||||
@app.get("/modems", response_class=HTMLResponse)
|
|
||||||
async def modems_page(request: Request):
|
|
||||||
return templates.TemplateResponse("modems.html", {"request": request})
|
|
||||||
```
|
|
||||||
|
|
||||||
4. **Add to Navigation** (`templates/base.html`):
|
|
||||||
```html
|
|
||||||
<a href="/modems">
|
|
||||||
<svg>...</svg>
|
|
||||||
Modems
|
|
||||||
</a>
|
|
||||||
```
|
|
||||||
|
|
||||||
5. **Update Main Dashboard** (`templates/dashboard.html`):
|
|
||||||
Add modem count to the device type breakdown:
|
|
||||||
```html
|
|
||||||
<div class="flex justify-between items-center">
|
|
||||||
<a href="/modems">Modems</a>
|
|
||||||
<span id="modem-count">--</span>
|
|
||||||
</div>
|
|
||||||
```
|
|
||||||
|
|
||||||
Update JavaScript to count modems:
|
|
||||||
```javascript
|
|
||||||
let modemCount = 0;
|
|
||||||
Object.values(data.units || {}).forEach(unit => {
|
|
||||||
if (unit.device_type === 'modem' && !unit.retired) {
|
|
||||||
modemCount++;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
document.getElementById('modem-count').textContent = modemCount;
|
|
||||||
```
|
|
||||||
|
|
||||||
## Benefits
|
|
||||||
|
|
||||||
1. **Separation of Concerns**: Each device type has its own dedicated interface
|
|
||||||
2. **Scalability**: Easy to add new device types following the established pattern
|
|
||||||
3. **Performance**: Queries are filtered by device type, reducing data transfer
|
|
||||||
4. **User Experience**: Users can focus on specific device types without clutter
|
|
||||||
5. **Maintainability**: Each dashboard is self-contained and easy to modify
|
|
||||||
|
|
||||||
## Related Documentation
|
|
||||||
|
|
||||||
- [SOUND_LEVEL_METERS_DASHBOARD.md](SOUND_LEVEL_METERS_DASHBOARD.md) - SLM dashboard details
|
|
||||||
- [DEVICE_TYPE_SLM_SUPPORT.md](DEVICE_TYPE_SLM_SUPPORT.md) - Adding SLM device type support
|
|
||||||
- [MODEM_INTEGRATION.md](MODEM_INTEGRATION.md) - Modem assignment architecture
|
|
||||||
@@ -1,159 +0,0 @@
|
|||||||
# Sound Level Meter Device Type Support
|
|
||||||
|
|
||||||
## Overview
|
|
||||||
|
|
||||||
Added full support for "Sound Level Meter" as a device type in the roster management system. Users can now create, edit, and manage SLM units through the Fleet Roster interface.
|
|
||||||
|
|
||||||
## Changes Made
|
|
||||||
|
|
||||||
### 1. Frontend - Unit Detail Page
|
|
||||||
|
|
||||||
**File**: `templates/unit_detail.html`
|
|
||||||
|
|
||||||
#### Added Device Type Option
|
|
||||||
- Added "Sound Level Meter" option to device type dropdown (line 243)
|
|
||||||
- Value: `sound_level_meter`
|
|
||||||
|
|
||||||
#### Added SLM-Specific Fields Section (lines 320-370)
|
|
||||||
New form fields for Sound Level Meter configuration:
|
|
||||||
|
|
||||||
- **Host (IP Address)**: Device network address
|
|
||||||
- Field name: `slm_host`
|
|
||||||
- Example: `192.168.1.100`
|
|
||||||
|
|
||||||
- **TCP Port**: Control port (default 2255)
|
|
||||||
- Field name: `slm_tcp_port`
|
|
||||||
- Type: number
|
|
||||||
|
|
||||||
- **Model**: Device model designation
|
|
||||||
- Field name: `slm_model`
|
|
||||||
- Example: `NL-43`, `NL-53`
|
|
||||||
|
|
||||||
- **Serial Number**: Manufacturer serial number
|
|
||||||
- Field name: `slm_serial_number`
|
|
||||||
|
|
||||||
- **Frequency Weighting**: Sound measurement weighting curve
|
|
||||||
- Field name: `slm_frequency_weighting`
|
|
||||||
- Options: A-weighting, C-weighting, Z-weighting (Flat)
|
|
||||||
|
|
||||||
- **Time Weighting**: Temporal averaging method
|
|
||||||
- Field name: `slm_time_weighting`
|
|
||||||
- Options: Fast (125ms), Slow (1s), Impulse (35ms)
|
|
||||||
|
|
||||||
- **Measurement Range**: Device measurement capability
|
|
||||||
- Field name: `slm_measurement_range`
|
|
||||||
- Example: `30-130 dB`
|
|
||||||
|
|
||||||
#### Updated JavaScript Functions
|
|
||||||
|
|
||||||
**toggleDetailFields()** (lines 552-571)
|
|
||||||
- Now handles three device types: seismograph, modem, sound_level_meter
|
|
||||||
- Hides all device-specific sections, then shows only the relevant one
|
|
||||||
- Shows `slmFields` section when device type is `sound_level_meter`
|
|
||||||
|
|
||||||
**populateEditForm()** (lines 527-558)
|
|
||||||
- Populates all 7 SLM-specific fields from unit data
|
|
||||||
- Sets empty string as default if field is null
|
|
||||||
|
|
||||||
### 2. Backend - API Endpoints
|
|
||||||
|
|
||||||
**File**: `backend/routers/roster_edit.py`
|
|
||||||
|
|
||||||
#### Updated Add Unit Endpoint
|
|
||||||
`POST /api/roster/add`
|
|
||||||
|
|
||||||
**New Parameters** (lines 61-67):
|
|
||||||
- `slm_host`: str (optional)
|
|
||||||
- `slm_tcp_port`: int (optional)
|
|
||||||
- `slm_model`: str (optional)
|
|
||||||
- `slm_serial_number`: str (optional)
|
|
||||||
- `slm_frequency_weighting`: str (optional)
|
|
||||||
- `slm_time_weighting`: str (optional)
|
|
||||||
- `slm_measurement_range`: str (optional)
|
|
||||||
|
|
||||||
**Unit Creation** (lines 108-115):
|
|
||||||
All SLM fields are set when creating new unit.
|
|
||||||
|
|
||||||
#### Updated Get Unit Endpoint
|
|
||||||
`GET /api/roster/{unit_id}`
|
|
||||||
|
|
||||||
**New Response Fields** (lines 146-152):
|
|
||||||
Returns all 7 SLM fields in the response, with empty string as default if null.
|
|
||||||
|
|
||||||
#### Updated Edit Unit Endpoint
|
|
||||||
`POST /api/roster/edit/{unit_id}`
|
|
||||||
|
|
||||||
**New Parameters** (lines 177-183):
|
|
||||||
Same 7 SLM-specific parameters as add endpoint.
|
|
||||||
|
|
||||||
**Unit Update** (lines 232-239):
|
|
||||||
All SLM fields are updated when editing existing unit.
|
|
||||||
|
|
||||||
### 3. Database Schema
|
|
||||||
|
|
||||||
**File**: `backend/models.py`
|
|
||||||
|
|
||||||
The database schema already included SLM fields (no changes needed):
|
|
||||||
- All fields are nullable to support multiple device types
|
|
||||||
- Fields are only relevant when `device_type = "sound_level_meter"`
|
|
||||||
|
|
||||||
## Usage
|
|
||||||
|
|
||||||
### Creating a New SLM Unit
|
|
||||||
|
|
||||||
1. Go to Fleet Roster page
|
|
||||||
2. Click "Add Unit" or edit an existing unit
|
|
||||||
3. Select "Sound Level Meter" from Device Type dropdown
|
|
||||||
4. Fill in SLM-specific fields (Host, Port, Model, etc.)
|
|
||||||
5. Save
|
|
||||||
|
|
||||||
### Converting Existing Unit to SLM
|
|
||||||
|
|
||||||
1. Open unit detail page
|
|
||||||
2. Click "Edit Unit"
|
|
||||||
3. Change Device Type to "Sound Level Meter"
|
|
||||||
4. SLM fields section will appear
|
|
||||||
5. Fill in required SLM configuration
|
|
||||||
6. Save changes
|
|
||||||
|
|
||||||
### Field Visibility
|
|
||||||
|
|
||||||
The form automatically shows/hides relevant fields based on device type:
|
|
||||||
- **Seismograph**: Shows calibration dates, modem deployment info
|
|
||||||
- **Modem**: Shows IP, phone number, hardware model
|
|
||||||
- **Sound Level Meter**: Shows host, port, model, serial, weightings, range
|
|
||||||
|
|
||||||
## Integration with SLMM Dashboard
|
|
||||||
|
|
||||||
Units with `device_type = "sound_level_meter"` will:
|
|
||||||
- Appear in the Sound Level Meters dashboard (`/sound-level-meters`)
|
|
||||||
- Be available for live monitoring and control
|
|
||||||
- Use the configured `slm_host` and `slm_tcp_port` for device communication
|
|
||||||
|
|
||||||
## Testing
|
|
||||||
|
|
||||||
Test SLM units have been added via `add_test_slms.py`:
|
|
||||||
- `nl43-001` - Deployed at construction site A
|
|
||||||
- `nl43-002` - Deployed at construction site B
|
|
||||||
- `nl53-001` - Deployed at residential area
|
|
||||||
- `nl43-003` - Benched for calibration
|
|
||||||
|
|
||||||
You can edit any of these units to verify the form works correctly.
|
|
||||||
|
|
||||||
## Files Modified
|
|
||||||
|
|
||||||
1. `templates/unit_detail.html` - Added dropdown option, SLM fields section, updated JavaScript
|
|
||||||
2. `backend/routers/roster_edit.py` - Added SLM parameters to add/edit/get endpoints
|
|
||||||
3. `backend/models.py` - No changes (schema already supported SLM)
|
|
||||||
|
|
||||||
## Backward Compatibility
|
|
||||||
|
|
||||||
- Existing seismograph and modem units are unaffected
|
|
||||||
- All SLM fields are optional/nullable
|
|
||||||
- Forms gracefully handle units with missing device_type (defaults to seismograph)
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
**Version**: 1.0.0
|
|
||||||
**Date**: January 5, 2026
|
|
||||||
**Related**: SOUND_LEVEL_METERS_DASHBOARD.md
|
|
||||||
@@ -1,132 +0,0 @@
|
|||||||
# DEV Database Setup Instructions
|
|
||||||
|
|
||||||
## Current Situation
|
|
||||||
|
|
||||||
The test SLM and modem data was accidentally added to the **PRODUCTION** database (`data/seismo_fleet.db`).
|
|
||||||
|
|
||||||
**Good news**: I've already removed it! The production database is clean.
|
|
||||||
|
|
||||||
**Issue**: The DEV database (`data-dev/seismo_fleet.db`) is:
|
|
||||||
1. Owned by root (read-only for your user)
|
|
||||||
2. Missing the SLM-specific columns in its schema
|
|
||||||
|
|
||||||
## What You Need to Do
|
|
||||||
|
|
||||||
### Step 1: Fix DEV Database Permissions
|
|
||||||
|
|
||||||
Run this command to make the DEV database writable:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
cd /home/serversdown/sfm/seismo-fleet-manager
|
|
||||||
sudo chown serversdown:serversdown data-dev/seismo_fleet.db
|
|
||||||
sudo chmod 664 data-dev/seismo_fleet.db
|
|
||||||
```
|
|
||||||
|
|
||||||
### Step 2: Migrate DEV Database Schema
|
|
||||||
|
|
||||||
Add the SLM columns to the DEV database:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
python3 scripts/migrate_dev_db.py
|
|
||||||
```
|
|
||||||
|
|
||||||
This will add these columns to the `roster` table:
|
|
||||||
- `slm_host`
|
|
||||||
- `slm_tcp_port`
|
|
||||||
- `slm_model`
|
|
||||||
- `slm_serial_number`
|
|
||||||
- `slm_frequency_weighting`
|
|
||||||
- `slm_time_weighting`
|
|
||||||
- `slm_measurement_range`
|
|
||||||
- `slm_last_check`
|
|
||||||
|
|
||||||
### Step 3: Add Test Data to DEV
|
|
||||||
|
|
||||||
Now you can safely add test data to the DEV database:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# Add test SLMs
|
|
||||||
python3 scripts/add_test_slms.py
|
|
||||||
|
|
||||||
# Add test modems and assign to SLMs
|
|
||||||
python3 scripts/add_test_modems.py
|
|
||||||
```
|
|
||||||
|
|
||||||
This will create:
|
|
||||||
- 4 test SLM units (nl43-001, nl43-002, nl53-001, nl43-003)
|
|
||||||
- 4 test modem units (modem-001, modem-002, modem-003, modem-004)
|
|
||||||
- Assign modems to the SLMs
|
|
||||||
|
|
||||||
## Production Database Status
|
|
||||||
|
|
||||||
✅ **Production database is CLEAN** - all test data has been removed.
|
|
||||||
|
|
||||||
The production database (`data/seismo_fleet.db`) is ready for real production use.
|
|
||||||
|
|
||||||
## Test Scripts
|
|
||||||
|
|
||||||
All test scripts have been updated to use the DEV database:
|
|
||||||
|
|
||||||
### Scripts Updated:
|
|
||||||
1. `scripts/add_test_slms.py` - Now uses `data-dev/seismo_fleet.db`
|
|
||||||
2. `scripts/add_test_modems.py` - Now uses `data-dev/seismo_fleet.db`
|
|
||||||
|
|
||||||
### Scripts Created:
|
|
||||||
1. `scripts/remove_test_data_from_prod.py` - Removes test data from production (already run)
|
|
||||||
2. `scripts/update_dev_db_schema.py` - Updates schema (doesn't work for SQLite ALTER)
|
|
||||||
3. `scripts/migrate_dev_db.py` - Adds SLM columns to DEV database
|
|
||||||
|
|
||||||
All helper scripts are located in the `scripts/` directory. See [scripts/README.md](../scripts/README.md) for detailed usage instructions.
|
|
||||||
|
|
||||||
## Verification
|
|
||||||
|
|
||||||
After running the steps above, verify everything worked:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# Check DEV database has test data
|
|
||||||
sqlite3 data-dev/seismo_fleet.db "SELECT id, device_type FROM roster WHERE device_type IN ('sound_level_meter', 'modem');"
|
|
||||||
```
|
|
||||||
|
|
||||||
You should see:
|
|
||||||
```
|
|
||||||
nl43-001|sound_level_meter
|
|
||||||
nl43-002|sound_level_meter
|
|
||||||
nl53-001|sound_level_meter
|
|
||||||
nl43-003|sound_level_meter
|
|
||||||
modem-001|modem
|
|
||||||
modem-002|modem
|
|
||||||
modem-003|modem
|
|
||||||
modem-004|modem
|
|
||||||
```
|
|
||||||
|
|
||||||
## Development vs Production
|
|
||||||
|
|
||||||
### When to Use DEV Database
|
|
||||||
|
|
||||||
To use the DEV database, set the environment variable:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
# Not implemented yet, but you could add this to database.py:
|
|
||||||
export DATABASE_ENV=dev
|
|
||||||
```
|
|
||||||
|
|
||||||
Or modify `backend/database.py` to check for an environment variable.
|
|
||||||
|
|
||||||
### Current Setup
|
|
||||||
|
|
||||||
Right now, the application always uses `data/seismo_fleet.db` (production).
|
|
||||||
|
|
||||||
For development/testing, you could:
|
|
||||||
1. Point SFM to use the DEV database temporarily
|
|
||||||
2. Or keep test data in production (not recommended)
|
|
||||||
3. Or implement environment-based database selection
|
|
||||||
|
|
||||||
## Summary
|
|
||||||
|
|
||||||
- ✅ Production DB cleaned (no test data)
|
|
||||||
- ⚠️ DEV DB needs permission fix (run sudo commands above)
|
|
||||||
- ⚠️ DEV DB needs schema migration (run scripts/migrate_dev_db.py)
|
|
||||||
- ✅ Test scripts updated to use DEV DB
|
|
||||||
- ✅ All test data ready to be added to DEV DB
|
|
||||||
|
|
||||||
Run the commands above and you'll be all set!
|
|
||||||
@@ -1,62 +0,0 @@
|
|||||||
# Fix DEV Database Permissions
|
|
||||||
|
|
||||||
## The Problem
|
|
||||||
|
|
||||||
SQLite needs write access to both the database file AND the directory it's in (to create temporary files like journals and WAL files).
|
|
||||||
|
|
||||||
Currently:
|
|
||||||
- ✅ Database file: `data-dev/seismo_fleet.db` - permissions fixed
|
|
||||||
- ❌ Directory: `data-dev/` - still owned by root
|
|
||||||
|
|
||||||
## The Fix
|
|
||||||
|
|
||||||
Run this command to fix the directory ownership:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
sudo chown -R serversdown:serversdown /home/serversdown/sfm/seismo-fleet-manager/data-dev/
|
|
||||||
```
|
|
||||||
|
|
||||||
Then run the migration again:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
python3 scripts/migrate_dev_db.py
|
|
||||||
```
|
|
||||||
|
|
||||||
## Full Setup Commands
|
|
||||||
|
|
||||||
Here's the complete sequence:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
cd /home/serversdown/sfm/seismo-fleet-manager
|
|
||||||
|
|
||||||
# Fix directory ownership (includes all files inside)
|
|
||||||
sudo chown -R serversdown:serversdown data-dev/
|
|
||||||
|
|
||||||
# Migrate schema
|
|
||||||
python3 scripts/migrate_dev_db.py
|
|
||||||
|
|
||||||
# Add test data
|
|
||||||
python3 scripts/add_test_slms.py
|
|
||||||
python3 scripts/add_test_modems.py
|
|
||||||
```
|
|
||||||
|
|
||||||
## Verify It Worked
|
|
||||||
|
|
||||||
After running the migration, you should see:
|
|
||||||
|
|
||||||
```
|
|
||||||
Migrating DEV database to add SLM columns...
|
|
||||||
============================================================
|
|
||||||
✓ Added column: slm_host
|
|
||||||
✓ Added column: slm_tcp_port
|
|
||||||
✓ Added column: slm_model
|
|
||||||
✓ Added column: slm_serial_number
|
|
||||||
✓ Added column: slm_frequency_weighting
|
|
||||||
✓ Added column: slm_time_weighting
|
|
||||||
✓ Added column: slm_measurement_range
|
|
||||||
✓ Added column: slm_last_check
|
|
||||||
============================================================
|
|
||||||
DEV database migration completed!
|
|
||||||
```
|
|
||||||
|
|
||||||
Then the test data scripts should work without errors!
|
|
||||||
@@ -1,375 +0,0 @@
|
|||||||
# Modem Integration System
|
|
||||||
|
|
||||||
## Overview
|
|
||||||
|
|
||||||
The modem integration system allows Sound Level Meters (SLMs) and Seismographs to be deployed with network connectivity modems. Instead of storing IP addresses directly on each device, units are assigned to modems which provide the network connection. This enables:
|
|
||||||
|
|
||||||
- Centralized modem management and tracking
|
|
||||||
- IP address updates in one place
|
|
||||||
- Future modem API integration for diagnostics
|
|
||||||
- Proper asset tracking for network equipment
|
|
||||||
|
|
||||||
## Architecture
|
|
||||||
|
|
||||||
### Database Design
|
|
||||||
|
|
||||||
**Modem Units**: Stored as `RosterUnit` with `device_type = "modem"`
|
|
||||||
|
|
||||||
**Modem-Specific Fields**:
|
|
||||||
- `ip_address`: Network IP address or hostname
|
|
||||||
- `phone_number`: Cellular phone number (if applicable)
|
|
||||||
- `hardware_model`: Modem hardware (e.g., "Raven XTV", "Sierra Wireless AirLink")
|
|
||||||
|
|
||||||
**Device Assignment**:
|
|
||||||
- Both SLMs and Seismographs use `deployed_with_modem_id` to reference their modem
|
|
||||||
- This is a foreign key to another `RosterUnit.id` where `device_type = "modem"`
|
|
||||||
|
|
||||||
### How It Works
|
|
||||||
|
|
||||||
1. **Create Modem Units**
|
|
||||||
- Add modems as regular roster units with `device_type = "modem"`
|
|
||||||
- Set IP address, phone number, and hardware model
|
|
||||||
- Deploy or bench modems like any other asset
|
|
||||||
|
|
||||||
2. **Assign Devices to Modems**
|
|
||||||
- When editing an SLM or Seismograph, select modem from dropdown
|
|
||||||
- The `deployed_with_modem_id` field stores the modem ID
|
|
||||||
- IP address is fetched from the assigned modem at runtime
|
|
||||||
|
|
||||||
3. **Runtime Resolution**
|
|
||||||
- When SLM dashboard needs to connect to a device:
|
|
||||||
1. Load SLM unit data
|
|
||||||
2. Check `deployed_with_modem_id`
|
|
||||||
3. Fetch modem unit
|
|
||||||
4. Use modem's `ip_address` for connection
|
|
||||||
5. Fallback to legacy `slm_host` if no modem assigned
|
|
||||||
|
|
||||||
## Implementation Details
|
|
||||||
|
|
||||||
### Frontend Changes
|
|
||||||
|
|
||||||
#### Unit Detail Page (`templates/unit_detail.html`)
|
|
||||||
|
|
||||||
**SLM Fields** (lines 320-375):
|
|
||||||
- Removed direct "Host (IP Address)" field
|
|
||||||
- Added "Deployed With Modem" dropdown selector
|
|
||||||
- Dropdown populated with all active modems via JavaScript
|
|
||||||
- Shows modem ID, IP address, and hardware model in dropdown
|
|
||||||
|
|
||||||
**JavaScript** (lines 456-485):
|
|
||||||
```javascript
|
|
||||||
async function loadModemsList() {
|
|
||||||
// Fetches all modems from /api/roster/modems
|
|
||||||
// Populates both seismograph and SLM modem dropdowns
|
|
||||||
// Shows format: "modem-001 (192.168.1.100) - Raven XTV"
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
#### SLM Dashboard (`backend/routers/slm_dashboard.py`)
|
|
||||||
|
|
||||||
**Live View Endpoint** (lines 84-148):
|
|
||||||
```python
|
|
||||||
# Get modem information if assigned
|
|
||||||
modem = None
|
|
||||||
modem_ip = None
|
|
||||||
if unit.deployed_with_modem_id:
|
|
||||||
modem = db.query(RosterUnit).filter_by(
|
|
||||||
id=unit.deployed_with_modem_id,
|
|
||||||
device_type="modem"
|
|
||||||
).first()
|
|
||||||
if modem:
|
|
||||||
modem_ip = modem.ip_address
|
|
||||||
|
|
||||||
# Fallback to direct slm_host (backward compatibility)
|
|
||||||
if not modem_ip and unit.slm_host:
|
|
||||||
modem_ip = unit.slm_host
|
|
||||||
```
|
|
||||||
|
|
||||||
**Live View Template** (`templates/partials/slm_live_view.html`):
|
|
||||||
- Displays modem information in header
|
|
||||||
- Shows "via Modem: modem-001 (192.168.1.100)"
|
|
||||||
- Warning if no modem assigned
|
|
||||||
|
|
||||||
### Backend Changes
|
|
||||||
|
|
||||||
#### New API Endpoint (`backend/routers/roster_edit.py`)
|
|
||||||
|
|
||||||
```python
|
|
||||||
GET /api/roster/modems
|
|
||||||
```
|
|
||||||
|
|
||||||
Returns list of all non-retired modem units:
|
|
||||||
```json
|
|
||||||
[
|
|
||||||
{
|
|
||||||
"id": "modem-001",
|
|
||||||
"ip_address": "192.168.1.100",
|
|
||||||
"phone_number": "+1-555-0100",
|
|
||||||
"hardware_model": "Raven XTV",
|
|
||||||
"deployed": true
|
|
||||||
}
|
|
||||||
]
|
|
||||||
```
|
|
||||||
|
|
||||||
Used by frontend to populate modem selection dropdowns.
|
|
||||||
|
|
||||||
#### Database Schema (`backend/models.py`)
|
|
||||||
|
|
||||||
**Modem Assignment Field** (line 44):
|
|
||||||
```python
|
|
||||||
# Shared by seismographs and SLMs
|
|
||||||
deployed_with_modem_id = Column(String, nullable=True)
|
|
||||||
```
|
|
||||||
|
|
||||||
**Modem Fields** (lines 46-48):
|
|
||||||
```python
|
|
||||||
ip_address = Column(String, nullable=True)
|
|
||||||
phone_number = Column(String, nullable=True)
|
|
||||||
hardware_model = Column(String, nullable=True)
|
|
||||||
```
|
|
||||||
|
|
||||||
**Legacy SLM Fields** (kept for backward compatibility):
|
|
||||||
```python
|
|
||||||
slm_host = Column(String, nullable=True) # Deprecated - use modem instead
|
|
||||||
slm_tcp_port = Column(Integer, nullable=True) # Still used
|
|
||||||
```
|
|
||||||
|
|
||||||
## Usage
|
|
||||||
|
|
||||||
### Creating Modem Units
|
|
||||||
|
|
||||||
1. Go to Fleet Roster
|
|
||||||
2. Click "Add Unit"
|
|
||||||
3. Set Device Type to "Modem"
|
|
||||||
4. Fill in:
|
|
||||||
- Unit ID (e.g., "modem-001")
|
|
||||||
- IP Address (e.g., "192.168.1.100")
|
|
||||||
- Phone Number (if cellular)
|
|
||||||
- Hardware Model (e.g., "Raven XTV")
|
|
||||||
- Address/Coordinates (physical location)
|
|
||||||
5. Set Deployed status
|
|
||||||
6. Save
|
|
||||||
|
|
||||||
### Assigning Modem to SLM
|
|
||||||
|
|
||||||
1. Open SLM unit detail page
|
|
||||||
2. Click "Edit Unit"
|
|
||||||
3. Ensure Device Type is "Sound Level Meter"
|
|
||||||
4. In "Deployed With Modem" dropdown, select modem
|
|
||||||
5. Verify TCP Port (default 2255)
|
|
||||||
6. Save
|
|
||||||
|
|
||||||
### Assigning Modem to Seismograph
|
|
||||||
|
|
||||||
Same process - both device types use the same modem selection field.
|
|
||||||
|
|
||||||
## Test Data
|
|
||||||
|
|
||||||
Use the included script to create test modems:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
python3 add_test_modems.py
|
|
||||||
```
|
|
||||||
|
|
||||||
This creates:
|
|
||||||
- **modem-001**: 192.168.1.100, Raven XTV → assigned to nl43-001
|
|
||||||
- **modem-002**: 192.168.1.101, Raven XTV → assigned to nl43-002
|
|
||||||
- **modem-003**: 192.168.1.102, Sierra Wireless → assigned to nl53-001
|
|
||||||
- **modem-004**: Spare modem (not deployed)
|
|
||||||
|
|
||||||
## Benefits
|
|
||||||
|
|
||||||
### For Operations
|
|
||||||
|
|
||||||
1. **Centralized IP Management**
|
|
||||||
- Update modem IP once, affects all assigned devices
|
|
||||||
- Easy to track which modem serves which devices
|
|
||||||
- Inventory management for network equipment
|
|
||||||
|
|
||||||
2. **Asset Tracking**
|
|
||||||
- Modems are first-class assets in the roster
|
|
||||||
- Track deployment status, location, notes
|
|
||||||
- Can bench/retire modems independently
|
|
||||||
|
|
||||||
3. **Future Capabilities**
|
|
||||||
- Modem API integration (signal strength, data usage)
|
|
||||||
- Automatic IP updates from DHCP/cellular network
|
|
||||||
- Modem health monitoring
|
|
||||||
- Remote modem diagnostics
|
|
||||||
|
|
||||||
### For Maintenance
|
|
||||||
|
|
||||||
1. **Easier Troubleshooting**
|
|
||||||
- See which modem serves a device
|
|
||||||
- Check modem status separately
|
|
||||||
- Swap modems without reconfiguring devices
|
|
||||||
|
|
||||||
2. **Configuration Changes**
|
|
||||||
- Change IP addresses system-wide
|
|
||||||
- Move devices between modems
|
|
||||||
- Test with backup modems
|
|
||||||
|
|
||||||
## Migration from Legacy System
|
|
||||||
|
|
||||||
### For Existing SLMs with Direct IP
|
|
||||||
|
|
||||||
Legacy SLMs with `slm_host` set still work:
|
|
||||||
- System checks `deployed_with_modem_id` first
|
|
||||||
- Falls back to `slm_host` if no modem assigned
|
|
||||||
- Logs fallback usage for visibility
|
|
||||||
|
|
||||||
### Migration Steps
|
|
||||||
|
|
||||||
1. Create modem units for each IP address
|
|
||||||
2. Assign SLMs to their modems
|
|
||||||
3. System will use modem IP automatically
|
|
||||||
4. Legacy `slm_host` can be cleared (optional)
|
|
||||||
|
|
||||||
Script `add_test_modems.py` demonstrates this:
|
|
||||||
```python
|
|
||||||
# Clear legacy field after modem assignment
|
|
||||||
slm.slm_host = None
|
|
||||||
slm.deployed_with_modem_id = "modem-001"
|
|
||||||
```
|
|
||||||
|
|
||||||
## Future Enhancements
|
|
||||||
|
|
||||||
### Near-term
|
|
||||||
|
|
||||||
1. **Modem Status Dashboard**
|
|
||||||
- List all modems with connection status
|
|
||||||
- Show which devices use each modem
|
|
||||||
- Signal strength, data usage indicators
|
|
||||||
|
|
||||||
2. **Automatic IP Discovery**
|
|
||||||
- Query cellular provider API for modem IPs
|
|
||||||
- Auto-update IP addresses in database
|
|
||||||
- Alert on IP changes
|
|
||||||
|
|
||||||
3. **Modem Health Monitoring**
|
|
||||||
- Ping modems periodically
|
|
||||||
- Check cellular signal quality
|
|
||||||
- Data usage tracking
|
|
||||||
|
|
||||||
### Long-term
|
|
||||||
|
|
||||||
1. **Modem API Integration**
|
|
||||||
- Direct modem management (Raven, Sierra APIs)
|
|
||||||
- Remote reboot capability
|
|
||||||
- Configuration backup/restore
|
|
||||||
- Firmware updates
|
|
||||||
|
|
||||||
2. **Network Topology View**
|
|
||||||
- Graphical view of modem-device relationships
|
|
||||||
- Network health visualization
|
|
||||||
- Troubleshooting tools
|
|
||||||
|
|
||||||
3. **Multi-Modem Support**
|
|
||||||
- Failover between modems
|
|
||||||
- Load balancing
|
|
||||||
- Automatic fallback on modem failure
|
|
||||||
|
|
||||||
## API Reference
|
|
||||||
|
|
||||||
### Get Modems List
|
|
||||||
|
|
||||||
**Endpoint**: `GET /api/roster/modems`
|
|
||||||
|
|
||||||
**Response**:
|
|
||||||
```json
|
|
||||||
[
|
|
||||||
{
|
|
||||||
"id": "modem-001",
|
|
||||||
"ip_address": "192.168.1.100",
|
|
||||||
"phone_number": "+1-555-0100",
|
|
||||||
"hardware_model": "Raven XTV",
|
|
||||||
"deployed": true
|
|
||||||
}
|
|
||||||
]
|
|
||||||
```
|
|
||||||
|
|
||||||
**Used By**:
|
|
||||||
- Unit detail page (modem dropdown)
|
|
||||||
- Future modem management dashboard
|
|
||||||
|
|
||||||
### Get Unit with Modem Info
|
|
||||||
|
|
||||||
**Endpoint**: `GET /api/roster/{unit_id}`
|
|
||||||
|
|
||||||
**Response** (for SLM):
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"id": "nl43-001",
|
|
||||||
"device_type": "sound_level_meter",
|
|
||||||
"deployed_with_modem_id": "modem-001",
|
|
||||||
"slm_tcp_port": 2255,
|
|
||||||
"slm_model": "NL-43",
|
|
||||||
...
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
Then fetch modem separately or use dashboard endpoint which resolves it automatically.
|
|
||||||
|
|
||||||
### SLM Live View (with modem resolution)
|
|
||||||
|
|
||||||
**Endpoint**: `GET /api/slm-dashboard/live-view/{unit_id}`
|
|
||||||
|
|
||||||
**Process**:
|
|
||||||
1. Loads SLM unit
|
|
||||||
2. Resolves `deployed_with_modem_id` to modem unit
|
|
||||||
3. Extracts `modem.ip_address`
|
|
||||||
4. Uses IP to connect to SLMM backend
|
|
||||||
5. Returns live view HTML with modem info
|
|
||||||
|
|
||||||
## Files Modified/Created
|
|
||||||
|
|
||||||
### Modified
|
|
||||||
1. `backend/models.py` - Clarified modem assignment field
|
|
||||||
2. `templates/unit_detail.html` - Added modem selector for SLMs
|
|
||||||
3. `backend/routers/roster_edit.py` - Added modems list endpoint
|
|
||||||
4. `backend/routers/slm_dashboard.py` - Modem resolution logic
|
|
||||||
5. `templates/partials/slm_live_view.html` - Display modem info
|
|
||||||
|
|
||||||
### Created
|
|
||||||
1. `add_test_modems.py` - Script to create test modems and assignments
|
|
||||||
2. `docs/MODEM_INTEGRATION.md` - This documentation
|
|
||||||
|
|
||||||
## Troubleshooting
|
|
||||||
|
|
||||||
### SLM shows "No modem assigned"
|
|
||||||
|
|
||||||
**Cause**: Unit has no `deployed_with_modem_id` set
|
|
||||||
|
|
||||||
**Solution**:
|
|
||||||
1. Edit the SLM unit
|
|
||||||
2. Select a modem from dropdown
|
|
||||||
3. Save
|
|
||||||
|
|
||||||
### Modem dropdown is empty
|
|
||||||
|
|
||||||
**Cause**: No modem units in database
|
|
||||||
|
|
||||||
**Solution**:
|
|
||||||
1. Create modem units first
|
|
||||||
2. Set `device_type = "modem"`
|
|
||||||
3. Ensure they're not retired
|
|
||||||
|
|
||||||
### Can't connect to SLM
|
|
||||||
|
|
||||||
**Possible Causes**:
|
|
||||||
1. Modem IP is incorrect
|
|
||||||
2. Modem is offline
|
|
||||||
3. SLM TCP port is wrong
|
|
||||||
4. Network routing issue
|
|
||||||
|
|
||||||
**Debug Steps**:
|
|
||||||
1. Check modem unit's IP address
|
|
||||||
2. Ping the modem IP
|
|
||||||
3. Check SLM's `slm_tcp_port` (default 2255)
|
|
||||||
4. Review logs for connection errors
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
**Version**: 1.0.0
|
|
||||||
**Date**: January 5, 2026
|
|
||||||
**Related**: SOUND_LEVEL_METERS_DASHBOARD.md, DEVICE_TYPE_SLM_SUPPORT.md
|
|
||||||
@@ -1,275 +0,0 @@
|
|||||||
# SLM Configuration Interface
|
|
||||||
|
|
||||||
This document describes the SLM configuration interface added to the Sound Level Meters dashboard.
|
|
||||||
|
|
||||||
## Overview
|
|
||||||
|
|
||||||
Sound Level Meters can now be configured directly from the dashboard without needing to navigate to the unit detail page. A configuration button appears on each SLM unit card on hover, opening a modal with all configurable parameters.
|
|
||||||
|
|
||||||
## Features
|
|
||||||
|
|
||||||
### 1. Quick Access Configuration Button
|
|
||||||
|
|
||||||
- **Location**: Appears on each SLM unit card in the unit list
|
|
||||||
- **Behavior**: Shows on hover (desktop) or always visible (mobile)
|
|
||||||
- **Icon**: Gear/settings icon in top-right corner of unit card
|
|
||||||
|
|
||||||
### 2. Configuration Modal
|
|
||||||
|
|
||||||
The configuration modal provides a comprehensive interface for all SLM parameters:
|
|
||||||
|
|
||||||
#### Device Information
|
|
||||||
- **Model**: Dropdown selection (NL-43, NL-53)
|
|
||||||
- **Serial Number**: Text input for device serial number
|
|
||||||
|
|
||||||
#### Measurement Parameters
|
|
||||||
- **Frequency Weighting**: A, C, or Z (Linear)
|
|
||||||
- **Time Weighting**: Fast (125ms), Slow (1s), or Impulse
|
|
||||||
- **Measurement Range**: 30-130 dB, 40-140 dB, or 50-140 dB
|
|
||||||
|
|
||||||
#### Network Configuration
|
|
||||||
- **Assigned Modem**: Dropdown list of available modems
|
|
||||||
- Shows modem ID and IP address
|
|
||||||
- Option for "No modem (direct connection)"
|
|
||||||
- **Direct IP Address**: Only shown when no modem assigned
|
|
||||||
- **TCP Port**: Only shown when no modem assigned (default: 502)
|
|
||||||
|
|
||||||
### 3. Actions
|
|
||||||
|
|
||||||
The modal provides three action buttons:
|
|
||||||
|
|
||||||
- **Test Connection**: Tests network connectivity to the SLM
|
|
||||||
- Uses current form values (not saved values)
|
|
||||||
- Shows toast notification with results
|
|
||||||
- Green: Connection successful
|
|
||||||
- Yellow: Connection failed or device offline
|
|
||||||
- Red: Test error
|
|
||||||
|
|
||||||
- **Cancel**: Closes modal without saving changes
|
|
||||||
|
|
||||||
- **Save Configuration**: Saves all changes to database
|
|
||||||
- Shows success/error toast
|
|
||||||
- Refreshes unit list on success
|
|
||||||
- Auto-closes modal after 2 seconds
|
|
||||||
|
|
||||||
## Implementation
|
|
||||||
|
|
||||||
### Frontend Components
|
|
||||||
|
|
||||||
#### Unit List Partial
|
|
||||||
**File**: [templates/partials/slm_unit_list.html](../templates/partials/slm_unit_list.html)
|
|
||||||
|
|
||||||
```html
|
|
||||||
<!-- Configure button (appears on hover) -->
|
|
||||||
<button onclick="event.stopPropagation(); openConfigModal('{{ unit.id }}');"
|
|
||||||
class="absolute top-2 right-2 opacity-0 group-hover:opacity-100...">
|
|
||||||
<svg>...</svg>
|
|
||||||
</button>
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Configuration Modal
|
|
||||||
**File**: [templates/sound_level_meters.html](../templates/sound_level_meters.html#L73)
|
|
||||||
|
|
||||||
```html
|
|
||||||
<!-- Configuration Modal -->
|
|
||||||
<div id="config-modal" class="hidden fixed inset-0 bg-black bg-opacity-50...">
|
|
||||||
<div id="config-modal-content">
|
|
||||||
<!-- Content loaded via HTMX -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
```
|
|
||||||
|
|
||||||
#### Configuration Form
|
|
||||||
**File**: [templates/partials/slm_config_form.html](../templates/partials/slm_config_form.html)
|
|
||||||
|
|
||||||
Form fields mapped to database columns:
|
|
||||||
- `slm_model` → `unit.slm_model`
|
|
||||||
- `slm_serial_number` → `unit.slm_serial_number`
|
|
||||||
- `slm_frequency_weighting` → `unit.slm_frequency_weighting`
|
|
||||||
- `slm_time_weighting` → `unit.slm_time_weighting`
|
|
||||||
- `slm_measurement_range` → `unit.slm_measurement_range`
|
|
||||||
- `deployed_with_modem_id` → `unit.deployed_with_modem_id`
|
|
||||||
- `slm_host` → `unit.slm_host` (legacy, only if no modem)
|
|
||||||
- `slm_tcp_port` → `unit.slm_tcp_port` (legacy, only if no modem)
|
|
||||||
|
|
||||||
### Backend Endpoints
|
|
||||||
|
|
||||||
#### GET /api/slm-dashboard/config/{unit_id}
|
|
||||||
**File**: [backend/routers/slm_dashboard.py:184](../backend/routers/slm_dashboard.py#L184)
|
|
||||||
|
|
||||||
Returns configuration form HTML partial with current unit values pre-populated.
|
|
||||||
|
|
||||||
**Response**: HTML partial (slm_config_form.html)
|
|
||||||
|
|
||||||
#### POST /api/slm-dashboard/config/{unit_id}
|
|
||||||
**File**: [backend/routers/slm_dashboard.py:203](../backend/routers/slm_dashboard.py#L203)
|
|
||||||
|
|
||||||
Saves configuration changes to database.
|
|
||||||
|
|
||||||
**Request**: Form data with configuration parameters
|
|
||||||
|
|
||||||
**Response**: JSON
|
|
||||||
```json
|
|
||||||
{
|
|
||||||
"status": "success",
|
|
||||||
"unit_id": "nl43-001"
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
**Behavior**:
|
|
||||||
- Updates all SLM-specific fields from form data
|
|
||||||
- If modem is assigned: clears legacy `slm_host` and `slm_tcp_port`
|
|
||||||
- If no modem: uses direct IP fields from form
|
|
||||||
|
|
||||||
### JavaScript Functions
|
|
||||||
|
|
||||||
#### openConfigModal(unitId)
|
|
||||||
**File**: [templates/sound_level_meters.html:127](../templates/sound_level_meters.html#L127)
|
|
||||||
|
|
||||||
Opens configuration modal and loads form via HTMX.
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
function openConfigModal(unitId) {
|
|
||||||
const modal = document.getElementById('config-modal');
|
|
||||||
modal.classList.remove('hidden');
|
|
||||||
|
|
||||||
htmx.ajax('GET', `/api/slm-dashboard/config/${unitId}`, {
|
|
||||||
target: '#config-modal-content',
|
|
||||||
swap: 'innerHTML'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
#### closeConfigModal()
|
|
||||||
**File**: [templates/sound_level_meters.html:136](../templates/sound_level_meters.html#L136)
|
|
||||||
|
|
||||||
Closes configuration modal.
|
|
||||||
|
|
||||||
#### handleConfigSave(event)
|
|
||||||
**File**: [templates/partials/slm_config_form.html:109](../templates/partials/slm_config_form.html#L109)
|
|
||||||
|
|
||||||
Handles HTMX response after form submission:
|
|
||||||
- Shows success/error toast
|
|
||||||
- Refreshes unit list
|
|
||||||
- Auto-closes modal after 2 seconds
|
|
||||||
|
|
||||||
#### testConnection(unitId)
|
|
||||||
**File**: [templates/partials/slm_config_form.html:129](../templates/partials/slm_config_form.html#L129)
|
|
||||||
|
|
||||||
Tests connection to SLM unit:
|
|
||||||
```javascript
|
|
||||||
async function testConnection(unitId) {
|
|
||||||
const response = await fetch(`/api/slmm/${unitId}/status`);
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
if (response.ok && data.status === 'online') {
|
|
||||||
// Show success toast
|
|
||||||
} else {
|
|
||||||
// Show warning toast
|
|
||||||
}
|
|
||||||
}
|
|
||||||
```
|
|
||||||
|
|
||||||
#### loadModemsForConfig()
|
|
||||||
**File**: [templates/partials/slm_config_form.html:87](../templates/partials/slm_config_form.html#L87)
|
|
||||||
|
|
||||||
Loads available modems from `/api/roster/modems` and populates dropdown.
|
|
||||||
|
|
||||||
## User Workflow
|
|
||||||
|
|
||||||
### Configuring an SLM
|
|
||||||
|
|
||||||
1. Navigate to Sound Level Meters dashboard ([/sound-level-meters](../sound-level-meters))
|
|
||||||
2. Hover over desired SLM unit card in the list
|
|
||||||
3. Click the gear icon that appears in top-right corner
|
|
||||||
4. Configuration modal opens with current values pre-filled
|
|
||||||
5. Modify desired parameters:
|
|
||||||
- Update model/serial if needed
|
|
||||||
- Set measurement parameters (frequency/time weighting, range)
|
|
||||||
- Choose network configuration:
|
|
||||||
- **Option A**: Select a modem from dropdown (recommended)
|
|
||||||
- **Option B**: Enter direct IP address and port
|
|
||||||
6. (Optional) Click "Test Connection" to verify network settings
|
|
||||||
7. Click "Save Configuration"
|
|
||||||
8. Modal shows success message and auto-closes
|
|
||||||
9. Unit list refreshes to show updated information
|
|
||||||
|
|
||||||
### Network Configuration Options
|
|
||||||
|
|
||||||
**Modem Assignment (Recommended)**:
|
|
||||||
- Select modem from dropdown
|
|
||||||
- IP address automatically resolved from modem's `ip_address` field
|
|
||||||
- Direct IP/port fields hidden
|
|
||||||
- Enables modem tracking and management
|
|
||||||
|
|
||||||
**Direct Connection (Legacy)**:
|
|
||||||
- Select "No modem (direct connection)"
|
|
||||||
- Enter IP address and TCP port manually
|
|
||||||
- Direct IP/port fields become visible
|
|
||||||
- Useful for temporary setups or non-modem connections
|
|
||||||
|
|
||||||
## Database Schema
|
|
||||||
|
|
||||||
The configuration interface updates these `roster` table columns:
|
|
||||||
|
|
||||||
```sql
|
|
||||||
-- SLM-specific fields
|
|
||||||
slm_model VARCHAR -- Device model (NL-43, NL-53)
|
|
||||||
slm_serial_number VARCHAR -- Serial number
|
|
||||||
slm_frequency_weighting VARCHAR -- A, C, or Z weighting
|
|
||||||
slm_time_weighting VARCHAR -- Fast, Slow, or Impulse
|
|
||||||
slm_measurement_range VARCHAR -- Measurement range (30-130, 40-140, 50-140)
|
|
||||||
|
|
||||||
-- Network configuration
|
|
||||||
deployed_with_modem_id VARCHAR -- FK to modem unit (preferred method)
|
|
||||||
slm_host VARCHAR -- Legacy direct IP (only if no modem)
|
|
||||||
slm_tcp_port INTEGER -- Legacy TCP port (only if no modem)
|
|
||||||
```
|
|
||||||
|
|
||||||
## UI/UX Design
|
|
||||||
|
|
||||||
### Modal Behavior
|
|
||||||
- **Opens**: Via configure button on unit card
|
|
||||||
- **Closes**:
|
|
||||||
- Cancel button
|
|
||||||
- X button in header
|
|
||||||
- Escape key
|
|
||||||
- Clicking outside modal (on backdrop)
|
|
||||||
- **Auto-close**: After successful save (2 second delay)
|
|
||||||
|
|
||||||
### Responsive Design
|
|
||||||
- **Desktop**: Configuration button appears on hover
|
|
||||||
- **Mobile**: Configuration button always visible
|
|
||||||
- **Modal**: Responsive width, scrollable on small screens
|
|
||||||
- **Form**: Two-column layout on desktop, single column on mobile
|
|
||||||
|
|
||||||
### Visual Feedback
|
|
||||||
- **Loading**: Skeleton loader while form loads
|
|
||||||
- **Saving**: HTMX handles form submission
|
|
||||||
- **Success**: Green toast notification
|
|
||||||
- **Error**: Red toast notification
|
|
||||||
- **Testing**: Blue toast while testing, then green/yellow/red based on result
|
|
||||||
|
|
||||||
### Accessibility
|
|
||||||
- **Keyboard**: Modal can be closed with Escape key
|
|
||||||
- **Focus**: Modal traps focus when open
|
|
||||||
- **Labels**: All form fields have proper labels
|
|
||||||
- **Colors**: Sufficient contrast in dark/light modes
|
|
||||||
|
|
||||||
## Future Enhancements
|
|
||||||
|
|
||||||
Potential improvements for future versions:
|
|
||||||
|
|
||||||
1. **Bulk Configuration**: Configure multiple SLMs at once
|
|
||||||
2. **Configuration Templates**: Save and apply configuration presets
|
|
||||||
3. **Configuration History**: Track configuration changes over time
|
|
||||||
4. **Remote Configuration**: Push configuration directly to device via SLMM
|
|
||||||
5. **Validation**: Real-time validation of IP addresses and ports
|
|
||||||
6. **Advanced Settings**: Additional NL-43/NL-53 specific parameters
|
|
||||||
7. **Configuration Import/Export**: JSON/CSV configuration files
|
|
||||||
|
|
||||||
## Related Documentation
|
|
||||||
|
|
||||||
- [SOUND_LEVEL_METERS_DASHBOARD.md](SOUND_LEVEL_METERS_DASHBOARD.md) - Main SLM dashboard
|
|
||||||
- [MODEM_INTEGRATION.md](MODEM_INTEGRATION.md) - Modem assignment architecture
|
|
||||||
- [DEVICE_TYPE_SLM_SUPPORT.md](DEVICE_TYPE_SLM_SUPPORT.md) - SLM device type implementation
|
|
||||||
@@ -1,333 +0,0 @@
|
|||||||
# Sound Level Meters Dashboard
|
|
||||||
|
|
||||||
## Overview
|
|
||||||
|
|
||||||
The Sound Level Meters dashboard is a new feature in SFM (soon to be rebranded as Terra-view) that provides real-time monitoring and control of Rion NL-43/NL-53 sound level meters through the SLMM backend integration.
|
|
||||||
|
|
||||||
## Features
|
|
||||||
|
|
||||||
### 1. Dashboard Summary Statistics
|
|
||||||
- **Total Units**: Count of all SLM devices in the system
|
|
||||||
- **Deployed Units**: Active devices currently in the field
|
|
||||||
- **Active Now**: Units that have checked in within the last hour
|
|
||||||
- **Benched Units**: Devices not currently deployed
|
|
||||||
|
|
||||||
### 2. Unit List (Sidebar)
|
|
||||||
- Searchable list of all deployed SLM units
|
|
||||||
- Real-time status indicators:
|
|
||||||
- 🟢 Green: Active (recently checked in)
|
|
||||||
- ⚪ Gray: No check-in data
|
|
||||||
- Quick unit information:
|
|
||||||
- Device model (NL-43, NL-53, etc.)
|
|
||||||
- Location/address
|
|
||||||
- Network address (IP:port)
|
|
||||||
- Click any unit to view its live data
|
|
||||||
|
|
||||||
### 3. Live View Panel
|
|
||||||
|
|
||||||
When a unit is selected, the live view panel displays:
|
|
||||||
|
|
||||||
#### Control Buttons
|
|
||||||
- **Start**: Begin measurement
|
|
||||||
- **Pause**: Pause current measurement
|
|
||||||
- **Stop**: Stop measurement
|
|
||||||
- **Reset**: Reset measurement data
|
|
||||||
- **Start Live Stream**: Open WebSocket connection for real-time DRD data
|
|
||||||
|
|
||||||
#### Real-time Metrics
|
|
||||||
- **Lp (Current)**: Instantaneous sound level in dB
|
|
||||||
- **Leq (Average)**: Equivalent continuous sound level
|
|
||||||
- **Lmax (Peak)**: Maximum sound level recorded
|
|
||||||
- **Lmin**: Minimum sound level recorded
|
|
||||||
|
|
||||||
#### Live Chart
|
|
||||||
- Real-time line chart showing Lp and Leq over time
|
|
||||||
- 60-second rolling window (adjustable)
|
|
||||||
- Chart.js-powered visualization with dark mode support
|
|
||||||
- No animation for smooth real-time updates
|
|
||||||
|
|
||||||
#### Device Information
|
|
||||||
- Battery level and power source
|
|
||||||
- Frequency weighting (A, C, Z)
|
|
||||||
- Time weighting (F, S, I)
|
|
||||||
- SD card remaining space
|
|
||||||
|
|
||||||
## Architecture
|
|
||||||
|
|
||||||
### Frontend Components
|
|
||||||
|
|
||||||
#### Main Template
|
|
||||||
**File**: `templates/sound_level_meters.html`
|
|
||||||
|
|
||||||
The main dashboard page that includes:
|
|
||||||
- Page header and navigation integration
|
|
||||||
- Stats summary section (auto-refreshes every 10s)
|
|
||||||
- Two-column layout: unit list (left) + live view (right)
|
|
||||||
- JavaScript functions for unit selection and WebSocket streaming
|
|
||||||
|
|
||||||
#### Partial Templates
|
|
||||||
|
|
||||||
1. **slm_stats.html** - Summary statistics cards
|
|
||||||
- Auto-loads on page load
|
|
||||||
- Refreshes every 10 seconds via HTMX
|
|
||||||
|
|
||||||
2. **slm_unit_list.html** - Searchable unit list
|
|
||||||
- Auto-loads on page load
|
|
||||||
- Refreshes every 10 seconds via HTMX
|
|
||||||
- Supports search filtering
|
|
||||||
|
|
||||||
3. **slm_live_view.html** - Live data panel for selected unit
|
|
||||||
- Loaded on-demand when unit is selected
|
|
||||||
- Includes Chart.js for visualization
|
|
||||||
- WebSocket connection for streaming data
|
|
||||||
|
|
||||||
4. **slm_live_view_error.html** - Error state display
|
|
||||||
|
|
||||||
### Backend Components
|
|
||||||
|
|
||||||
#### Router: `backend/routers/slm_dashboard.py`
|
|
||||||
|
|
||||||
**Endpoints:**
|
|
||||||
|
|
||||||
```python
|
|
||||||
GET /api/slm-dashboard/stats
|
|
||||||
```
|
|
||||||
Returns HTML partial with summary statistics.
|
|
||||||
|
|
||||||
```python
|
|
||||||
GET /api/slm-dashboard/units?search={term}
|
|
||||||
```
|
|
||||||
Returns HTML partial with filtered unit list.
|
|
||||||
|
|
||||||
```python
|
|
||||||
GET /api/slm-dashboard/live-view/{unit_id}
|
|
||||||
```
|
|
||||||
Returns HTML partial with live view panel for specific unit.
|
|
||||||
- Fetches unit details from database
|
|
||||||
- Queries SLMM API for current measurement state
|
|
||||||
- Queries SLMM API for live status (DOD data)
|
|
||||||
|
|
||||||
```python
|
|
||||||
POST /api/slm-dashboard/control/{unit_id}/{action}
|
|
||||||
```
|
|
||||||
Sends control commands to SLMM backend.
|
|
||||||
- Valid actions: start, stop, pause, resume, reset
|
|
||||||
- Proxies to `http://localhost:8100/api/nl43/{unit_id}/{action}`
|
|
||||||
|
|
||||||
### Integration with SLMM
|
|
||||||
|
|
||||||
The dashboard communicates with the SLMM backend service running on port 8100:
|
|
||||||
|
|
||||||
**REST API Calls:**
|
|
||||||
- `GET /api/nl43/{unit_id}/measurement-state` - Check if measuring
|
|
||||||
- `GET /api/nl43/{unit_id}/live` - Get current DOD data
|
|
||||||
- `POST /api/nl43/{unit_id}/start|stop|pause|resume|reset` - Control commands
|
|
||||||
|
|
||||||
**WebSocket Streaming:**
|
|
||||||
- `WS /api/nl43/{unit_id}/live` - Real-time DRD data stream
|
|
||||||
- Proxied through SFM at `/api/slmm/{unit_id}/live`
|
|
||||||
- Streams continuous measurement data for live charting
|
|
||||||
|
|
||||||
### Database Schema
|
|
||||||
|
|
||||||
**Table**: `roster`
|
|
||||||
|
|
||||||
SLM-specific fields in the RosterUnit model:
|
|
||||||
|
|
||||||
```python
|
|
||||||
device_type = "sound_level_meter" # Distinguishes SLMs from seismographs
|
|
||||||
slm_host = String # Device IP or hostname
|
|
||||||
slm_tcp_port = Integer # TCP control port (default 2255)
|
|
||||||
slm_model = String # NL-43, NL-53, etc.
|
|
||||||
slm_serial_number = String # Device serial number
|
|
||||||
slm_frequency_weighting = String # A, C, or Z weighting
|
|
||||||
slm_time_weighting = String # F (Fast), S (Slow), I (Impulse)
|
|
||||||
slm_measurement_range = String # e.g., "30-130 dB"
|
|
||||||
slm_last_check = DateTime # Last communication timestamp
|
|
||||||
```
|
|
||||||
|
|
||||||
## Navigation
|
|
||||||
|
|
||||||
The Sound Level Meters page is accessible from:
|
|
||||||
- **URL**: `/sound-level-meters`
|
|
||||||
- **Sidebar**: "Sound Level Meters" menu item (between Fleet Roster and Projects)
|
|
||||||
- **Icon**: Speaker/sound wave SVG icon
|
|
||||||
|
|
||||||
## Real-time Updates
|
|
||||||
|
|
||||||
The dashboard uses three mechanisms for real-time updates:
|
|
||||||
|
|
||||||
1. **HTMX Polling** (10-second intervals)
|
|
||||||
- Summary statistics
|
|
||||||
- Unit list
|
|
||||||
- Ensures data freshness even without user interaction
|
|
||||||
|
|
||||||
2. **On-Demand Loading** (HTMX)
|
|
||||||
- Live view panel loads when unit is selected
|
|
||||||
- Control button responses
|
|
||||||
|
|
||||||
3. **WebSocket Streaming** (continuous)
|
|
||||||
- Real-time DRD data for live charting
|
|
||||||
- User-initiated via "Start Live Stream" button
|
|
||||||
- Automatically closed on page unload or unit change
|
|
||||||
|
|
||||||
## Measurement Duration Tracking
|
|
||||||
|
|
||||||
**Important**: The NL-43/NL-53 devices do not expose measurement duration via their API. Elapsed time and interval counts are only visible on the device's on-screen display (OSD).
|
|
||||||
|
|
||||||
**Solution**: Track measurement start time in your application when calling the `/start` endpoint:
|
|
||||||
|
|
||||||
```javascript
|
|
||||||
// When starting measurement
|
|
||||||
const startTime = new Date();
|
|
||||||
localStorage.setItem(`slm_${unitId}_start`, startTime.toISOString());
|
|
||||||
|
|
||||||
// Calculate elapsed time
|
|
||||||
const startTime = new Date(localStorage.getItem(`slm_${unitId}_start`));
|
|
||||||
const elapsed = (new Date() - startTime) / 1000; // seconds
|
|
||||||
```
|
|
||||||
|
|
||||||
**Future Enhancement**: SLMM backend could store measurement start times in a database table to track duration across sessions.
|
|
||||||
|
|
||||||
## Testing
|
|
||||||
|
|
||||||
### Add Test Data
|
|
||||||
|
|
||||||
Use the included script to add test SLM units:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
python3 add_test_slms.py
|
|
||||||
```
|
|
||||||
|
|
||||||
This creates:
|
|
||||||
- 3 deployed test units (nl43-001, nl43-002, nl53-001)
|
|
||||||
- 1 benched unit (nl43-003)
|
|
||||||
|
|
||||||
### Running the Dashboard
|
|
||||||
|
|
||||||
1. Start SLMM backend (port 8100):
|
|
||||||
```bash
|
|
||||||
cd /home/serversdown/slmm
|
|
||||||
uvicorn main:app --host 0.0.0.0 --port 8100
|
|
||||||
```
|
|
||||||
|
|
||||||
2. Start SFM (port 8000):
|
|
||||||
```bash
|
|
||||||
cd /home/serversdown/sfm/seismo-fleet-manager
|
|
||||||
uvicorn backend.main:app --host 0.0.0.0 --port 8000 --reload
|
|
||||||
```
|
|
||||||
|
|
||||||
3. Access dashboard:
|
|
||||||
```
|
|
||||||
http://localhost:8000/sound-level-meters
|
|
||||||
```
|
|
||||||
|
|
||||||
### Testing Without Physical Devices
|
|
||||||
|
|
||||||
The dashboard will work without physical NL-43 devices connected:
|
|
||||||
- Unit list will display based on database records
|
|
||||||
- Live view will show connection errors (gracefully handled)
|
|
||||||
- Mock data can be added to SLMM for testing
|
|
||||||
|
|
||||||
## Future Enhancements
|
|
||||||
|
|
||||||
### Near-term
|
|
||||||
1. **Measurement Duration Tracking**
|
|
||||||
- Add database table to track measurement sessions
|
|
||||||
- Display elapsed time in live view
|
|
||||||
- Store start/stop timestamps
|
|
||||||
|
|
||||||
2. **Historical Data View**
|
|
||||||
- Chart historical Leq intervals
|
|
||||||
- Export measurement data
|
|
||||||
- Comparison between units
|
|
||||||
|
|
||||||
3. **Alerts & Thresholds**
|
|
||||||
- Configurable sound level alerts
|
|
||||||
- Email/SMS notifications when thresholds exceeded
|
|
||||||
- Visual indicators on dashboard
|
|
||||||
|
|
||||||
### Long-term
|
|
||||||
1. **Map View**
|
|
||||||
- Display all SLMs on a map (like seismographs)
|
|
||||||
- Click map markers to view live data
|
|
||||||
- Color-coded by current sound level
|
|
||||||
|
|
||||||
2. **Batch Operations**
|
|
||||||
- Start/stop multiple units simultaneously
|
|
||||||
- Synchronized measurements
|
|
||||||
- Group configurations
|
|
||||||
|
|
||||||
3. **Advanced Analytics**
|
|
||||||
- Noise compliance reports
|
|
||||||
- Statistical summaries
|
|
||||||
- Trend analysis
|
|
||||||
|
|
||||||
## Integration with Terra-view
|
|
||||||
|
|
||||||
When SFM is rebranded to Terra-view:
|
|
||||||
|
|
||||||
1. **Multi-Module Dashboard**
|
|
||||||
- Sound Level Meters module (this dashboard)
|
|
||||||
- Seismograph Fleet Manager module (existing)
|
|
||||||
- Future monitoring modules
|
|
||||||
|
|
||||||
2. **Project Management**
|
|
||||||
- Link SLMs to projects
|
|
||||||
- Combined project view with seismographs + SLMs
|
|
||||||
- Project-level reporting
|
|
||||||
|
|
||||||
3. **Unified Navigation**
|
|
||||||
- Top-level module switcher
|
|
||||||
- Consistent UI/UX across modules
|
|
||||||
- Shared authentication and settings
|
|
||||||
|
|
||||||
## Technical Notes
|
|
||||||
|
|
||||||
### HTMX Integration
|
|
||||||
The dashboard extensively uses HTMX for dynamic updates without full page reloads:
|
|
||||||
- `hx-get`: Fetch and swap content
|
|
||||||
- `hx-trigger`: Auto-refresh intervals
|
|
||||||
- `hx-swap`: Content replacement strategy
|
|
||||||
- `hx-target`: Specify update target
|
|
||||||
|
|
||||||
### Dark Mode Support
|
|
||||||
All components support dark mode:
|
|
||||||
- Chart.js colors adapt to theme
|
|
||||||
- Tailwind dark: classes throughout
|
|
||||||
- Automatic theme detection
|
|
||||||
|
|
||||||
### Performance Considerations
|
|
||||||
- WebSocket connections are per-unit (only one active at a time)
|
|
||||||
- Chart data limited to 60 points (1 minute) to prevent memory bloat
|
|
||||||
- Polling intervals balanced for responsiveness vs server load
|
|
||||||
- Lazy loading of live view panel (only when unit selected)
|
|
||||||
|
|
||||||
## Files Modified/Created
|
|
||||||
|
|
||||||
### New Files
|
|
||||||
- `templates/sound_level_meters.html`
|
|
||||||
- `templates/partials/slm_stats.html`
|
|
||||||
- `templates/partials/slm_unit_list.html`
|
|
||||||
- `templates/partials/slm_live_view.html`
|
|
||||||
- `templates/partials/slm_live_view_error.html`
|
|
||||||
- `backend/routers/slm_dashboard.py`
|
|
||||||
- `add_test_slms.py`
|
|
||||||
- `docs/SOUND_LEVEL_METERS_DASHBOARD.md`
|
|
||||||
|
|
||||||
### Modified Files
|
|
||||||
- `backend/main.py` - Added route and router import
|
|
||||||
- `templates/base.html` - Added navigation menu item
|
|
||||||
|
|
||||||
## Support
|
|
||||||
|
|
||||||
For issues or questions:
|
|
||||||
- Check SLMM API documentation: `/home/serversdown/slmm/docs/API.md`
|
|
||||||
- Review SFM changelog: `CHANGELOG.md`
|
|
||||||
- Submit issues to project repository
|
|
||||||
|
|
||||||
---
|
|
||||||
|
|
||||||
**Version**: 1.0.0
|
|
||||||
**Created**: January 2026
|
|
||||||
**Last Updated**: January 5, 2026
|
|
||||||
138
rename_unit.py
138
rename_unit.py
@@ -1,138 +0,0 @@
|
|||||||
#!/usr/bin/env python3
|
|
||||||
"""
|
|
||||||
Script to rename a unit ID in the database.
|
|
||||||
This updates the unit across all tables with proper foreign key handling.
|
|
||||||
"""
|
|
||||||
|
|
||||||
import sys
|
|
||||||
from sqlalchemy import create_engine, text
|
|
||||||
from sqlalchemy.orm import sessionmaker
|
|
||||||
|
|
||||||
DATABASE_URL = "sqlite:///data/sfm.db"
|
|
||||||
|
|
||||||
def rename_unit(old_id: str, new_id: str):
|
|
||||||
"""
|
|
||||||
Rename a unit ID across all relevant tables.
|
|
||||||
|
|
||||||
Args:
|
|
||||||
old_id: Current unit ID (e.g., "SLM4301")
|
|
||||||
new_id: New unit ID (e.g., "SLM-43-01")
|
|
||||||
"""
|
|
||||||
engine = create_engine(DATABASE_URL)
|
|
||||||
Session = sessionmaker(bind=engine)
|
|
||||||
session = Session()
|
|
||||||
|
|
||||||
try:
|
|
||||||
# Check if old unit exists
|
|
||||||
result = session.execute(
|
|
||||||
text("SELECT id, device_type FROM roster WHERE id = :old_id"),
|
|
||||||
{"old_id": old_id}
|
|
||||||
).fetchone()
|
|
||||||
|
|
||||||
if not result:
|
|
||||||
print(f"❌ Error: Unit '{old_id}' not found in roster")
|
|
||||||
return False
|
|
||||||
|
|
||||||
device_type = result[1]
|
|
||||||
print(f"✓ Found unit '{old_id}' (device_type: {device_type})")
|
|
||||||
|
|
||||||
# Check if new ID already exists
|
|
||||||
result = session.execute(
|
|
||||||
text("SELECT id FROM roster WHERE id = :new_id"),
|
|
||||||
{"new_id": new_id}
|
|
||||||
).fetchone()
|
|
||||||
|
|
||||||
if result:
|
|
||||||
print(f"❌ Error: Unit ID '{new_id}' already exists")
|
|
||||||
return False
|
|
||||||
|
|
||||||
print(f"\n🔄 Renaming '{old_id}' → '{new_id}'...\n")
|
|
||||||
|
|
||||||
# Update roster table (primary)
|
|
||||||
session.execute(
|
|
||||||
text("UPDATE roster SET id = :new_id WHERE id = :old_id"),
|
|
||||||
{"new_id": new_id, "old_id": old_id}
|
|
||||||
)
|
|
||||||
print(f" ✓ Updated roster")
|
|
||||||
|
|
||||||
# Update emitters table
|
|
||||||
result = session.execute(
|
|
||||||
text("UPDATE emitters SET id = :new_id WHERE id = :old_id"),
|
|
||||||
{"new_id": new_id, "old_id": old_id}
|
|
||||||
)
|
|
||||||
if result.rowcount > 0:
|
|
||||||
print(f" ✓ Updated emitters ({result.rowcount} rows)")
|
|
||||||
|
|
||||||
# Update unit_history table
|
|
||||||
result = session.execute(
|
|
||||||
text("UPDATE unit_history SET unit_id = :new_id WHERE unit_id = :old_id"),
|
|
||||||
{"new_id": new_id, "old_id": old_id}
|
|
||||||
)
|
|
||||||
if result.rowcount > 0:
|
|
||||||
print(f" ✓ Updated unit_history ({result.rowcount} rows)")
|
|
||||||
|
|
||||||
# Update deployed_with_modem_id references
|
|
||||||
result = session.execute(
|
|
||||||
text("UPDATE roster SET deployed_with_modem_id = :new_id WHERE deployed_with_modem_id = :old_id"),
|
|
||||||
{"new_id": new_id, "old_id": old_id}
|
|
||||||
)
|
|
||||||
if result.rowcount > 0:
|
|
||||||
print(f" ✓ Updated modem references ({result.rowcount} rows)")
|
|
||||||
|
|
||||||
# Update unit_assignments table (if exists)
|
|
||||||
try:
|
|
||||||
result = session.execute(
|
|
||||||
text("UPDATE unit_assignments SET unit_id = :new_id WHERE unit_id = :old_id"),
|
|
||||||
{"new_id": new_id, "old_id": old_id}
|
|
||||||
)
|
|
||||||
if result.rowcount > 0:
|
|
||||||
print(f" ✓ Updated unit_assignments ({result.rowcount} rows)")
|
|
||||||
except Exception:
|
|
||||||
pass # Table may not exist
|
|
||||||
|
|
||||||
# Update recording_sessions table (if exists)
|
|
||||||
try:
|
|
||||||
result = session.execute(
|
|
||||||
text("UPDATE recording_sessions SET unit_id = :new_id WHERE unit_id = :old_id"),
|
|
||||||
{"new_id": new_id, "old_id": old_id}
|
|
||||||
)
|
|
||||||
if result.rowcount > 0:
|
|
||||||
print(f" ✓ Updated recording_sessions ({result.rowcount} rows)")
|
|
||||||
except Exception:
|
|
||||||
pass # Table may not exist
|
|
||||||
|
|
||||||
# Commit all changes
|
|
||||||
session.commit()
|
|
||||||
print(f"\n✅ Successfully renamed unit '{old_id}' to '{new_id}'")
|
|
||||||
return True
|
|
||||||
|
|
||||||
except Exception as e:
|
|
||||||
session.rollback()
|
|
||||||
print(f"\n❌ Error during rename: {e}")
|
|
||||||
return False
|
|
||||||
finally:
|
|
||||||
session.close()
|
|
||||||
|
|
||||||
|
|
||||||
if __name__ == "__main__":
|
|
||||||
if len(sys.argv) != 3:
|
|
||||||
print("Usage: python rename_unit.py <old_id> <new_id>")
|
|
||||||
print("Example: python rename_unit.py SLM4301 SLM-43-01")
|
|
||||||
sys.exit(1)
|
|
||||||
|
|
||||||
old_id = sys.argv[1]
|
|
||||||
new_id = sys.argv[2]
|
|
||||||
|
|
||||||
print(f"Unit Renaming Tool")
|
|
||||||
print(f"=" * 50)
|
|
||||||
print(f"Old ID: {old_id}")
|
|
||||||
print(f"New ID: {new_id}")
|
|
||||||
print(f"=" * 50)
|
|
||||||
|
|
||||||
confirm = input(f"\nAre you sure you want to rename '{old_id}' to '{new_id}'? (yes/no): ")
|
|
||||||
if confirm.lower() != 'yes':
|
|
||||||
print("❌ Rename cancelled")
|
|
||||||
sys.exit(0)
|
|
||||||
|
|
||||||
success = rename_unit(old_id, new_id)
|
|
||||||
sys.exit(0 if success else 1)
|
|
||||||
@@ -6,4 +6,3 @@ python-multipart==0.0.6
|
|||||||
jinja2==3.1.2
|
jinja2==3.1.2
|
||||||
aiofiles==23.2.1
|
aiofiles==23.2.1
|
||||||
Pillow==10.1.0
|
Pillow==10.1.0
|
||||||
httpx==0.25.2
|
|
||||||
|
|||||||
@@ -1,120 +0,0 @@
|
|||||||
# Helper Scripts
|
|
||||||
|
|
||||||
This directory contains helper scripts for database management and testing.
|
|
||||||
|
|
||||||
## Database Migration Scripts
|
|
||||||
|
|
||||||
### migrate_dev_db.py
|
|
||||||
Migrates the DEV database schema to add SLM-specific columns to the `roster` table.
|
|
||||||
|
|
||||||
**Usage:**
|
|
||||||
```bash
|
|
||||||
cd /home/serversdown/sfm/seismo-fleet-manager
|
|
||||||
python3 scripts/migrate_dev_db.py
|
|
||||||
```
|
|
||||||
|
|
||||||
**What it does:**
|
|
||||||
- Adds 8 SLM-specific columns to the DEV database (data-dev/seismo_fleet.db)
|
|
||||||
- Columns: slm_host, slm_tcp_port, slm_model, slm_serial_number, slm_frequency_weighting, slm_time_weighting, slm_measurement_range, slm_last_check
|
|
||||||
- Safe to run multiple times (skips existing columns)
|
|
||||||
|
|
||||||
### update_dev_db_schema.py
|
|
||||||
Inspects and displays the DEV database schema.
|
|
||||||
|
|
||||||
**Usage:**
|
|
||||||
```bash
|
|
||||||
python3 scripts/update_dev_db_schema.py
|
|
||||||
```
|
|
||||||
|
|
||||||
**What it does:**
|
|
||||||
- Shows all tables in the DEV database
|
|
||||||
- Lists all columns in the roster table
|
|
||||||
- Useful for verifying schema after migrations
|
|
||||||
|
|
||||||
## Test Data Scripts
|
|
||||||
|
|
||||||
### add_test_slms.py
|
|
||||||
Adds test Sound Level Meter units to the DEV database.
|
|
||||||
|
|
||||||
**Usage:**
|
|
||||||
```bash
|
|
||||||
python3 scripts/add_test_slms.py
|
|
||||||
```
|
|
||||||
|
|
||||||
**What it creates:**
|
|
||||||
- nl43-001: NL-43 SLM at Construction Site A
|
|
||||||
- nl43-002: NL-43 SLM at Construction Site B
|
|
||||||
- nl53-001: NL-53 SLM at Residential Area
|
|
||||||
- nl43-003: NL-43 SLM (not deployed, spare unit)
|
|
||||||
|
|
||||||
### add_test_modems.py
|
|
||||||
Adds test modem units to the DEV database and assigns them to SLMs.
|
|
||||||
|
|
||||||
**Usage:**
|
|
||||||
```bash
|
|
||||||
python3 scripts/add_test_modems.py
|
|
||||||
```
|
|
||||||
|
|
||||||
**What it creates:**
|
|
||||||
- modem-001, modem-002, modem-003: Deployed modems (Raven XTV and Sierra Wireless)
|
|
||||||
- modem-004: Spare modem (not deployed)
|
|
||||||
|
|
||||||
**Modem assignments:**
|
|
||||||
- nl43-001 → modem-001
|
|
||||||
- nl43-002 → modem-002
|
|
||||||
- nl53-001 → modem-003
|
|
||||||
|
|
||||||
## Cleanup Scripts
|
|
||||||
|
|
||||||
### remove_test_data_from_prod.py
|
|
||||||
**⚠️ PRODUCTION DATABASE CLEANUP**
|
|
||||||
|
|
||||||
Removes test data from the production database (data/seismo_fleet.db).
|
|
||||||
|
|
||||||
**Status:** Already executed successfully. Production database is clean.
|
|
||||||
|
|
||||||
**What it removed:**
|
|
||||||
- All test SLM units (nl43-001, nl43-002, nl53-001, nl43-003)
|
|
||||||
- All test modem units (modem-001, modem-002, modem-003, modem-004)
|
|
||||||
|
|
||||||
## Database Cloning
|
|
||||||
|
|
||||||
### clone_db_to_dev.py
|
|
||||||
Clones the production database to create/update the DEV database.
|
|
||||||
|
|
||||||
**Usage:**
|
|
||||||
```bash
|
|
||||||
python3 scripts/clone_db_to_dev.py
|
|
||||||
```
|
|
||||||
|
|
||||||
**What it does:**
|
|
||||||
- Copies data/seismo_fleet.db → data-dev/seismo_fleet.db
|
|
||||||
- Useful for syncing DEV database with production schema/data
|
|
||||||
|
|
||||||
## Setup Sequence
|
|
||||||
|
|
||||||
To set up a fresh DEV database with test data:
|
|
||||||
|
|
||||||
```bash
|
|
||||||
cd /home/serversdown/sfm/seismo-fleet-manager
|
|
||||||
|
|
||||||
# 1. Fix permissions (if needed)
|
|
||||||
sudo chown -R serversdown:serversdown data-dev/
|
|
||||||
|
|
||||||
# 2. Migrate schema
|
|
||||||
python3 scripts/migrate_dev_db.py
|
|
||||||
|
|
||||||
# 3. Add test data
|
|
||||||
python3 scripts/add_test_slms.py
|
|
||||||
python3 scripts/add_test_modems.py
|
|
||||||
|
|
||||||
# 4. Verify
|
|
||||||
sqlite3 data-dev/seismo_fleet.db "SELECT id, device_type FROM roster WHERE device_type IN ('sound_level_meter', 'modem');"
|
|
||||||
```
|
|
||||||
|
|
||||||
## Important Notes
|
|
||||||
|
|
||||||
- **DEV Database**: `data-dev/seismo_fleet.db` - Used for development and testing
|
|
||||||
- **Production Database**: `data/seismo_fleet.db` - Used by the running application
|
|
||||||
- All test scripts are configured to use the DEV database only
|
|
||||||
- Never run test data scripts against production
|
|
||||||
@@ -1,39 +0,0 @@
|
|||||||
#!/usr/bin/env python3
|
|
||||||
"""
|
|
||||||
Add slm_ftp_port column to roster table for FTP data retrieval port
|
|
||||||
"""
|
|
||||||
|
|
||||||
from sqlalchemy import create_engine, text
|
|
||||||
import os
|
|
||||||
|
|
||||||
# Determine database based on environment
|
|
||||||
ENVIRONMENT = os.getenv("ENVIRONMENT", "production")
|
|
||||||
if ENVIRONMENT == "development":
|
|
||||||
DB_URL = "sqlite:///./data-dev/seismo_fleet.db"
|
|
||||||
else:
|
|
||||||
DB_URL = "sqlite:///./data/seismo_fleet.db"
|
|
||||||
|
|
||||||
def add_ftp_port_column():
|
|
||||||
print(f"Adding slm_ftp_port column to {DB_URL}...")
|
|
||||||
print("=" * 60)
|
|
||||||
|
|
||||||
engine = create_engine(DB_URL, connect_args={"check_same_thread": False})
|
|
||||||
|
|
||||||
with engine.connect() as conn:
|
|
||||||
try:
|
|
||||||
# Try to add the column
|
|
||||||
conn.execute(text("ALTER TABLE roster ADD COLUMN slm_ftp_port INTEGER"))
|
|
||||||
conn.commit()
|
|
||||||
print("✓ Added column: slm_ftp_port (INTEGER)")
|
|
||||||
except Exception as e:
|
|
||||||
if "duplicate column name" in str(e).lower():
|
|
||||||
print(" Column slm_ftp_port already exists, skipping")
|
|
||||||
else:
|
|
||||||
print(f"✗ Error adding slm_ftp_port: {e}")
|
|
||||||
raise
|
|
||||||
|
|
||||||
print("=" * 60)
|
|
||||||
print("Migration completed!")
|
|
||||||
|
|
||||||
if __name__ == "__main__":
|
|
||||||
add_ftp_port_column()
|
|
||||||
@@ -1,105 +0,0 @@
|
|||||||
#!/usr/bin/env python3
|
|
||||||
"""
|
|
||||||
Add test modem units and assign them to SLMs in DEV database
|
|
||||||
"""
|
|
||||||
|
|
||||||
from sqlalchemy import create_engine
|
|
||||||
from sqlalchemy.orm import sessionmaker
|
|
||||||
from backend.models import RosterUnit
|
|
||||||
from datetime import datetime
|
|
||||||
|
|
||||||
# DEV database
|
|
||||||
DEV_DB_URL = "sqlite:///./data-dev/seismo_fleet.db"
|
|
||||||
|
|
||||||
def add_test_modems():
|
|
||||||
engine = create_engine(DEV_DB_URL, connect_args={"check_same_thread": False})
|
|
||||||
SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine)
|
|
||||||
db = SessionLocal()
|
|
||||||
|
|
||||||
# Test modems
|
|
||||||
test_modems = [
|
|
||||||
{
|
|
||||||
"id": "modem-001",
|
|
||||||
"device_type": "modem",
|
|
||||||
"deployed": True,
|
|
||||||
"retired": False,
|
|
||||||
"note": "Raven XTV modem for Construction Site A",
|
|
||||||
"address": "123 Main St, Construction Site A",
|
|
||||||
"coordinates": "34.0522,-118.2437",
|
|
||||||
"ip_address": "192.168.1.100",
|
|
||||||
"phone_number": "+1-555-0100",
|
|
||||||
"hardware_model": "Raven XTV"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id": "modem-002",
|
|
||||||
"device_type": "modem",
|
|
||||||
"deployed": True,
|
|
||||||
"retired": False,
|
|
||||||
"note": "Raven XTV modem for Construction Site B",
|
|
||||||
"address": "456 Oak Ave, Construction Site B",
|
|
||||||
"coordinates": "34.0622,-118.2537",
|
|
||||||
"ip_address": "192.168.1.101",
|
|
||||||
"phone_number": "+1-555-0101",
|
|
||||||
"hardware_model": "Raven XTV"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id": "modem-003",
|
|
||||||
"device_type": "modem",
|
|
||||||
"deployed": True,
|
|
||||||
"retired": False,
|
|
||||||
"note": "Sierra Wireless modem for Residential Area",
|
|
||||||
"address": "789 Elm St, Residential Area",
|
|
||||||
"coordinates": "34.0722,-118.2637",
|
|
||||||
"ip_address": "192.168.1.102",
|
|
||||||
"phone_number": "+1-555-0102",
|
|
||||||
"hardware_model": "Sierra Wireless AirLink"
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id": "modem-004",
|
|
||||||
"device_type": "modem",
|
|
||||||
"deployed": False,
|
|
||||||
"retired": False,
|
|
||||||
"note": "Spare modem - not deployed",
|
|
||||||
"ip_address": None,
|
|
||||||
"phone_number": "+1-555-0103",
|
|
||||||
"hardware_model": "Raven XTV"
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
for modem_data in test_modems:
|
|
||||||
# Check if modem already exists
|
|
||||||
existing = db.query(RosterUnit).filter_by(id=modem_data["id"]).first()
|
|
||||||
if existing:
|
|
||||||
print(f"Modem {modem_data['id']} already exists, skipping...")
|
|
||||||
continue
|
|
||||||
|
|
||||||
modem = RosterUnit(**modem_data)
|
|
||||||
db.add(modem)
|
|
||||||
print(f"Added {modem_data['id']}")
|
|
||||||
|
|
||||||
# Assign modems to existing SLMs
|
|
||||||
slm_modem_assignments = {
|
|
||||||
"nl43-001": "modem-001",
|
|
||||||
"nl43-002": "modem-002",
|
|
||||||
"nl53-001": "modem-003"
|
|
||||||
}
|
|
||||||
|
|
||||||
for slm_id, modem_id in slm_modem_assignments.items():
|
|
||||||
slm = db.query(RosterUnit).filter_by(id=slm_id).first()
|
|
||||||
if slm:
|
|
||||||
slm.deployed_with_modem_id = modem_id
|
|
||||||
# Remove legacy slm_host since we're using modems now
|
|
||||||
slm.slm_host = None
|
|
||||||
print(f"Assigned {slm_id} to {modem_id}")
|
|
||||||
else:
|
|
||||||
print(f"SLM {slm_id} not found, skipping assignment...")
|
|
||||||
|
|
||||||
db.commit()
|
|
||||||
db.close()
|
|
||||||
print("\nTest modems added and assigned to SLMs successfully in DEV database (data-dev/seismo_fleet.db)!")
|
|
||||||
print("\nModem assignments:")
|
|
||||||
for slm_id, modem_id in slm_modem_assignments.items():
|
|
||||||
print(f" {slm_id} → {modem_id}")
|
|
||||||
|
|
||||||
if __name__ == "__main__":
|
|
||||||
add_test_modems()
|
|
||||||
@@ -1,106 +0,0 @@
|
|||||||
#!/usr/bin/env python3
|
|
||||||
"""
|
|
||||||
Add test Sound Level Meter units to the DEV database
|
|
||||||
"""
|
|
||||||
|
|
||||||
from sqlalchemy import create_engine
|
|
||||||
from sqlalchemy.orm import sessionmaker
|
|
||||||
from backend.models import RosterUnit
|
|
||||||
from datetime import datetime
|
|
||||||
|
|
||||||
# DEV database
|
|
||||||
DEV_DB_URL = "sqlite:///./data-dev/seismo_fleet.db"
|
|
||||||
|
|
||||||
def add_test_slms():
|
|
||||||
engine = create_engine(DEV_DB_URL, connect_args={"check_same_thread": False})
|
|
||||||
SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine)
|
|
||||||
db = SessionLocal()
|
|
||||||
|
|
||||||
test_slms = [
|
|
||||||
{
|
|
||||||
"id": "nl43-001",
|
|
||||||
"device_type": "sound_level_meter",
|
|
||||||
"deployed": True,
|
|
||||||
"retired": False,
|
|
||||||
"note": "Test unit at construction site A",
|
|
||||||
"address": "123 Main St, Construction Site A",
|
|
||||||
"coordinates": "34.0522,-118.2437",
|
|
||||||
"slm_host": "192.168.1.100",
|
|
||||||
"slm_tcp_port": 2255,
|
|
||||||
"slm_model": "NL-43",
|
|
||||||
"slm_serial_number": "123456",
|
|
||||||
"slm_frequency_weighting": "A",
|
|
||||||
"slm_time_weighting": "F",
|
|
||||||
"slm_measurement_range": "30-130 dB",
|
|
||||||
"slm_last_check": datetime.utcnow()
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id": "nl43-002",
|
|
||||||
"device_type": "sound_level_meter",
|
|
||||||
"deployed": True,
|
|
||||||
"retired": False,
|
|
||||||
"note": "Test unit at construction site B",
|
|
||||||
"address": "456 Oak Ave, Construction Site B",
|
|
||||||
"coordinates": "34.0622,-118.2537",
|
|
||||||
"slm_host": "192.168.1.101",
|
|
||||||
"slm_tcp_port": 2255,
|
|
||||||
"slm_model": "NL-43",
|
|
||||||
"slm_serial_number": "123457",
|
|
||||||
"slm_frequency_weighting": "A",
|
|
||||||
"slm_time_weighting": "S",
|
|
||||||
"slm_measurement_range": "30-130 dB",
|
|
||||||
"slm_last_check": datetime.utcnow()
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id": "nl53-001",
|
|
||||||
"device_type": "sound_level_meter",
|
|
||||||
"deployed": True,
|
|
||||||
"retired": False,
|
|
||||||
"note": "Test unit at residential monitoring",
|
|
||||||
"address": "789 Elm St, Residential Area",
|
|
||||||
"coordinates": "34.0722,-118.2637",
|
|
||||||
"slm_host": "192.168.1.102",
|
|
||||||
"slm_tcp_port": 2255,
|
|
||||||
"slm_model": "NL-53",
|
|
||||||
"slm_serial_number": "234567",
|
|
||||||
"slm_frequency_weighting": "C",
|
|
||||||
"slm_time_weighting": "F",
|
|
||||||
"slm_measurement_range": "25-140 dB",
|
|
||||||
"slm_last_check": datetime.utcnow()
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"id": "nl43-003",
|
|
||||||
"device_type": "sound_level_meter",
|
|
||||||
"deployed": False,
|
|
||||||
"retired": False,
|
|
||||||
"note": "Benched for calibration",
|
|
||||||
"address": None,
|
|
||||||
"coordinates": None,
|
|
||||||
"slm_host": None,
|
|
||||||
"slm_tcp_port": None,
|
|
||||||
"slm_model": "NL-43",
|
|
||||||
"slm_serial_number": "123458",
|
|
||||||
"slm_frequency_weighting": "A",
|
|
||||||
"slm_time_weighting": "F",
|
|
||||||
"slm_measurement_range": "30-130 dB",
|
|
||||||
"slm_last_check": None
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
for slm_data in test_slms:
|
|
||||||
# Check if unit already exists
|
|
||||||
existing = db.query(RosterUnit).filter_by(id=slm_data["id"]).first()
|
|
||||||
if existing:
|
|
||||||
print(f"Unit {slm_data['id']} already exists, skipping...")
|
|
||||||
continue
|
|
||||||
|
|
||||||
unit = RosterUnit(**slm_data)
|
|
||||||
db.add(unit)
|
|
||||||
print(f"Added {slm_data['id']}")
|
|
||||||
|
|
||||||
db.commit()
|
|
||||||
db.close()
|
|
||||||
print("\nTest SLM units added successfully to DEV database (data-dev/seismo_fleet.db)!")
|
|
||||||
|
|
||||||
if __name__ == "__main__":
|
|
||||||
add_test_slms()
|
|
||||||
@@ -1,46 +0,0 @@
|
|||||||
#!/usr/bin/env python3
|
|
||||||
"""
|
|
||||||
Migrate DEV database to add SLM-specific columns
|
|
||||||
"""
|
|
||||||
|
|
||||||
from sqlalchemy import create_engine, text
|
|
||||||
|
|
||||||
# DEV database
|
|
||||||
DEV_DB_URL = "sqlite:///./data-dev/seismo_fleet.db"
|
|
||||||
|
|
||||||
def migrate_dev_database():
|
|
||||||
print("Migrating DEV database to add SLM columns...")
|
|
||||||
print("=" * 60)
|
|
||||||
|
|
||||||
engine = create_engine(DEV_DB_URL, connect_args={"check_same_thread": False})
|
|
||||||
|
|
||||||
# SLM columns to add
|
|
||||||
slm_columns = [
|
|
||||||
("slm_host", "VARCHAR"),
|
|
||||||
("slm_tcp_port", "INTEGER"),
|
|
||||||
("slm_model", "VARCHAR"),
|
|
||||||
("slm_serial_number", "VARCHAR"),
|
|
||||||
("slm_frequency_weighting", "VARCHAR"),
|
|
||||||
("slm_time_weighting", "VARCHAR"),
|
|
||||||
("slm_measurement_range", "VARCHAR"),
|
|
||||||
("slm_last_check", "DATETIME"),
|
|
||||||
]
|
|
||||||
|
|
||||||
with engine.connect() as conn:
|
|
||||||
for column_name, column_type in slm_columns:
|
|
||||||
try:
|
|
||||||
# Try to add the column
|
|
||||||
conn.execute(text(f"ALTER TABLE roster ADD COLUMN {column_name} {column_type}"))
|
|
||||||
conn.commit()
|
|
||||||
print(f"✓ Added column: {column_name}")
|
|
||||||
except Exception as e:
|
|
||||||
if "duplicate column name" in str(e).lower():
|
|
||||||
print(f" Column {column_name} already exists, skipping")
|
|
||||||
else:
|
|
||||||
print(f"✗ Error adding {column_name}: {e}")
|
|
||||||
|
|
||||||
print("=" * 60)
|
|
||||||
print("DEV database migration completed!")
|
|
||||||
|
|
||||||
if __name__ == "__main__":
|
|
||||||
migrate_dev_database()
|
|
||||||
@@ -1,45 +0,0 @@
|
|||||||
#!/usr/bin/env python3
|
|
||||||
"""
|
|
||||||
Remove test SLMs and modems from PRODUCTION database
|
|
||||||
"""
|
|
||||||
|
|
||||||
from sqlalchemy import create_engine
|
|
||||||
from sqlalchemy.orm import sessionmaker
|
|
||||||
from backend.models import RosterUnit
|
|
||||||
|
|
||||||
# PRODUCTION database
|
|
||||||
PROD_DB_URL = "sqlite:///./data/seismo_fleet.db"
|
|
||||||
|
|
||||||
def remove_test_data():
|
|
||||||
engine = create_engine(PROD_DB_URL, connect_args={"check_same_thread": False})
|
|
||||||
SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine)
|
|
||||||
db = SessionLocal()
|
|
||||||
|
|
||||||
# IDs to remove
|
|
||||||
test_slm_ids = ["nl43-001", "nl43-002", "nl53-001", "nl43-003"]
|
|
||||||
test_modem_ids = ["modem-001", "modem-002", "modem-003", "modem-004"]
|
|
||||||
|
|
||||||
all_test_ids = test_slm_ids + test_modem_ids
|
|
||||||
|
|
||||||
removed = []
|
|
||||||
for unit_id in all_test_ids:
|
|
||||||
unit = db.query(RosterUnit).filter_by(id=unit_id).first()
|
|
||||||
if unit:
|
|
||||||
db.delete(unit)
|
|
||||||
removed.append(unit_id)
|
|
||||||
print(f"Removed {unit_id}")
|
|
||||||
|
|
||||||
if removed:
|
|
||||||
db.commit()
|
|
||||||
print(f"\nRemoved {len(removed)} test units from PRODUCTION database")
|
|
||||||
else:
|
|
||||||
print("No test units found in production database")
|
|
||||||
|
|
||||||
db.close()
|
|
||||||
|
|
||||||
if __name__ == "__main__":
|
|
||||||
print("Removing test data from PRODUCTION database...")
|
|
||||||
print("=" * 60)
|
|
||||||
remove_test_data()
|
|
||||||
print("=" * 60)
|
|
||||||
print("Done! Production database is clean.")
|
|
||||||
@@ -1,39 +0,0 @@
|
|||||||
#!/usr/bin/env python3
|
|
||||||
"""
|
|
||||||
Update DEV database schema to match current models
|
|
||||||
"""
|
|
||||||
|
|
||||||
from sqlalchemy import create_engine, inspect
|
|
||||||
from backend.models import Base
|
|
||||||
|
|
||||||
# DEV database
|
|
||||||
DEV_DB_URL = "sqlite:///./data-dev/seismo_fleet.db"
|
|
||||||
|
|
||||||
def update_schema():
|
|
||||||
print("Updating DEV database schema...")
|
|
||||||
print("=" * 60)
|
|
||||||
|
|
||||||
engine = create_engine(DEV_DB_URL, connect_args={"check_same_thread": False})
|
|
||||||
|
|
||||||
# Create all tables (will update existing tables with new columns)
|
|
||||||
Base.metadata.create_all(bind=engine)
|
|
||||||
|
|
||||||
# Inspect to see what we have
|
|
||||||
inspector = inspect(engine)
|
|
||||||
tables = inspector.get_table_names()
|
|
||||||
|
|
||||||
print(f"Tables in DEV database: {tables}")
|
|
||||||
|
|
||||||
if 'roster' in tables:
|
|
||||||
columns = [col['name'] for col in inspector.get_columns('roster')]
|
|
||||||
print(f"\nColumns in roster table:")
|
|
||||||
for col in sorted(columns):
|
|
||||||
print(f" - {col}")
|
|
||||||
|
|
||||||
print("=" * 60)
|
|
||||||
print("DEV database schema updated successfully!")
|
|
||||||
print("\nNote: SQLite doesn't support ALTER COLUMN, so existing")
|
|
||||||
print("columns won't be modified, but new columns will be added.")
|
|
||||||
|
|
||||||
if __name__ == "__main__":
|
|
||||||
update_schema()
|
|
||||||
@@ -1,67 +0,0 @@
|
|||||||
#!/usr/bin/env python3
|
|
||||||
"""
|
|
||||||
One-time script to sync existing SLM devices from Terra-View roster to SLMM cache.
|
|
||||||
Run this after implementing the automatic sync to backfill existing devices.
|
|
||||||
"""
|
|
||||||
import asyncio
|
|
||||||
import sys
|
|
||||||
import os
|
|
||||||
|
|
||||||
# Add parent directory to path for imports
|
|
||||||
sys.path.insert(0, os.path.dirname(os.path.abspath(__file__)))
|
|
||||||
|
|
||||||
from backend.database import SessionLocal
|
|
||||||
from backend.models import RosterUnit
|
|
||||||
from backend.routers.roster_edit import sync_slm_to_slmm_cache
|
|
||||||
import logging
|
|
||||||
|
|
||||||
logging.basicConfig(level=logging.INFO, format='%(asctime)s - %(levelname)s - %(message)s')
|
|
||||||
logger = logging.getLogger(__name__)
|
|
||||||
|
|
||||||
|
|
||||||
async def sync_all_slms():
|
|
||||||
"""Sync all SLM devices from Terra-View roster to SLMM cache."""
|
|
||||||
db = SessionLocal()
|
|
||||||
try:
|
|
||||||
# Get all SLM devices from Terra-View (source of truth)
|
|
||||||
slm_devices = db.query(RosterUnit).filter_by(
|
|
||||||
device_type="sound_level_meter"
|
|
||||||
).all()
|
|
||||||
|
|
||||||
logger.info(f"Found {len(slm_devices)} SLM devices in Terra-View roster")
|
|
||||||
|
|
||||||
success_count = 0
|
|
||||||
failed_count = 0
|
|
||||||
|
|
||||||
for device in slm_devices:
|
|
||||||
logger.info(f"\nProcessing: {device.id}")
|
|
||||||
logger.info(f" Host: {device.slm_host}")
|
|
||||||
logger.info(f" TCP Port: {device.slm_tcp_port}")
|
|
||||||
logger.info(f" Modem: {device.deployed_with_modem_id}")
|
|
||||||
|
|
||||||
result = await sync_slm_to_slmm_cache(
|
|
||||||
unit_id=device.id,
|
|
||||||
host=device.slm_host,
|
|
||||||
tcp_port=device.slm_tcp_port,
|
|
||||||
ftp_port=device.slm_ftp_port,
|
|
||||||
deployed_with_modem_id=device.deployed_with_modem_id,
|
|
||||||
db=db
|
|
||||||
)
|
|
||||||
|
|
||||||
if result["success"]:
|
|
||||||
logger.info(f"✓ {device.id}: {result['message']}")
|
|
||||||
success_count += 1
|
|
||||||
else:
|
|
||||||
logger.error(f"✗ {device.id}: {result['message']}")
|
|
||||||
failed_count += 1
|
|
||||||
|
|
||||||
logger.info(f"\n{'='*60}")
|
|
||||||
logger.info(f"Cache sync complete: {success_count} succeeded, {failed_count} failed")
|
|
||||||
logger.info(f"{'='*60}")
|
|
||||||
|
|
||||||
finally:
|
|
||||||
db.close()
|
|
||||||
|
|
||||||
|
|
||||||
if __name__ == "__main__":
|
|
||||||
asyncio.run(sync_all_slms())
|
|
||||||
@@ -110,24 +110,10 @@
|
|||||||
<svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path>
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path>
|
||||||
</svg>
|
</svg>
|
||||||
Devices
|
Fleet Roster
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="/seismographs" class="flex items-center px-4 py-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 {% if request.url.path == '/seismographs' %}bg-gray-100 dark:bg-gray-700{% endif %}">
|
<a href="#" class="flex items-center px-4 py-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 opacity-50 cursor-not-allowed">
|
||||||
<svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
|
|
||||||
</svg>
|
|
||||||
Seismographs
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="/sound-level-meters" class="flex items-center px-4 py-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 {% if request.url.path == '/sound-level-meters' %}bg-gray-100 dark:bg-gray-700{% endif %}">
|
|
||||||
<svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"></path>
|
|
||||||
</svg>
|
|
||||||
Sound Level Meters
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<a href="/projects" class="flex items-center px-4 py-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 {% if request.url.path.startswith('/projects') %}bg-gray-100 dark:bg-gray-700{% endif %}">
|
|
||||||
<svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-5 h-5 mr-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path>
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path>
|
||||||
</svg>
|
</svg>
|
||||||
@@ -194,7 +180,7 @@
|
|||||||
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path>
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"></path>
|
||||||
</svg>
|
</svg>
|
||||||
<span>Devices</span>
|
<span>Roster</span>
|
||||||
</button>
|
</button>
|
||||||
<button class="bottom-nav-btn" data-href="/settings" onclick="window.location.href='/settings'">
|
<button class="bottom-nav-btn" data-href="/settings" onclick="window.location.href='/settings'">
|
||||||
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
|
|||||||
@@ -57,27 +57,6 @@
|
|||||||
<span class="text-gray-600 dark:text-gray-400">Benched</span>
|
<span class="text-gray-600 dark:text-gray-400">Benched</span>
|
||||||
<span id="benched-units" class="text-3xl md:text-2xl font-bold text-gray-600 dark:text-gray-400">--</span>
|
<span id="benched-units" class="text-3xl md:text-2xl font-bold text-gray-600 dark:text-gray-400">--</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="border-t border-gray-200 dark:border-gray-700 pt-3 mt-3">
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-500 mb-2 italic">By Device Type:</p>
|
|
||||||
<div class="flex justify-between items-center mb-1">
|
|
||||||
<div class="flex items-center">
|
|
||||||
<svg class="w-4 h-4 mr-1.5 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
|
|
||||||
</svg>
|
|
||||||
<a href="/seismographs" class="text-sm text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400">Seismographs</a>
|
|
||||||
</div>
|
|
||||||
<span id="seismo-count" class="font-semibold text-blue-600 dark:text-blue-400">--</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex justify-between items-center mb-2">
|
|
||||||
<div class="flex items-center">
|
|
||||||
<svg class="w-4 h-4 mr-1.5 text-purple-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"></path>
|
|
||||||
</svg>
|
|
||||||
<a href="/sound-level-meters" class="text-sm text-gray-600 dark:text-gray-400 hover:text-purple-600 dark:hover:text-purple-400">Sound Level Meters</a>
|
|
||||||
</div>
|
|
||||||
<span id="slm-count" class="font-semibold text-purple-600 dark:text-purple-400">--</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="border-t border-gray-200 dark:border-gray-700 pt-3 mt-3">
|
<div class="border-t border-gray-200 dark:border-gray-700 pt-3 mt-3">
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-500 mb-2 italic">Deployed Status:</p>
|
<p class="text-xs text-gray-500 dark:text-gray-500 mb-2 italic">Deployed Status:</p>
|
||||||
<div class="flex justify-between items-center mb-2" title="Units reporting normally (last seen < 12 hours)">
|
<div class="flex justify-between items-center mb-2" title="Units reporting normally (last seen < 12 hours)">
|
||||||
@@ -364,21 +343,6 @@ function updateDashboard(event) {
|
|||||||
document.getElementById('status-pending').textContent = data.summary?.pending ?? 0;
|
document.getElementById('status-pending').textContent = data.summary?.pending ?? 0;
|
||||||
document.getElementById('status-missing').textContent = data.summary?.missing ?? 0;
|
document.getElementById('status-missing').textContent = data.summary?.missing ?? 0;
|
||||||
|
|
||||||
// ===== Device type counts =====
|
|
||||||
let seismoCount = 0;
|
|
||||||
let slmCount = 0;
|
|
||||||
Object.values(data.units || {}).forEach(unit => {
|
|
||||||
if (unit.retired) return; // Don't count retired units
|
|
||||||
const deviceType = unit.device_type || 'seismograph';
|
|
||||||
if (deviceType === 'seismograph') {
|
|
||||||
seismoCount++;
|
|
||||||
} else if (deviceType === 'sound_level_meter') {
|
|
||||||
slmCount++;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
document.getElementById('seismo-count').textContent = seismoCount;
|
|
||||||
document.getElementById('slm-count').textContent = slmCount;
|
|
||||||
|
|
||||||
// ===== Alerts =====
|
// ===== Alerts =====
|
||||||
const alertsList = document.getElementById('alerts-list');
|
const alertsList = document.getElementById('alerts-list');
|
||||||
// Only show alerts for deployed units that are MISSING (not pending)
|
// Only show alerts for deployed units that are MISSING (not pending)
|
||||||
|
|||||||
@@ -1,563 +0,0 @@
|
|||||||
{% extends "base.html" %}
|
|
||||||
|
|
||||||
{% block title %}{{ location.name }} - NRL Detail{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
|
||||||
<!-- Breadcrumb Navigation -->
|
|
||||||
<div class="mb-6">
|
|
||||||
<nav class="flex items-center space-x-2 text-sm">
|
|
||||||
<a href="/projects" class="text-seismo-orange hover:text-seismo-navy flex items-center">
|
|
||||||
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
|
|
||||||
</svg>
|
|
||||||
Projects
|
|
||||||
</a>
|
|
||||||
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
|
||||||
</svg>
|
|
||||||
<a href="/projects/{{ project_id }}" class="text-seismo-orange hover:text-seismo-navy">
|
|
||||||
{{ project.name }}
|
|
||||||
</a>
|
|
||||||
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
|
||||||
</svg>
|
|
||||||
<span class="text-gray-900 dark:text-white font-medium">{{ location.name }}</span>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Header -->
|
|
||||||
<div class="mb-8">
|
|
||||||
<div class="flex justify-between items-start">
|
|
||||||
<div>
|
|
||||||
<h1 class="text-3xl font-bold text-gray-900 dark:text-white flex items-center">
|
|
||||||
<svg class="w-8 h-8 mr-3 text-seismo-orange" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
|
||||||
</svg>
|
|
||||||
{{ location.name }}
|
|
||||||
</h1>
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 mt-1">
|
|
||||||
Noise Recording Location • {{ project.name }}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="flex gap-2">
|
|
||||||
{% if assigned_unit %}
|
|
||||||
<span class="px-3 py-1 rounded-full text-sm font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300">
|
|
||||||
<svg class="w-4 h-4 inline mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
|
|
||||||
</svg>
|
|
||||||
Unit Assigned
|
|
||||||
</span>
|
|
||||||
{% else %}
|
|
||||||
<span class="px-3 py-1 rounded-full text-sm font-medium bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300">
|
|
||||||
No Unit Assigned
|
|
||||||
</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Tab Navigation -->
|
|
||||||
<div class="mb-6 border-b border-gray-200 dark:border-gray-700">
|
|
||||||
<nav class="flex space-x-6">
|
|
||||||
<button onclick="switchTab('overview')"
|
|
||||||
data-tab="overview"
|
|
||||||
class="tab-button px-4 py-3 border-b-2 font-medium text-sm transition-colors border-seismo-orange text-seismo-orange">
|
|
||||||
Overview
|
|
||||||
</button>
|
|
||||||
<button onclick="switchTab('settings')"
|
|
||||||
data-tab="settings"
|
|
||||||
class="tab-button px-4 py-3 border-b-2 border-transparent font-medium text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:border-gray-300 dark:hover:border-gray-600 transition-colors">
|
|
||||||
Settings
|
|
||||||
</button>
|
|
||||||
{% if assigned_unit %}
|
|
||||||
<button onclick="switchTab('command')"
|
|
||||||
data-tab="command"
|
|
||||||
class="tab-button px-4 py-3 border-b-2 border-transparent font-medium text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:border-gray-300 dark:hover:border-gray-600 transition-colors">
|
|
||||||
Command Center
|
|
||||||
</button>
|
|
||||||
{% endif %}
|
|
||||||
<button onclick="switchTab('sessions')"
|
|
||||||
data-tab="sessions"
|
|
||||||
class="tab-button px-4 py-3 border-b-2 border-transparent font-medium text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:border-gray-300 dark:hover:border-gray-600 transition-colors">
|
|
||||||
Recording Sessions
|
|
||||||
</button>
|
|
||||||
<button onclick="switchTab('data')"
|
|
||||||
data-tab="data"
|
|
||||||
class="tab-button px-4 py-3 border-b-2 border-transparent font-medium text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:border-gray-300 dark:hover:border-gray-600 transition-colors">
|
|
||||||
Data Files
|
|
||||||
</button>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Tab Content -->
|
|
||||||
<div id="tab-content">
|
|
||||||
<!-- Overview Tab -->
|
|
||||||
<div id="overview-tab" class="tab-panel">
|
|
||||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
|
||||||
<!-- Location Details Card -->
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white mb-4">Location Details</h2>
|
|
||||||
<div class="space-y-4">
|
|
||||||
<div>
|
|
||||||
<div class="text-sm text-gray-600 dark:text-gray-400">Name</div>
|
|
||||||
<div class="text-lg font-medium text-gray-900 dark:text-white">{{ location.name }}</div>
|
|
||||||
</div>
|
|
||||||
{% if location.description %}
|
|
||||||
<div>
|
|
||||||
<div class="text-sm text-gray-600 dark:text-gray-400">Description</div>
|
|
||||||
<div class="text-gray-900 dark:text-white">{{ location.description }}</div>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% if location.address %}
|
|
||||||
<div>
|
|
||||||
<div class="text-sm text-gray-600 dark:text-gray-400">Address</div>
|
|
||||||
<div class="text-gray-900 dark:text-white">{{ location.address }}</div>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% if location.coordinates %}
|
|
||||||
<div>
|
|
||||||
<div class="text-sm text-gray-600 dark:text-gray-400">Coordinates</div>
|
|
||||||
<div class="text-gray-900 dark:text-white font-mono text-sm">{{ location.coordinates }}</div>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
<div>
|
|
||||||
<div class="text-sm text-gray-600 dark:text-gray-400">Created</div>
|
|
||||||
<div class="text-gray-900 dark:text-white">{{ location.created_at.strftime('%Y-%m-%d %H:%M') if location.created_at else 'N/A' }}</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Assignment Card -->
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white mb-4">Unit Assignment</h2>
|
|
||||||
{% if assigned_unit %}
|
|
||||||
<div class="space-y-4">
|
|
||||||
<div>
|
|
||||||
<div class="text-sm text-gray-600 dark:text-gray-400">Assigned Unit</div>
|
|
||||||
<div class="text-lg font-medium text-gray-900 dark:text-white">
|
|
||||||
<a href="/slm/{{ assigned_unit.id }}?from_project={{ project_id }}&from_nrl={{ location_id }}" class="text-seismo-orange hover:text-seismo-navy">
|
|
||||||
{{ assigned_unit.id }}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% if assigned_unit.slm_model %}
|
|
||||||
<div>
|
|
||||||
<div class="text-sm text-gray-600 dark:text-gray-400">Model</div>
|
|
||||||
<div class="text-gray-900 dark:text-white">{{ assigned_unit.slm_model }}</div>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% if assignment %}
|
|
||||||
<div>
|
|
||||||
<div class="text-sm text-gray-600 dark:text-gray-400">Assigned Since</div>
|
|
||||||
<div class="text-gray-900 dark:text-white">{{ assignment.assigned_at.strftime('%Y-%m-%d %H:%M') if assignment.assigned_at else 'N/A' }}</div>
|
|
||||||
</div>
|
|
||||||
{% if assignment.notes %}
|
|
||||||
<div>
|
|
||||||
<div class="text-sm text-gray-600 dark:text-gray-400">Notes</div>
|
|
||||||
<div class="text-gray-900 dark:text-white text-sm">{{ assignment.notes }}</div>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
<div class="pt-2">
|
|
||||||
<button onclick="unassignUnit('{{ assignment.id }}')"
|
|
||||||
class="px-4 py-2 bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300 rounded-lg hover:bg-amber-200 dark:hover:bg-amber-900/50 transition-colors">
|
|
||||||
Unassign Unit
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% else %}
|
|
||||||
<div class="text-center py-8">
|
|
||||||
<svg class="w-16 h-16 mx-auto mb-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"></path>
|
|
||||||
</svg>
|
|
||||||
<p class="text-gray-500 dark:text-gray-400 mb-4">No unit currently assigned</p>
|
|
||||||
<button onclick="openAssignModal()"
|
|
||||||
class="px-4 py-2 bg-seismo-orange text-white rounded-lg hover:bg-seismo-navy transition-colors">
|
|
||||||
Assign a Unit
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Stats Cards -->
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mt-6">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-sm text-gray-600 dark:text-gray-400">Total Sessions</p>
|
|
||||||
<p class="text-3xl font-bold text-gray-900 dark:text-white mt-2">{{ session_count }}</p>
|
|
||||||
</div>
|
|
||||||
<div class="w-12 h-12 bg-blue-100 dark:bg-blue-900/30 rounded-lg flex items-center justify-center">
|
|
||||||
<svg class="w-6 h-6 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-sm text-gray-600 dark:text-gray-400">Data Files</p>
|
|
||||||
<p class="text-3xl font-bold text-gray-900 dark:text-white mt-2">{{ file_count }}</p>
|
|
||||||
</div>
|
|
||||||
<div class="w-12 h-12 bg-green-100 dark:bg-green-900/30 rounded-lg flex items-center justify-center">
|
|
||||||
<svg class="w-6 h-6 text-green-600 dark:text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-sm text-gray-600 dark:text-gray-400">Active Session</p>
|
|
||||||
<p class="text-lg font-semibold text-gray-900 dark:text-white mt-2">
|
|
||||||
{% if active_session %}
|
|
||||||
<span class="text-green-600 dark:text-green-400">Recording</span>
|
|
||||||
{% else %}
|
|
||||||
<span class="text-gray-500">Idle</span>
|
|
||||||
{% endif %}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="w-12 h-12 bg-purple-100 dark:bg-purple-900/30 rounded-lg flex items-center justify-center">
|
|
||||||
<svg class="w-6 h-6 text-purple-600 dark:text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Settings Tab -->
|
|
||||||
<div id="settings-tab" class="tab-panel hidden">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white mb-6">Location Settings</h2>
|
|
||||||
|
|
||||||
<form id="location-settings-form" class="space-y-6">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Name</label>
|
|
||||||
<input type="text" id="settings-name" value="{{ location.name }}"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" required>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Description</label>
|
|
||||||
<textarea id="settings-description" rows="3"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">{{ location.description or '' }}</textarea>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Address</label>
|
|
||||||
<input type="text" id="settings-address" value="{{ location.address or '' }}"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Coordinates</label>
|
|
||||||
<input type="text" id="settings-coordinates" value="{{ location.coordinates or '' }}"
|
|
||||||
placeholder="40.7128,-74.0060"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
<p class="text-xs text-gray-500 mt-1">Format: latitude,longitude</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="settings-error" class="hidden text-sm text-red-600"></div>
|
|
||||||
|
|
||||||
<div class="flex justify-end gap-3 pt-2">
|
|
||||||
<button type="button" onclick="window.location.href='/projects/{{ project_id }}'"
|
|
||||||
class="px-6 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700">
|
|
||||||
Cancel
|
|
||||||
</button>
|
|
||||||
<button type="submit"
|
|
||||||
class="px-6 py-2 bg-seismo-orange hover:bg-seismo-navy text-white rounded-lg font-medium">
|
|
||||||
Save Changes
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Command Center Tab -->
|
|
||||||
{% if assigned_unit %}
|
|
||||||
<div id="command-tab" class="tab-panel hidden">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white mb-6">
|
|
||||||
SLM Command Center - {{ assigned_unit.id }}
|
|
||||||
</h2>
|
|
||||||
|
|
||||||
<div id="slm-command-center"
|
|
||||||
hx-get="/api/slm-dashboard/live-view/{{ assigned_unit.id if assigned_unit else '' }}"
|
|
||||||
hx-trigger="load"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<div class="text-center py-8 text-gray-500">
|
|
||||||
<div class="animate-spin rounded-full h-12 w-12 border-b-2 border-seismo-orange mx-auto mb-4"></div>
|
|
||||||
<p>Loading command center...</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<!-- Recording Sessions Tab -->
|
|
||||||
<div id="sessions-tab" class="tab-panel hidden">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between mb-6">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white">Recording Sessions</h2>
|
|
||||||
{% if assigned_unit %}
|
|
||||||
<button onclick="openScheduleModal()"
|
|
||||||
class="px-4 py-2 bg-seismo-orange text-white rounded-lg hover:bg-seismo-navy transition-colors">
|
|
||||||
Schedule Session
|
|
||||||
</button>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="sessions-list"
|
|
||||||
hx-get="/api/projects/{{ project_id }}/nrl/{{ location_id }}/sessions"
|
|
||||||
hx-trigger="load, every 30s"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<div class="text-center py-8 text-gray-500">Loading sessions...</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Data Files Tab -->
|
|
||||||
<div id="data-tab" class="tab-panel hidden">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between mb-6">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white">Data Files</h2>
|
|
||||||
<div class="text-sm text-gray-500">
|
|
||||||
<span class="font-medium">{{ file_count }}</span> files
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="data-files-list"
|
|
||||||
hx-get="/api/projects/{{ project_id }}/nrl/{{ location_id }}/files"
|
|
||||||
hx-trigger="load"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<div class="text-center py-8 text-gray-500">Loading data files...</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Assign Unit Modal -->
|
|
||||||
<div id="assign-modal" class="hidden fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-2xl w-full max-w-2xl max-h-[90vh] overflow-y-auto m-4">
|
|
||||||
<div class="p-6 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<h2 class="text-2xl font-bold text-gray-900 dark:text-white">Assign Unit</h2>
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 mt-1">Attach a sound level meter to this location</p>
|
|
||||||
</div>
|
|
||||||
<button onclick="closeAssignModal()" class="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">
|
|
||||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<form id="assign-form" class="p-6 space-y-4">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Available Units</label>
|
|
||||||
<select id="assign-unit-id" name="unit_id"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" required>
|
|
||||||
<option value="">Loading units...</option>
|
|
||||||
</select>
|
|
||||||
<p id="assign-empty" class="hidden text-xs text-gray-500 mt-2">No available units for this location type.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Notes</label>
|
|
||||||
<textarea id="assign-notes" name="notes" rows="2"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white"></textarea>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="assign-error" class="hidden text-sm text-red-600"></div>
|
|
||||||
|
|
||||||
<div class="flex justify-end gap-3 pt-2">
|
|
||||||
<button type="button" onclick="closeAssignModal()"
|
|
||||||
class="px-6 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700">
|
|
||||||
Cancel
|
|
||||||
</button>
|
|
||||||
<button type="submit"
|
|
||||||
class="px-6 py-2 bg-seismo-orange hover:bg-seismo-navy text-white rounded-lg font-medium">
|
|
||||||
Assign Unit
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
const projectId = "{{ project_id }}";
|
|
||||||
const locationId = "{{ location_id }}";
|
|
||||||
|
|
||||||
// Tab switching
|
|
||||||
function switchTab(tabName) {
|
|
||||||
// Hide all tab panels
|
|
||||||
document.querySelectorAll('.tab-panel').forEach(panel => {
|
|
||||||
panel.classList.add('hidden');
|
|
||||||
});
|
|
||||||
|
|
||||||
// Reset all tab buttons
|
|
||||||
document.querySelectorAll('.tab-button').forEach(button => {
|
|
||||||
button.classList.remove('border-seismo-orange', 'text-seismo-orange');
|
|
||||||
button.classList.add('border-transparent', 'text-gray-600', 'dark:text-gray-400');
|
|
||||||
});
|
|
||||||
|
|
||||||
// Show selected tab panel
|
|
||||||
const panel = document.getElementById(`${tabName}-tab`);
|
|
||||||
if (panel) {
|
|
||||||
panel.classList.remove('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Highlight selected tab button
|
|
||||||
const button = document.querySelector(`[data-tab="${tabName}"]`);
|
|
||||||
if (button) {
|
|
||||||
button.classList.remove('border-transparent', 'text-gray-600', 'dark:text-gray-400');
|
|
||||||
button.classList.add('border-seismo-orange', 'text-seismo-orange');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Location settings form submission
|
|
||||||
document.getElementById('location-settings-form').addEventListener('submit', async function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
const payload = {
|
|
||||||
name: document.getElementById('settings-name').value.trim(),
|
|
||||||
description: document.getElementById('settings-description').value.trim() || null,
|
|
||||||
address: document.getElementById('settings-address').value.trim() || null,
|
|
||||||
coordinates: document.getElementById('settings-coordinates').value.trim() || null,
|
|
||||||
};
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/projects/${projectId}/locations/${locationId}`, {
|
|
||||||
method: 'PUT',
|
|
||||||
headers: {'Content-Type': 'application/json'},
|
|
||||||
body: JSON.stringify(payload)
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!response.ok) {
|
|
||||||
const data = await response.json().catch(() => ({}));
|
|
||||||
throw new Error(data.detail || 'Failed to update location');
|
|
||||||
}
|
|
||||||
|
|
||||||
window.location.reload();
|
|
||||||
} catch (err) {
|
|
||||||
const errorEl = document.getElementById('settings-error');
|
|
||||||
errorEl.textContent = err.message || 'Failed to update location.';
|
|
||||||
errorEl.classList.remove('hidden');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Assign modal functions
|
|
||||||
function openAssignModal() {
|
|
||||||
const modal = document.getElementById('assign-modal');
|
|
||||||
modal.classList.remove('hidden');
|
|
||||||
loadAvailableUnits();
|
|
||||||
}
|
|
||||||
|
|
||||||
function closeAssignModal() {
|
|
||||||
document.getElementById('assign-modal').classList.add('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
async function loadAvailableUnits() {
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/projects/${projectId}/available-units?location_type=sound`);
|
|
||||||
if (!response.ok) {
|
|
||||||
throw new Error('Failed to load available units');
|
|
||||||
}
|
|
||||||
const data = await response.json();
|
|
||||||
const select = document.getElementById('assign-unit-id');
|
|
||||||
select.innerHTML = '<option value="">Select a unit</option>';
|
|
||||||
|
|
||||||
if (!data.length) {
|
|
||||||
document.getElementById('assign-empty').classList.remove('hidden');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
data.forEach(unit => {
|
|
||||||
const option = document.createElement('option');
|
|
||||||
option.value = unit.id;
|
|
||||||
option.textContent = `${unit.id} • ${unit.model || unit.device_type}`;
|
|
||||||
select.appendChild(option);
|
|
||||||
});
|
|
||||||
} catch (err) {
|
|
||||||
const errorEl = document.getElementById('assign-error');
|
|
||||||
errorEl.textContent = err.message || 'Failed to load units.';
|
|
||||||
errorEl.classList.remove('hidden');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
document.getElementById('assign-form').addEventListener('submit', async function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
const unitId = document.getElementById('assign-unit-id').value;
|
|
||||||
const notes = document.getElementById('assign-notes').value.trim();
|
|
||||||
|
|
||||||
if (!unitId) {
|
|
||||||
document.getElementById('assign-error').textContent = 'Select a unit to assign.';
|
|
||||||
document.getElementById('assign-error').classList.remove('hidden');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
const formData = new FormData();
|
|
||||||
formData.append('unit_id', unitId);
|
|
||||||
formData.append('notes', notes);
|
|
||||||
|
|
||||||
const response = await fetch(`/api/projects/${projectId}/locations/${locationId}/assign`, {
|
|
||||||
method: 'POST',
|
|
||||||
body: formData
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!response.ok) {
|
|
||||||
const data = await response.json().catch(() => ({}));
|
|
||||||
throw new Error(data.detail || 'Failed to assign unit');
|
|
||||||
}
|
|
||||||
|
|
||||||
window.location.reload();
|
|
||||||
} catch (err) {
|
|
||||||
const errorEl = document.getElementById('assign-error');
|
|
||||||
errorEl.textContent = err.message || 'Failed to assign unit.';
|
|
||||||
errorEl.classList.remove('hidden');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
async function unassignUnit(assignmentId) {
|
|
||||||
if (!confirm('Unassign this unit from the location?')) return;
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/projects/${projectId}/assignments/${assignmentId}/unassign`, {
|
|
||||||
method: 'POST'
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!response.ok) {
|
|
||||||
const data = await response.json().catch(() => ({}));
|
|
||||||
throw new Error(data.detail || 'Failed to unassign unit');
|
|
||||||
}
|
|
||||||
|
|
||||||
window.location.reload();
|
|
||||||
} catch (err) {
|
|
||||||
alert(err.message || 'Failed to unassign unit.');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Keyboard shortcuts
|
|
||||||
document.addEventListener('keydown', function(e) {
|
|
||||||
if (e.key === 'Escape') {
|
|
||||||
closeAssignModal();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Click outside to close modal
|
|
||||||
document.getElementById('assign-modal')?.addEventListener('click', function(e) {
|
|
||||||
if (e.target === this) {
|
|
||||||
closeAssignModal();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
{% endblock %}
|
|
||||||
@@ -1,449 +0,0 @@
|
|||||||
<!-- Desktop Table View -->
|
|
||||||
<div class="hidden md:block rounded-xl shadow-lg bg-white dark:bg-slate-800 overflow-hidden">
|
|
||||||
<table id="roster-table" class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
|
|
||||||
<thead class="bg-gray-50 dark:bg-gray-700">
|
|
||||||
<tr>
|
|
||||||
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-600 select-none" onclick="sortTable('status')">
|
|
||||||
<div class="flex items-center gap-1">
|
|
||||||
Status
|
|
||||||
<span class="sort-indicator" data-column="status"></span>
|
|
||||||
</div>
|
|
||||||
</th>
|
|
||||||
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-600 select-none" onclick="sortTable('id')">
|
|
||||||
<div class="flex items-center gap-1">
|
|
||||||
Unit ID
|
|
||||||
<span class="sort-indicator" data-column="id"></span>
|
|
||||||
</div>
|
|
||||||
</th>
|
|
||||||
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-600 select-none" onclick="sortTable('type')">
|
|
||||||
<div class="flex items-center gap-1">
|
|
||||||
Type
|
|
||||||
<span class="sort-indicator" data-column="type"></span>
|
|
||||||
</div>
|
|
||||||
</th>
|
|
||||||
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
|
|
||||||
Details
|
|
||||||
</th>
|
|
||||||
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-600 select-none" onclick="sortTable('last_seen')">
|
|
||||||
<div class="flex items-center gap-1">
|
|
||||||
Last Seen
|
|
||||||
<span class="sort-indicator" data-column="last_seen"></span>
|
|
||||||
</div>
|
|
||||||
</th>
|
|
||||||
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-600 select-none" onclick="sortTable('age')">
|
|
||||||
<div class="flex items-center gap-1">
|
|
||||||
Age
|
|
||||||
<span class="sort-indicator" data-column="age"></span>
|
|
||||||
</div>
|
|
||||||
</th>
|
|
||||||
<th scope="col" class="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-600 select-none" onclick="sortTable('note')">
|
|
||||||
<div class="flex items-center gap-1">
|
|
||||||
Note
|
|
||||||
<span class="sort-indicator" data-column="note"></span>
|
|
||||||
</div>
|
|
||||||
</th>
|
|
||||||
<th scope="col" class="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
|
|
||||||
Actions
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody id="roster-tbody" class="bg-white dark:bg-slate-800 divide-y divide-gray-200 dark:divide-gray-700">
|
|
||||||
{% for unit in units %}
|
|
||||||
<tr class="hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"
|
|
||||||
data-device-type="{{ unit.device_type }}"
|
|
||||||
data-status="{% if unit.deployed %}deployed{% elif unit.retired %}retired{% elif unit.ignored %}ignored{% else %}benched{% endif %}"
|
|
||||||
data-health="{{ unit.status }}"
|
|
||||||
data-id="{{ unit.id }}"
|
|
||||||
data-type="{{ unit.device_type }}"
|
|
||||||
data-last-seen="{{ unit.last_seen }}"
|
|
||||||
data-age="{{ unit.age }}"
|
|
||||||
data-note="{{ unit.note if unit.note else '' }}">
|
|
||||||
<td class="px-6 py-4 whitespace-nowrap">
|
|
||||||
<div class="flex items-center space-x-2">
|
|
||||||
{% if unit.status == 'OK' %}
|
|
||||||
<span class="w-3 h-3 rounded-full bg-green-500" title="OK"></span>
|
|
||||||
{% elif unit.status == 'Pending' %}
|
|
||||||
<span class="w-3 h-3 rounded-full bg-yellow-500" title="Pending"></span>
|
|
||||||
{% else %}
|
|
||||||
<span class="w-3 h-3 rounded-full bg-red-500" title="Missing"></span>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if unit.deployed %}
|
|
||||||
<span class="w-2 h-2 rounded-full bg-blue-500" title="Deployed"></span>
|
|
||||||
{% else %}
|
|
||||||
<span class="w-2 h-2 rounded-full bg-gray-300 dark:bg-gray-600" title="Benched"></span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td class="px-6 py-4 whitespace-nowrap">
|
|
||||||
<a href="/unit/{{ unit.id }}" class="text-sm font-medium text-seismo-orange hover:text-seismo-burgundy hover:underline">
|
|
||||||
{{ unit.id }}
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
<td class="px-6 py-4 whitespace-nowrap">
|
|
||||||
{% if unit.device_type == 'modem' %}
|
|
||||||
<span class="px-2 py-1 rounded-full bg-purple-100 dark:bg-purple-900/30 text-purple-800 dark:text-purple-300 text-xs font-medium">
|
|
||||||
Modem
|
|
||||||
</span>
|
|
||||||
{% else %}
|
|
||||||
<span class="px-2 py-1 rounded-full bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300 text-xs font-medium">
|
|
||||||
Seismograph
|
|
||||||
</span>
|
|
||||||
{% endif %}
|
|
||||||
</td>
|
|
||||||
<td class="px-6 py-4 whitespace-nowrap">
|
|
||||||
<div class="text-xs text-gray-600 dark:text-gray-400 space-y-1">
|
|
||||||
{% if unit.device_type == 'modem' %}
|
|
||||||
{% if unit.ip_address %}
|
|
||||||
<div><span class="font-mono">{{ unit.ip_address }}</span></div>
|
|
||||||
{% endif %}
|
|
||||||
{% if unit.phone_number %}
|
|
||||||
<div>{{ unit.phone_number }}</div>
|
|
||||||
{% endif %}
|
|
||||||
{% if unit.hardware_model %}
|
|
||||||
<div class="text-gray-500 dark:text-gray-500">{{ unit.hardware_model }}</div>
|
|
||||||
{% endif %}
|
|
||||||
{% else %}
|
|
||||||
{% if unit.next_calibration_due %}
|
|
||||||
<div>
|
|
||||||
<span class="text-gray-500 dark:text-gray-500">Cal Due:</span>
|
|
||||||
<span class="font-medium">{{ unit.next_calibration_due }}</span>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% if unit.deployed_with_modem_id %}
|
|
||||||
<div>
|
|
||||||
<span class="text-gray-500 dark:text-gray-500">Modem:</span>
|
|
||||||
<a href="/unit/{{ unit.deployed_with_modem_id }}" class="text-seismo-orange hover:underline font-medium">
|
|
||||||
{{ unit.deployed_with_modem_id }}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td class="px-6 py-4 whitespace-nowrap">
|
|
||||||
<div class="text-sm text-gray-500 dark:text-gray-400">{{ unit.last_seen }}</div>
|
|
||||||
</td>
|
|
||||||
<td class="px-6 py-4 whitespace-nowrap">
|
|
||||||
<div class="text-sm
|
|
||||||
{% if unit.status == 'Missing' %}text-red-600 dark:text-red-400 font-semibold
|
|
||||||
{% elif unit.status == 'Pending' %}text-yellow-600 dark:text-yellow-400
|
|
||||||
{% else %}text-gray-500 dark:text-gray-400
|
|
||||||
{% endif %}">
|
|
||||||
{{ unit.age }}
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td class="px-6 py-4">
|
|
||||||
<div class="text-sm text-gray-500 dark:text-gray-400 truncate max-w-xs" title="{{ unit.note }}">
|
|
||||||
{{ unit.note if unit.note else '-' }}
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
|
|
||||||
<div class="flex justify-end gap-2">
|
|
||||||
<button onclick="editUnit('{{ unit.id }}')"
|
|
||||||
class="text-seismo-orange hover:text-seismo-burgundy p-1" title="Edit">
|
|
||||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 5H6a2 2 0 00-2 2v11a2 2 0 002 2h11a2 2 0 002-2v-5m-1.414-9.414a2 2 0 112.828 2.828L11.828 15H9v-2.828l8.586-8.586z"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
{% if unit.deployed %}
|
|
||||||
<button onclick="toggleDeployed('{{ unit.id }}', false)"
|
|
||||||
class="text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300 p-1" title="Mark as Benched">
|
|
||||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
{% else %}
|
|
||||||
<button onclick="toggleDeployed('{{ unit.id }}', true)"
|
|
||||||
class="text-green-600 hover:text-green-800 dark:text-green-400 dark:hover:text-green-300 p-1" title="Mark as Deployed">
|
|
||||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
{% endif %}
|
|
||||||
<button onclick="moveToIgnore('{{ unit.id }}')"
|
|
||||||
class="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300 p-1" title="Move to Ignore List">
|
|
||||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button onclick="deleteUnit('{{ unit.id }}')"
|
|
||||||
class="text-red-600 hover:text-red-800 dark:text-red-400 dark:hover:text-red-300 p-1" title="Delete Unit">
|
|
||||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 7l-.867 12.142A2 2 0 0116.138 21H7.862a2 2 0 01-1.995-1.858L5 7m5 4v6m4-6v6m1-10V4a1 1 0 00-1-1h-4a1 1 0 00-1 1v3M4 7h16"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
{% endfor %}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<!-- Last updated indicator -->
|
|
||||||
<div class="px-6 py-3 bg-gray-50 dark:bg-gray-700 text-xs text-gray-500 dark:text-gray-400 text-right">
|
|
||||||
Last updated: <span id="last-updated">{{ timestamp }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Mobile Card View -->
|
|
||||||
<div class="md:hidden space-y-3">
|
|
||||||
{% for unit in units %}
|
|
||||||
<div class="unit-card device-card"
|
|
||||||
onclick="openUnitModal('{{ unit.id }}', '{{ unit.status }}', '{{ unit.age }}')"
|
|
||||||
data-device-type="{{ unit.device_type }}"
|
|
||||||
data-status="{% if unit.deployed %}deployed{% elif unit.retired %}retired{% elif unit.ignored %}ignored{% else %}benched{% endif %}"
|
|
||||||
data-health="{{ unit.status }}"
|
|
||||||
data-unit-id="{{ unit.id }}"
|
|
||||||
data-age="{{ unit.age }}">
|
|
||||||
<!-- Header: Status Dot + Unit ID + Status Badge -->
|
|
||||||
<div class="flex items-center justify-between mb-2">
|
|
||||||
<div class="flex items-center gap-2">
|
|
||||||
{% if unit.status == 'OK' %}
|
|
||||||
<span class="w-4 h-4 rounded-full bg-green-500" title="OK"></span>
|
|
||||||
{% elif unit.status == 'Pending' %}
|
|
||||||
<span class="w-4 h-4 rounded-full bg-yellow-500" title="Pending"></span>
|
|
||||||
{% elif unit.status == 'Missing' %}
|
|
||||||
<span class="w-4 h-4 rounded-full bg-red-500" title="Missing"></span>
|
|
||||||
{% else %}
|
|
||||||
<span class="w-4 h-4 rounded-full bg-gray-400" title="No Data"></span>
|
|
||||||
{% endif %}
|
|
||||||
<span class="font-bold text-lg text-seismo-orange dark:text-seismo-orange">{{ unit.id }}</span>
|
|
||||||
</div>
|
|
||||||
<span class="px-3 py-1 rounded-full text-xs font-medium
|
|
||||||
{% if unit.status == 'OK' %}bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-300
|
|
||||||
{% elif unit.status == 'Pending' %}bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-300
|
|
||||||
{% elif unit.status == 'Missing' %}bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-300
|
|
||||||
{% else %}bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-400
|
|
||||||
{% endif %}">
|
|
||||||
{% if unit.status in ['N/A', 'Unknown'] %}Benched{% else %}{{ unit.status }}{% endif %}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Type Badge -->
|
|
||||||
<div class="mb-2">
|
|
||||||
{% if unit.device_type == 'modem' %}
|
|
||||||
<span class="px-2 py-1 rounded-full bg-purple-100 dark:bg-purple-900/30 text-purple-800 dark:text-purple-300 text-xs font-medium">
|
|
||||||
Modem
|
|
||||||
</span>
|
|
||||||
{% else %}
|
|
||||||
<span class="px-2 py-1 rounded-full bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300 text-xs font-medium">
|
|
||||||
Seismograph
|
|
||||||
</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Location -->
|
|
||||||
{% if unit.address %}
|
|
||||||
<div class="text-sm text-gray-600 dark:text-gray-400 mb-1">
|
|
||||||
📍 {{ unit.address }}
|
|
||||||
</div>
|
|
||||||
{% elif unit.coordinates %}
|
|
||||||
<div class="text-sm text-gray-600 dark:text-gray-400 mb-1">
|
|
||||||
📍 {{ unit.coordinates }}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<!-- Project ID -->
|
|
||||||
{% if unit.project_id %}
|
|
||||||
<div class="text-sm text-gray-600 dark:text-gray-400 mb-1">
|
|
||||||
🏗️ {{ unit.project_id }}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<!-- Last Seen -->
|
|
||||||
<div class="text-sm text-gray-500 dark:text-gray-500 mt-2">
|
|
||||||
🕐 {{ unit.age }}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Deployed/Benched Indicator -->
|
|
||||||
<div class="mt-2">
|
|
||||||
{% if unit.deployed %}
|
|
||||||
<span class="text-xs text-blue-600 dark:text-blue-400">
|
|
||||||
⚡ Deployed
|
|
||||||
</span>
|
|
||||||
{% else %}
|
|
||||||
<span class="text-xs text-gray-500 dark:text-gray-500">
|
|
||||||
📦 Benched
|
|
||||||
</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Tap Hint -->
|
|
||||||
<div class="text-xs text-gray-400 mt-2 text-center border-t border-gray-200 dark:border-gray-700 pt-2">
|
|
||||||
Tap for details
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
|
|
||||||
<!-- Mobile Last Updated -->
|
|
||||||
<div class="text-xs text-gray-500 dark:text-gray-400 text-center py-2">
|
|
||||||
Last updated: <span id="last-updated-mobile">{{ timestamp }}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Unit Detail Modal -->
|
|
||||||
<div id="unitModal" class="unit-modal">
|
|
||||||
<!-- Backdrop -->
|
|
||||||
<div class="unit-modal-backdrop" onclick="closeUnitModal(event)"></div>
|
|
||||||
|
|
||||||
<!-- Modal Content -->
|
|
||||||
<div class="unit-modal-content">
|
|
||||||
<!-- Handle Bar (Mobile Only) -->
|
|
||||||
<div class="modal-handle"></div>
|
|
||||||
|
|
||||||
<!-- Header -->
|
|
||||||
<div class="flex items-center justify-between px-6 py-4 border-b border-gray-200 dark:border-gray-700">
|
|
||||||
<h3 id="modalUnitId" class="text-xl font-bold text-gray-900 dark:text-white"></h3>
|
|
||||||
<button onclick="closeUnitModal(event)" data-close-modal class="w-10 h-10 flex items-center justify-center text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-300">
|
|
||||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Content -->
|
|
||||||
<div id="modalContent" class="p-6">
|
|
||||||
<!-- Content will be populated by JavaScript -->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Actions -->
|
|
||||||
<div class="p-6 border-t border-gray-200 dark:border-gray-700 space-y-3">
|
|
||||||
<button id="modalEditBtn" class="w-full h-12 bg-seismo-orange hover:bg-orange-600 text-white rounded-lg font-medium transition-colors">
|
|
||||||
Edit Unit
|
|
||||||
</button>
|
|
||||||
<div class="grid grid-cols-2 gap-3">
|
|
||||||
<button id="modalDeployBtn" class="h-12 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors">
|
|
||||||
Deploy/Bench
|
|
||||||
</button>
|
|
||||||
<button id="modalDeleteBtn" class="h-12 border border-red-300 dark:border-red-600 text-red-600 dark:text-red-400 rounded-lg hover:bg-red-50 dark:hover:bg-red-900/20 transition-colors">
|
|
||||||
Delete
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<style>
|
|
||||||
.sort-indicator::after {
|
|
||||||
content: '⇅';
|
|
||||||
opacity: 0.3;
|
|
||||||
font-size: 12px;
|
|
||||||
}
|
|
||||||
.sort-indicator.asc::after {
|
|
||||||
content: '↑';
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.sort-indicator.desc::after {
|
|
||||||
content: '↓';
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// Update timestamp
|
|
||||||
const timestampElement = document.getElementById('last-updated');
|
|
||||||
if (timestampElement) {
|
|
||||||
timestampElement.textContent = new Date().toLocaleTimeString();
|
|
||||||
}
|
|
||||||
const timestampMobileElement = document.getElementById('last-updated-mobile');
|
|
||||||
if (timestampMobileElement) {
|
|
||||||
timestampMobileElement.textContent = new Date().toLocaleTimeString();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Keep a lightweight status map around for the mobile modal
|
|
||||||
const rosterUnits = {{ units | tojson }};
|
|
||||||
window.rosterStatusMap = rosterUnits.reduce((acc, unit) => {
|
|
||||||
acc[unit.id] = {
|
|
||||||
status: unit.status || 'Unknown',
|
|
||||||
age: unit.age || 'N/A',
|
|
||||||
last: unit.last_seen || 'Never'
|
|
||||||
};
|
|
||||||
return acc;
|
|
||||||
}, {});
|
|
||||||
|
|
||||||
// Sorting state
|
|
||||||
let currentSort = { column: null, direction: 'asc' };
|
|
||||||
|
|
||||||
function sortTable(column) {
|
|
||||||
const tbody = document.getElementById('roster-tbody');
|
|
||||||
const rows = Array.from(tbody.getElementsByTagName('tr'));
|
|
||||||
|
|
||||||
// Determine sort direction
|
|
||||||
if (currentSort.column === column) {
|
|
||||||
currentSort.direction = currentSort.direction === 'asc' ? 'desc' : 'asc';
|
|
||||||
} else {
|
|
||||||
currentSort.column = column;
|
|
||||||
currentSort.direction = 'asc';
|
|
||||||
}
|
|
||||||
|
|
||||||
// Sort rows
|
|
||||||
rows.sort((a, b) => {
|
|
||||||
let aVal = a.getAttribute(`data-${column}`) || '';
|
|
||||||
let bVal = b.getAttribute(`data-${column}`) || '';
|
|
||||||
|
|
||||||
// Special handling for different column types
|
|
||||||
if (column === 'age') {
|
|
||||||
// Parse age strings like "2h 15m" or "45m" or "3d 5h"
|
|
||||||
aVal = parseAge(aVal);
|
|
||||||
bVal = parseAge(bVal);
|
|
||||||
} else if (column === 'status') {
|
|
||||||
// Sort by status priority: Missing > Pending > OK
|
|
||||||
const statusOrder = { 'Missing': 0, 'Pending': 1, 'OK': 2, '': 3 };
|
|
||||||
aVal = statusOrder[aVal] !== undefined ? statusOrder[aVal] : 999;
|
|
||||||
bVal = statusOrder[bVal] !== undefined ? statusOrder[bVal] : 999;
|
|
||||||
} else if (column === 'last_seen') {
|
|
||||||
// Sort by date
|
|
||||||
aVal = new Date(aVal).getTime() || 0;
|
|
||||||
bVal = new Date(bVal).getTime() || 0;
|
|
||||||
} else {
|
|
||||||
// String comparison (case-insensitive)
|
|
||||||
aVal = aVal.toLowerCase();
|
|
||||||
bVal = bVal.toLowerCase();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (aVal < bVal) return currentSort.direction === 'asc' ? -1 : 1;
|
|
||||||
if (aVal > bVal) return currentSort.direction === 'asc' ? 1 : -1;
|
|
||||||
return 0;
|
|
||||||
});
|
|
||||||
|
|
||||||
// Re-append rows in sorted order
|
|
||||||
rows.forEach(row => tbody.appendChild(row));
|
|
||||||
|
|
||||||
// Update sort indicators
|
|
||||||
updateSortIndicators();
|
|
||||||
}
|
|
||||||
|
|
||||||
function parseAge(ageStr) {
|
|
||||||
// Parse age strings like "2h 15m", "45m", "3d 5h", "2w 3d"
|
|
||||||
if (!ageStr) return 0;
|
|
||||||
|
|
||||||
let totalMinutes = 0;
|
|
||||||
const weeks = ageStr.match(/(\d+)w/);
|
|
||||||
const days = ageStr.match(/(\d+)d/);
|
|
||||||
const hours = ageStr.match(/(\d+)h/);
|
|
||||||
const minutes = ageStr.match(/(\d+)m/);
|
|
||||||
|
|
||||||
if (weeks) totalMinutes += parseInt(weeks[1]) * 7 * 24 * 60;
|
|
||||||
if (days) totalMinutes += parseInt(days[1]) * 24 * 60;
|
|
||||||
if (hours) totalMinutes += parseInt(hours[1]) * 60;
|
|
||||||
if (minutes) totalMinutes += parseInt(minutes[1]);
|
|
||||||
|
|
||||||
return totalMinutes;
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateSortIndicators() {
|
|
||||||
// Clear all indicators
|
|
||||||
document.querySelectorAll('.sort-indicator').forEach(indicator => {
|
|
||||||
indicator.className = 'sort-indicator';
|
|
||||||
});
|
|
||||||
|
|
||||||
// Set current indicator
|
|
||||||
if (currentSort.column) {
|
|
||||||
const indicator = document.querySelector(`.sort-indicator[data-column="${currentSort.column}"]`);
|
|
||||||
if (indicator) {
|
|
||||||
indicator.className = `sort-indicator ${currentSort.direction}`;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@@ -1,30 +0,0 @@
|
|||||||
<!-- Project Assignments List -->
|
|
||||||
{% if assignments %}
|
|
||||||
<div class="space-y-3">
|
|
||||||
{% for item in assignments %}
|
|
||||||
<div class="border border-gray-200 dark:border-gray-700 rounded-lg p-4">
|
|
||||||
<div class="flex items-start justify-between gap-3">
|
|
||||||
<div>
|
|
||||||
<p class="font-semibold text-gray-900 dark:text-white">{{ item.unit.id if item.unit else item.assignment.unit_id }}</p>
|
|
||||||
{% if item.location %}
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">Location: {{ item.location.name }}</p>
|
|
||||||
{% endif %}
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">
|
|
||||||
Assigned: {% if item.assignment.assigned_at %}{{ item.assignment.assigned_at.strftime('%Y-%m-%d %H:%M') }}{% else %}Unknown{% endif %}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<button onclick="unassignUnit('{{ item.assignment.id }}')" class="text-xs px-3 py-1 rounded-full bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300">
|
|
||||||
Unassign
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
{% else %}
|
|
||||||
<div class="text-center py-8 text-gray-500 dark:text-gray-400">
|
|
||||||
<svg class="w-12 h-12 mx-auto mb-3 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"></path>
|
|
||||||
</svg>
|
|
||||||
<p>No active assignments</p>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,126 +0,0 @@
|
|||||||
<!-- Data Files List -->
|
|
||||||
{% if files %}
|
|
||||||
<div class="overflow-x-auto">
|
|
||||||
<table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
|
|
||||||
<thead class="bg-gray-50 dark:bg-gray-800">
|
|
||||||
<tr>
|
|
||||||
<th scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
|
|
||||||
File Name
|
|
||||||
</th>
|
|
||||||
<th scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
|
|
||||||
Type
|
|
||||||
</th>
|
|
||||||
<th scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
|
|
||||||
Size
|
|
||||||
</th>
|
|
||||||
<th scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
|
|
||||||
Created
|
|
||||||
</th>
|
|
||||||
<th scope="col" class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
|
|
||||||
Session
|
|
||||||
</th>
|
|
||||||
<th scope="col" class="px-4 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wider">
|
|
||||||
Actions
|
|
||||||
</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody class="bg-white dark:bg-slate-800 divide-y divide-gray-200 dark:divide-gray-700">
|
|
||||||
{% for item in files %}
|
|
||||||
<tr class="hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors">
|
|
||||||
<td class="px-4 py-3 whitespace-nowrap">
|
|
||||||
<div class="flex items-center">
|
|
||||||
<svg class="w-5 h-5 mr-2 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
|
|
||||||
</svg>
|
|
||||||
<div>
|
|
||||||
<div class="text-sm font-medium text-gray-900 dark:text-white">
|
|
||||||
{{ item.file.file_path.split('/')[-1] if item.file.file_path else 'Unknown' }}
|
|
||||||
</div>
|
|
||||||
{% if item.file.file_path %}
|
|
||||||
<div class="text-xs text-gray-500 dark:text-gray-400 font-mono">
|
|
||||||
{{ item.file.file_path }}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
<td class="px-4 py-3 whitespace-nowrap">
|
|
||||||
<span class="px-2 py-1 text-xs font-medium rounded-full
|
|
||||||
{% if item.file.file_type == 'audio' %}bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300
|
|
||||||
{% elif item.file.file_type == 'data' %}bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300
|
|
||||||
{% elif item.file.file_type == 'log' %}bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300
|
|
||||||
{% else %}bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-300{% endif %}">
|
|
||||||
{{ item.file.file_type or 'unknown' }}
|
|
||||||
</span>
|
|
||||||
</td>
|
|
||||||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-900 dark:text-white">
|
|
||||||
{% if item.file.file_size_bytes %}
|
|
||||||
{% if item.file.file_size_bytes < 1024 %}
|
|
||||||
{{ item.file.file_size_bytes }} B
|
|
||||||
{% elif item.file.file_size_bytes < 1048576 %}
|
|
||||||
{{ "%.1f"|format(item.file.file_size_bytes / 1024) }} KB
|
|
||||||
{% elif item.file.file_size_bytes < 1073741824 %}
|
|
||||||
{{ "%.1f"|format(item.file.file_size_bytes / 1048576) }} MB
|
|
||||||
{% else %}
|
|
||||||
{{ "%.2f"|format(item.file.file_size_bytes / 1073741824) }} GB
|
|
||||||
{% endif %}
|
|
||||||
{% else %}
|
|
||||||
-
|
|
||||||
{% endif %}
|
|
||||||
</td>
|
|
||||||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-900 dark:text-white">
|
|
||||||
{{ item.file.created_at.strftime('%Y-%m-%d %H:%M') if item.file.created_at else 'N/A' }}
|
|
||||||
</td>
|
|
||||||
<td class="px-4 py-3 whitespace-nowrap text-sm">
|
|
||||||
{% if item.session %}
|
|
||||||
<span class="text-gray-900 dark:text-white font-mono text-xs">
|
|
||||||
{{ item.session.id[:8] }}...
|
|
||||||
</span>
|
|
||||||
{% else %}
|
|
||||||
<span class="text-gray-400">-</span>
|
|
||||||
{% endif %}
|
|
||||||
</td>
|
|
||||||
<td class="px-4 py-3 whitespace-nowrap text-right text-sm">
|
|
||||||
<div class="flex items-center justify-end gap-2">
|
|
||||||
<button onclick="downloadFile('{{ item.file.id }}')"
|
|
||||||
class="px-3 py-1 text-xs bg-seismo-orange text-white rounded-lg hover:bg-seismo-navy transition-colors"
|
|
||||||
title="Download file">
|
|
||||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button onclick="viewFileDetails('{{ item.file.id }}')"
|
|
||||||
class="px-3 py-1 text-xs bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors"
|
|
||||||
title="View details">
|
|
||||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
{% endfor %}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
{% else %}
|
|
||||||
<div class="text-center py-12">
|
|
||||||
<svg class="w-16 h-16 mx-auto mb-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 21h10a2 2 0 002-2V9.414a1 1 0 00-.293-.707l-5.414-5.414A1 1 0 0012.586 3H7a2 2 0 00-2 2v14a2 2 0 002 2z"></path>
|
|
||||||
</svg>
|
|
||||||
<p class="text-gray-500 dark:text-gray-400 mb-2">No data files yet</p>
|
|
||||||
<p class="text-sm text-gray-400 dark:text-gray-500">Files will appear here after recording sessions</p>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<script>
|
|
||||||
function downloadFile(fileId) {
|
|
||||||
// TODO: Implement file download
|
|
||||||
window.location.href = `/api/projects/{{ project_id }}/files/${fileId}/download`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function viewFileDetails(fileId) {
|
|
||||||
// TODO: Implement file details modal
|
|
||||||
alert('File details coming soon: ' + fileId);
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@@ -1,331 +0,0 @@
|
|||||||
<!-- FTP File Browser for SLMs -->
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6 mb-6">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white mb-4">Download Files from SLMs</h2>
|
|
||||||
|
|
||||||
{% if units %}
|
|
||||||
<div class="space-y-6">
|
|
||||||
{% for unit_item in units %}
|
|
||||||
<div class="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden">
|
|
||||||
<!-- Unit Header -->
|
|
||||||
<div class="bg-gray-50 dark:bg-gray-900 px-4 py-3 flex items-center justify-between">
|
|
||||||
<div class="flex items-center gap-3">
|
|
||||||
<h3 class="font-semibold text-gray-900 dark:text-white">
|
|
||||||
{{ unit_item.unit.id }}
|
|
||||||
</h3>
|
|
||||||
{% if unit_item.location %}
|
|
||||||
<span class="text-xs text-gray-500 dark:text-gray-400">
|
|
||||||
@ {{ unit_item.location.name }}
|
|
||||||
</span>
|
|
||||||
{% endif %}
|
|
||||||
<span id="ftp-status-{{ unit_item.unit.id }}" class="px-2 py-1 text-xs font-medium rounded-full bg-gray-200 text-gray-700 dark:bg-gray-700 dark:text-gray-300">
|
|
||||||
Checking...
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div class="flex items-center gap-2">
|
|
||||||
<button onclick="enableFTP('{{ unit_item.unit.id }}')"
|
|
||||||
id="enable-ftp-{{ unit_item.unit.id }}"
|
|
||||||
class="px-3 py-1 text-xs bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors"
|
|
||||||
disabled>
|
|
||||||
Enable FTP
|
|
||||||
</button>
|
|
||||||
<button onclick="disableFTP('{{ unit_item.unit.id }}')"
|
|
||||||
id="disable-ftp-{{ unit_item.unit.id }}"
|
|
||||||
class="px-3 py-1 text-xs bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors"
|
|
||||||
disabled>
|
|
||||||
Disable FTP
|
|
||||||
</button>
|
|
||||||
<button onclick="loadFTPFiles('{{ unit_item.unit.id }}', '/NL43_DATA')"
|
|
||||||
id="browse-ftp-{{ unit_item.unit.id }}"
|
|
||||||
class="px-3 py-1 text-xs bg-seismo-orange text-white rounded-lg hover:bg-seismo-navy transition-colors"
|
|
||||||
disabled>
|
|
||||||
Browse Files
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- FTP File List -->
|
|
||||||
<div id="ftp-files-{{ unit_item.unit.id }}" class="hidden" data-location-id="{{ unit_item.location.id if unit_item.location else '' }}">
|
|
||||||
<div class="p-4">
|
|
||||||
<div class="flex items-center gap-2 mb-3">
|
|
||||||
<svg class="w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M3 7v10a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-6l-2-2H5a2 2 0 00-2 2z"></path>
|
|
||||||
</svg>
|
|
||||||
<span id="current-path-{{ unit_item.unit.id }}" class="text-sm font-mono text-gray-600 dark:text-gray-400">/NL43_DATA</span>
|
|
||||||
<button onclick="loadFTPFiles('{{ unit_item.unit.id }}', '/NL43_DATA')"
|
|
||||||
class="ml-auto text-xs px-2 py-1 bg-gray-100 dark:bg-gray-700 rounded hover:bg-gray-200 dark:hover:bg-gray-600">
|
|
||||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div id="ftp-file-list-{{ unit_item.unit.id }}" class="space-y-1">
|
|
||||||
<!-- Files will be loaded here -->
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
{% else %}
|
|
||||||
<div class="text-center py-8 text-gray-500 dark:text-gray-400">
|
|
||||||
<svg class="w-12 h-12 mx-auto mb-3 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"></path>
|
|
||||||
</svg>
|
|
||||||
<p>No units assigned to this project</p>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// Check FTP status for all units on load
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
{% for unit_item in units %}
|
|
||||||
checkFTPStatus('{{ unit_item.unit.id }}');
|
|
||||||
{% endfor %}
|
|
||||||
});
|
|
||||||
|
|
||||||
async function checkFTPStatus(unitId) {
|
|
||||||
const statusSpan = document.getElementById(`ftp-status-${unitId}`);
|
|
||||||
const enableBtn = document.getElementById(`enable-ftp-${unitId}`);
|
|
||||||
const disableBtn = document.getElementById(`disable-ftp-${unitId}`);
|
|
||||||
const browseBtn = document.getElementById(`browse-ftp-${unitId}`);
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/slmm/${unitId}/ftp/status`);
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
if (data.ftp_enabled) {
|
|
||||||
statusSpan.textContent = 'FTP Enabled';
|
|
||||||
statusSpan.className = 'px-2 py-1 text-xs font-medium rounded-full bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300';
|
|
||||||
enableBtn.disabled = true;
|
|
||||||
disableBtn.disabled = false;
|
|
||||||
browseBtn.disabled = false;
|
|
||||||
} else {
|
|
||||||
statusSpan.textContent = 'FTP Disabled';
|
|
||||||
statusSpan.className = 'px-2 py-1 text-xs font-medium rounded-full bg-gray-200 text-gray-700 dark:bg-gray-700 dark:text-gray-300';
|
|
||||||
enableBtn.disabled = false;
|
|
||||||
disableBtn.disabled = true;
|
|
||||||
browseBtn.disabled = true;
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
statusSpan.textContent = 'Error';
|
|
||||||
statusSpan.className = 'px-2 py-1 text-xs font-medium rounded-full bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300';
|
|
||||||
console.error('Error checking FTP status:', error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function enableFTP(unitId) {
|
|
||||||
const enableBtn = document.getElementById(`enable-ftp-${unitId}`);
|
|
||||||
enableBtn.disabled = true;
|
|
||||||
enableBtn.textContent = 'Enabling...';
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/slmm/${unitId}/ftp/enable`, {
|
|
||||||
method: 'POST'
|
|
||||||
});
|
|
||||||
|
|
||||||
if (response.ok) {
|
|
||||||
await checkFTPStatus(unitId);
|
|
||||||
// Auto-load files after enabling
|
|
||||||
setTimeout(() => loadFTPFiles(unitId, '/NL43_DATA'), 1000);
|
|
||||||
} else {
|
|
||||||
alert('Failed to enable FTP');
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
alert('Error enabling FTP: ' + error);
|
|
||||||
} finally {
|
|
||||||
enableBtn.textContent = 'Enable FTP';
|
|
||||||
enableBtn.disabled = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function disableFTP(unitId) {
|
|
||||||
if (!confirm('Disable FTP on this unit? This will close the FTP connection.')) return;
|
|
||||||
|
|
||||||
const disableBtn = document.getElementById(`disable-ftp-${unitId}`);
|
|
||||||
disableBtn.disabled = true;
|
|
||||||
disableBtn.textContent = 'Disabling...';
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/slmm/${unitId}/ftp/disable`, {
|
|
||||||
method: 'POST'
|
|
||||||
});
|
|
||||||
|
|
||||||
if (response.ok) {
|
|
||||||
await checkFTPStatus(unitId);
|
|
||||||
// Hide file list
|
|
||||||
document.getElementById(`ftp-files-${unitId}`).classList.add('hidden');
|
|
||||||
} else {
|
|
||||||
alert('Failed to disable FTP');
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
alert('Error disabling FTP: ' + error);
|
|
||||||
} finally {
|
|
||||||
disableBtn.textContent = 'Disable FTP';
|
|
||||||
disableBtn.disabled = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function loadFTPFiles(unitId, path) {
|
|
||||||
const fileListDiv = document.getElementById(`ftp-file-list-${unitId}`);
|
|
||||||
const filesContainer = document.getElementById(`ftp-files-${unitId}`);
|
|
||||||
const currentPathSpan = document.getElementById(`current-path-${unitId}`);
|
|
||||||
|
|
||||||
// Show loading
|
|
||||||
fileListDiv.innerHTML = '<div class="text-center py-4 text-gray-500">Loading files...</div>';
|
|
||||||
filesContainer.classList.remove('hidden');
|
|
||||||
currentPathSpan.textContent = path;
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/slmm/${unitId}/ftp/files?path=${encodeURIComponent(path)}`);
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
if (!data.files || data.files.length === 0) {
|
|
||||||
fileListDiv.innerHTML = '<div class="text-center py-4 text-gray-500">No files found</div>';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Sort: directories first, then files
|
|
||||||
const sorted = data.files.sort((a, b) => {
|
|
||||||
if (a.is_dir && !b.is_dir) return -1;
|
|
||||||
if (!a.is_dir && b.is_dir) return 1;
|
|
||||||
return a.name.localeCompare(b.name);
|
|
||||||
});
|
|
||||||
|
|
||||||
// Render file list
|
|
||||||
let html = '';
|
|
||||||
for (const file of sorted) {
|
|
||||||
const icon = file.is_dir
|
|
||||||
? '<svg class="w-5 h-5 text-blue-500" fill="currentColor" viewBox="0 0 20 20"><path d="M2 6a2 2 0 012-2h5l2 2h5a2 2 0 012 2v6a2 2 0 01-2 2H4a2 2 0 01-2-2V6z"></path></svg>'
|
|
||||||
: '<svg class="w-5 h-5 text-gray-400" fill="currentColor" viewBox="0 0 20 20"><path fill-rule="evenodd" d="M4 4a2 2 0 012-2h4.586A2 2 0 0112 2.586L15.414 6A2 2 0 0116 7.414V16a2 2 0 01-2 2H6a2 2 0 01-2-2V4z" clip-rule="evenodd"></path></svg>';
|
|
||||||
|
|
||||||
const sizeStr = file.is_dir ? '' : formatFileSize(file.size);
|
|
||||||
const clickAction = file.is_dir
|
|
||||||
? `onclick="loadFTPFiles('${unitId}', '${file.path}')"`
|
|
||||||
: '';
|
|
||||||
|
|
||||||
html += `
|
|
||||||
<div class="flex items-center gap-3 px-3 py-2 hover:bg-gray-50 dark:hover:bg-gray-800 rounded ${file.is_dir ? 'cursor-pointer' : ''}" ${clickAction}>
|
|
||||||
${icon}
|
|
||||||
<div class="flex-1 min-w-0">
|
|
||||||
<div class="text-sm font-medium text-gray-900 dark:text-white truncate">${file.name}</div>
|
|
||||||
<div class="text-xs text-gray-500 dark:text-gray-400">${file.modified}${sizeStr ? ' • ' + sizeStr : ''}</div>
|
|
||||||
</div>
|
|
||||||
${!file.is_dir ? `
|
|
||||||
<div class="flex items-center gap-2">
|
|
||||||
<button onclick="downloadToServer('${unitId}', '${file.path}', '${file.name}')"
|
|
||||||
class="px-3 py-1 text-xs bg-green-600 text-white rounded hover:bg-green-700 transition-colors"
|
|
||||||
title="Download to server and add to database">
|
|
||||||
<svg class="w-3 h-3 inline mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01"></path>
|
|
||||||
</svg>
|
|
||||||
To Server
|
|
||||||
</button>
|
|
||||||
<button onclick="downloadFTPFile('${unitId}', '${file.path}', '${file.name}')"
|
|
||||||
class="px-3 py-1 text-xs bg-seismo-orange text-white rounded hover:bg-seismo-navy transition-colors"
|
|
||||||
title="Download directly to your computer">
|
|
||||||
<svg class="w-3 h-3 inline mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
|
|
||||||
</svg>
|
|
||||||
To Browser
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
` : ''}
|
|
||||||
</div>
|
|
||||||
`;
|
|
||||||
}
|
|
||||||
|
|
||||||
fileListDiv.innerHTML = html;
|
|
||||||
} catch (error) {
|
|
||||||
fileListDiv.innerHTML = '<div class="text-center py-4 text-red-500">Error loading files: ' + error + '</div>';
|
|
||||||
console.error('Error loading FTP files:', error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function downloadFTPFile(unitId, remotePath, fileName) {
|
|
||||||
const btn = event.target;
|
|
||||||
btn.disabled = true;
|
|
||||||
btn.textContent = 'Downloading...';
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/slmm/${unitId}/ftp/download`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: {
|
|
||||||
'Content-Type': 'application/json',
|
|
||||||
},
|
|
||||||
body: JSON.stringify({
|
|
||||||
remote_path: remotePath
|
|
||||||
})
|
|
||||||
});
|
|
||||||
|
|
||||||
if (response.ok) {
|
|
||||||
const blob = await response.blob();
|
|
||||||
const url = window.URL.createObjectURL(blob);
|
|
||||||
const a = document.createElement('a');
|
|
||||||
a.href = url;
|
|
||||||
a.download = fileName;
|
|
||||||
document.body.appendChild(a);
|
|
||||||
a.click();
|
|
||||||
window.URL.revokeObjectURL(url);
|
|
||||||
document.body.removeChild(a);
|
|
||||||
} else {
|
|
||||||
const errorData = await response.json();
|
|
||||||
alert('Download failed: ' + (errorData.detail || 'Unknown error'));
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
alert('Error downloading file: ' + error);
|
|
||||||
} finally {
|
|
||||||
btn.disabled = false;
|
|
||||||
btn.textContent = 'Download';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function downloadToServer(unitId, remotePath, fileName) {
|
|
||||||
const btn = event.target;
|
|
||||||
const originalText = btn.innerHTML;
|
|
||||||
btn.disabled = true;
|
|
||||||
btn.innerHTML = '<svg class="w-3 h-3 inline mr-1 animate-spin" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path></svg>Downloading...';
|
|
||||||
|
|
||||||
// Get location_id from the unit's data attribute
|
|
||||||
const unitContainer = btn.closest('[id^="ftp-files-"]');
|
|
||||||
const locationId = unitContainer.dataset.locationId;
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/projects/{{ project_id }}/ftp-download-to-server`, {
|
|
||||||
method: 'POST',
|
|
||||||
headers: {
|
|
||||||
'Content-Type': 'application/json',
|
|
||||||
},
|
|
||||||
body: JSON.stringify({
|
|
||||||
unit_id: unitId,
|
|
||||||
remote_path: remotePath,
|
|
||||||
location_id: locationId
|
|
||||||
})
|
|
||||||
});
|
|
||||||
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
if (response.ok) {
|
|
||||||
// Show success message
|
|
||||||
alert(`✓ ${fileName} downloaded to server successfully!\n\nFile ID: ${data.file_id}\nSize: ${formatFileSize(data.file_size)}`);
|
|
||||||
|
|
||||||
// Refresh the downloaded files list
|
|
||||||
htmx.trigger('#project-files', 'refresh');
|
|
||||||
} else {
|
|
||||||
alert('Download to server failed: ' + (data.detail || 'Unknown error'));
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
alert('Error downloading to server: ' + error);
|
|
||||||
} finally {
|
|
||||||
btn.disabled = false;
|
|
||||||
btn.innerHTML = originalText;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function formatFileSize(bytes) {
|
|
||||||
if (bytes < 1024) return bytes + ' B';
|
|
||||||
if (bytes < 1048576) return (bytes / 1024).toFixed(1) + ' KB';
|
|
||||||
if (bytes < 1073741824) return (bytes / 1048576).toFixed(1) + ' MB';
|
|
||||||
return (bytes / 1073741824).toFixed(2) + ' GB';
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@@ -1,69 +0,0 @@
|
|||||||
<!-- Project Locations List -->
|
|
||||||
{% if locations %}
|
|
||||||
<div class="space-y-3">
|
|
||||||
{% for item in locations %}
|
|
||||||
<div class="border border-gray-200 dark:border-gray-700 rounded-lg p-4 hover:border-seismo-orange transition-colors">
|
|
||||||
<div class="flex items-start justify-between gap-3">
|
|
||||||
<div class="min-w-0 flex-1">
|
|
||||||
<div class="flex items-center gap-2">
|
|
||||||
<a href="/projects/{{ project.id }}/nrl/{{ item.location.id }}"
|
|
||||||
class="font-semibold text-gray-900 dark:text-white hover:text-seismo-orange truncate">
|
|
||||||
{{ item.location.name }}
|
|
||||||
</a>
|
|
||||||
{% if item.location.location_type %}
|
|
||||||
<span class="text-xs px-2 py-0.5 rounded-full bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300">
|
|
||||||
{{ item.location.location_type|capitalize }}
|
|
||||||
</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
{% if item.location.description %}
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">{{ item.location.description }}</p>
|
|
||||||
{% endif %}
|
|
||||||
{% if item.location.address %}
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">{{ item.location.address }}</p>
|
|
||||||
{% endif %}
|
|
||||||
{% if item.location.coordinates %}
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">{{ item.location.coordinates }}</p>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex items-center gap-2">
|
|
||||||
{% if item.assignment %}
|
|
||||||
<button onclick="unassignUnit('{{ item.assignment.id }}')" class="text-xs px-3 py-1 rounded-full bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300">
|
|
||||||
Unassign
|
|
||||||
</button>
|
|
||||||
{% else %}
|
|
||||||
<button onclick="openAssignModal('{{ item.location.id }}', '{{ item.location.location_type or 'sound' }}')" class="text-xs px-3 py-1 rounded-full bg-seismo-orange text-white hover:bg-seismo-navy">
|
|
||||||
Assign
|
|
||||||
</button>
|
|
||||||
{% endif %}
|
|
||||||
<button data-location='{{ {"id": item.location.id, "name": item.location.name, "description": item.location.description, "address": item.location.address, "coordinates": item.location.coordinates, "location_type": item.location.location_type} | tojson }}'
|
|
||||||
onclick="openEditLocationModal(this)"
|
|
||||||
class="text-xs px-3 py-1 rounded-full bg-gray-100 text-gray-700 dark:bg-gray-800 dark:text-gray-300">
|
|
||||||
Edit
|
|
||||||
</button>
|
|
||||||
<button onclick="deleteLocation('{{ item.location.id }}')" class="text-xs px-3 py-1 rounded-full bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300">
|
|
||||||
Delete
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mt-3 text-xs text-gray-500 dark:text-gray-400 flex flex-wrap gap-4">
|
|
||||||
<span>Sessions: {{ item.session_count }}</span>
|
|
||||||
{% if item.assignment and item.assigned_unit %}
|
|
||||||
<span>Assigned: {{ item.assigned_unit.id }}</span>
|
|
||||||
{% else %}
|
|
||||||
<span>No active assignment</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
{% else %}
|
|
||||||
<div class="text-center py-8 text-gray-500 dark:text-gray-400">
|
|
||||||
<svg class="w-12 h-12 mx-auto mb-3 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"></path>
|
|
||||||
</svg>
|
|
||||||
<p>No locations added yet</p>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,95 +0,0 @@
|
|||||||
<!-- Project Dashboard -->
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6 mb-6">
|
|
||||||
<div class="flex flex-col md:flex-row md:items-start md:justify-between gap-4">
|
|
||||||
<div>
|
|
||||||
<h2 class="text-2xl font-semibold text-gray-900 dark:text-white">{{ project.name }}</h2>
|
|
||||||
<p class="text-sm text-gray-500 dark:text-gray-400 mt-1">
|
|
||||||
{% if project_type %}
|
|
||||||
{{ project_type.name }}
|
|
||||||
{% else %}
|
|
||||||
Project
|
|
||||||
{% endif %}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
{% if project.status == 'active' %}
|
|
||||||
<span class="px-3 py-1 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full">Active</span>
|
|
||||||
{% elif project.status == 'completed' %}
|
|
||||||
<span class="px-3 py-1 text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 rounded-full">Completed</span>
|
|
||||||
{% elif project.status == 'archived' %}
|
|
||||||
<span class="px-3 py-1 text-xs font-medium bg-gray-200 text-gray-700 dark:bg-gray-700 dark:text-gray-300 rounded-full">Archived</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if project.description %}
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 mt-4 max-w-3xl">{{ project.description }}</p>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div class="grid grid-cols-2 md:grid-cols-4 gap-4 mt-6">
|
|
||||||
<div class="bg-gray-50 dark:bg-gray-900 rounded-lg p-4">
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">Locations</p>
|
|
||||||
<p class="text-2xl font-semibold text-gray-900 dark:text-white">{{ locations | length }}</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gray-50 dark:bg-gray-900 rounded-lg p-4">
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">Assigned Units</p>
|
|
||||||
<p class="text-2xl font-semibold text-gray-900 dark:text-white">{{ assigned_units | length }}</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gray-50 dark:bg-gray-900 rounded-lg p-4">
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">Active Sessions</p>
|
|
||||||
<p class="text-2xl font-semibold text-gray-900 dark:text-white">{{ active_sessions | length }}</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gray-50 dark:bg-gray-900 rounded-lg p-4">
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">Completed Sessions</p>
|
|
||||||
<p class="text-2xl font-semibold text-gray-900 dark:text-white">{{ completed_sessions_count }}</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between mb-4">
|
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">
|
|
||||||
{% if project_type and project_type.id == 'sound_monitoring' %}
|
|
||||||
NRLs
|
|
||||||
{% else %}
|
|
||||||
Locations
|
|
||||||
{% endif %}
|
|
||||||
</h3>
|
|
||||||
<button onclick="openLocationModal('{% if project_type and project_type.id == 'sound_monitoring' %}sound{% elif project_type and project_type.id == 'vibration_monitoring' %}vibration{% else %}{% endif %}')" class="text-sm text-seismo-orange hover:text-seismo-navy">
|
|
||||||
{% if project_type and project_type.id == 'sound_monitoring' %}
|
|
||||||
Add NRL
|
|
||||||
{% else %}
|
|
||||||
Add Location
|
|
||||||
{% endif %}
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<div id="project-locations"
|
|
||||||
hx-get="/api/projects/{{ project.id }}/locations{% if project_type and project_type.id == 'sound_monitoring' %}?location_type=sound{% endif %}"
|
|
||||||
hx-trigger="load"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<div class="animate-pulse space-y-3">
|
|
||||||
<div class="bg-gray-200 dark:bg-gray-700 h-16 rounded-lg"></div>
|
|
||||||
<div class="bg-gray-200 dark:bg-gray-700 h-16 rounded-lg"></div>
|
|
||||||
<div class="bg-gray-200 dark:bg-gray-700 h-16 rounded-lg"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">Upcoming Actions</h3>
|
|
||||||
{% if upcoming_actions %}
|
|
||||||
<div class="space-y-3">
|
|
||||||
{% for action in upcoming_actions %}
|
|
||||||
<div class="border border-gray-200 dark:border-gray-700 rounded-lg p-3">
|
|
||||||
<p class="font-medium text-gray-900 dark:text-white">{{ action.action_type }}</p>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">{{ action.scheduled_time.strftime('%Y-%m-%d %H:%M') }}</p>
|
|
||||||
{% if action.description %}
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">{{ action.description }}</p>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
{% else %}
|
|
||||||
<p class="text-sm text-gray-500 dark:text-gray-400">No scheduled actions.</p>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,97 +0,0 @@
|
|||||||
<!-- Project List Grid -->
|
|
||||||
{% if projects %}
|
|
||||||
{% for item in projects %}
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg hover:shadow-xl transition-shadow">
|
|
||||||
<a href="/projects/{{ item.project.id }}" class="block p-6">
|
|
||||||
<!-- Project Header -->
|
|
||||||
<div class="flex items-start justify-between mb-4">
|
|
||||||
<div class="flex-1">
|
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-1">
|
|
||||||
{{ item.project.name }}
|
|
||||||
</h3>
|
|
||||||
<p class="text-sm text-gray-500 dark:text-gray-400 flex items-center">
|
|
||||||
{% if item.project_type %}
|
|
||||||
{% if item.project_type.id == 'sound_monitoring' %}
|
|
||||||
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"></path>
|
|
||||||
</svg>
|
|
||||||
{% elif item.project_type.id == 'vibration_monitoring' %}
|
|
||||||
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
|
|
||||||
</svg>
|
|
||||||
{% else %}
|
|
||||||
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"></path>
|
|
||||||
</svg>
|
|
||||||
{% endif %}
|
|
||||||
{{ item.project_type.name }}
|
|
||||||
{% endif %}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Status Badge -->
|
|
||||||
{% if item.project.status == 'active' %}
|
|
||||||
<span class="px-2 py-1 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400 rounded-full">
|
|
||||||
Active
|
|
||||||
</span>
|
|
||||||
{% elif item.project.status == 'completed' %}
|
|
||||||
<span class="px-2 py-1 text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400 rounded-full">
|
|
||||||
Completed
|
|
||||||
</span>
|
|
||||||
{% elif item.project.status == 'archived' %}
|
|
||||||
<span class="px-2 py-1 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-400 rounded-full">
|
|
||||||
Archived
|
|
||||||
</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Project Description -->
|
|
||||||
{% if item.project.description %}
|
|
||||||
<p class="text-sm text-gray-600 dark:text-gray-400 mb-4 line-clamp-2">
|
|
||||||
{{ item.project.description }}
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<!-- Project Stats -->
|
|
||||||
<div class="grid grid-cols-3 gap-4 pt-4 border-t border-gray-200 dark:border-gray-700">
|
|
||||||
<div>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">Locations</p>
|
|
||||||
<p class="text-lg font-semibold text-gray-900 dark:text-white">{{ item.location_count }}</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">Units</p>
|
|
||||||
<p class="text-lg font-semibold text-gray-900 dark:text-white">{{ item.unit_count }}</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">Active</p>
|
|
||||||
<p class="text-lg font-semibold text-gray-900 dark:text-white">
|
|
||||||
{% if item.active_session_count > 0 %}
|
|
||||||
<span class="text-green-600 dark:text-green-400">{{ item.active_session_count }}</span>
|
|
||||||
{% else %}
|
|
||||||
{{ item.active_session_count }}
|
|
||||||
{% endif %}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Client Info -->
|
|
||||||
{% if item.project.client_name %}
|
|
||||||
<div class="mt-3 pt-3 border-t border-gray-200 dark:border-gray-700">
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">
|
|
||||||
Client: <span class="font-medium text-gray-700 dark:text-gray-300">{{ item.project.client_name }}</span>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
{% else %}
|
|
||||||
<!-- Empty State -->
|
|
||||||
<div class="col-span-full flex flex-col items-center justify-center py-12 text-gray-400 dark:text-gray-500">
|
|
||||||
<svg class="w-16 h-16 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"></path>
|
|
||||||
</svg>
|
|
||||||
<p class="text-lg font-medium">No projects found</p>
|
|
||||||
<p class="text-sm mt-1">Create your first project to get started</p>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,41 +0,0 @@
|
|||||||
<!-- Compact Project List -->
|
|
||||||
{% if projects %}
|
|
||||||
{% for item in projects %}
|
|
||||||
<a href="/projects/{{ item.project.id }}" class="block bg-gray-50 dark:bg-gray-800 rounded-lg p-4 border border-transparent hover:border-seismo-orange transition-colors">
|
|
||||||
<div class="flex items-start justify-between gap-4">
|
|
||||||
<div class="min-w-0">
|
|
||||||
<h3 class="text-base font-semibold text-gray-900 dark:text-white truncate">
|
|
||||||
{{ item.project.name }}
|
|
||||||
</h3>
|
|
||||||
{% if item.project.client_name %}
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">
|
|
||||||
Client: {{ item.project.client_name }}
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if item.project.status == 'active' %}
|
|
||||||
<span class="shrink-0 px-2 py-1 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full">Active</span>
|
|
||||||
{% elif item.project.status == 'completed' %}
|
|
||||||
<span class="shrink-0 px-2 py-1 text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 rounded-full">Completed</span>
|
|
||||||
{% elif item.project.status == 'archived' %}
|
|
||||||
<span class="shrink-0 px-2 py-1 text-xs font-medium bg-gray-200 text-gray-700 dark:bg-gray-700 dark:text-gray-300 rounded-full">Archived</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mt-3 flex flex-wrap gap-3 text-xs text-gray-600 dark:text-gray-400">
|
|
||||||
<span>{{ item.location_count }} locations</span>
|
|
||||||
<span>{{ item.unit_count }} units</span>
|
|
||||||
<span>{{ item.active_session_count }} active</span>
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
{% endfor %}
|
|
||||||
{% else %}
|
|
||||||
<div class="text-center py-8 text-gray-500 dark:text-gray-400">
|
|
||||||
<svg class="w-12 h-12 mx-auto mb-3 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"></path>
|
|
||||||
</svg>
|
|
||||||
<p>No active sound monitoring projects</p>
|
|
||||||
<p class="text-sm mt-1">Create a project to get started</p>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,58 +0,0 @@
|
|||||||
<!-- Project Statistics Cards -->
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-sm text-gray-500 dark:text-gray-400">Total Projects</p>
|
|
||||||
<p class="text-3xl font-bold text-gray-900 dark:text-white">{{ total_projects }}</p>
|
|
||||||
</div>
|
|
||||||
<div class="p-3 bg-seismo-orange/10 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-seismo-orange" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-sm text-gray-500 dark:text-gray-400">Active Projects</p>
|
|
||||||
<p class="text-3xl font-bold text-green-600 dark:text-green-400">{{ active_projects }}</p>
|
|
||||||
</div>
|
|
||||||
<div class="p-3 bg-green-100 dark:bg-green-900/30 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-green-600 dark:text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-sm text-gray-500 dark:text-gray-400">Total Locations</p>
|
|
||||||
<p class="text-3xl font-bold text-gray-900 dark:text-white">{{ total_locations }}</p>
|
|
||||||
</div>
|
|
||||||
<div class="p-3 bg-blue-100 dark:bg-blue-900/30 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-sm text-gray-500 dark:text-gray-400">Active Sessions</p>
|
|
||||||
<p class="text-3xl font-bold text-gray-900 dark:text-white">{{ active_sessions }}</p>
|
|
||||||
</div>
|
|
||||||
<div class="p-3 bg-purple-100 dark:bg-purple-900/30 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-purple-600 dark:text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,58 +0,0 @@
|
|||||||
<!-- Project Type Selection Cards -->
|
|
||||||
{% for pt in project_types %}
|
|
||||||
<button onclick="selectProjectType('{{ pt.id }}', '{{ pt.name }}')"
|
|
||||||
class="bg-white dark:bg-slate-700 hover:bg-gray-50 dark:hover:bg-slate-600 border-2 border-gray-200 dark:border-gray-600 hover:border-seismo-orange rounded-lg p-6 text-left transition-all">
|
|
||||||
<!-- Icon -->
|
|
||||||
<div class="mb-4">
|
|
||||||
{% if pt.id == 'sound_monitoring' %}
|
|
||||||
<div class="w-12 h-12 bg-seismo-orange/10 rounded-lg flex items-center justify-center">
|
|
||||||
<svg class="w-6 h-6 text-seismo-orange" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
{% elif pt.id == 'vibration_monitoring' %}
|
|
||||||
<div class="w-12 h-12 bg-blue-100 dark:bg-blue-900/30 rounded-lg flex items-center justify-center">
|
|
||||||
<svg class="w-6 h-6 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
{% elif pt.id == 'combined' %}
|
|
||||||
<div class="w-12 h-12 bg-purple-100 dark:bg-purple-900/30 rounded-lg flex items-center justify-center">
|
|
||||||
<svg class="w-6 h-6 text-purple-600 dark:text-purple-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 5a1 1 0 011-1h14a1 1 0 011 1v2a1 1 0 01-1 1H5a1 1 0 01-1-1V5zM4 13a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1H5a1 1 0 01-1-1v-6zM16 13a1 1 0 011-1h2a1 1 0 011 1v6a1 1 0 01-1 1h-2a1 1 0 01-1-1v-6z"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Title -->
|
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-2">
|
|
||||||
{{ pt.name }}
|
|
||||||
</h3>
|
|
||||||
|
|
||||||
<!-- Description -->
|
|
||||||
<p class="text-sm text-gray-600 dark:text-gray-400 mb-4">
|
|
||||||
{{ pt.description }}
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<!-- Features -->
|
|
||||||
<div class="space-y-1">
|
|
||||||
{% if pt.supports_sound %}
|
|
||||||
<div class="flex items-center text-xs text-gray-500 dark:text-gray-400">
|
|
||||||
<svg class="w-4 h-4 mr-2 text-green-500" fill="currentColor" viewBox="0 0 20 20">
|
|
||||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
|
|
||||||
</svg>
|
|
||||||
Sound Level Meters
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
{% if pt.supports_vibration %}
|
|
||||||
<div class="flex items-center text-xs text-gray-500 dark:text-gray-400">
|
|
||||||
<svg class="w-4 h-4 mr-2 text-green-500" fill="currentColor" viewBox="0 0 20 20">
|
|
||||||
<path fill-rule="evenodd" d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z" clip-rule="evenodd"></path>
|
|
||||||
</svg>
|
|
||||||
Seismographs
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</button>
|
|
||||||
{% endfor %}
|
|
||||||
@@ -1,149 +0,0 @@
|
|||||||
<!-- Scheduled Actions List -->
|
|
||||||
{% if schedules %}
|
|
||||||
<div class="space-y-4">
|
|
||||||
{% for item in schedules %}
|
|
||||||
<div class="border border-gray-200 dark:border-gray-700 rounded-lg p-4 hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors">
|
|
||||||
<div class="flex items-start justify-between gap-3">
|
|
||||||
<div class="min-w-0 flex-1">
|
|
||||||
<div class="flex items-center gap-3 mb-2">
|
|
||||||
<h4 class="font-semibold text-gray-900 dark:text-white">
|
|
||||||
{{ item.schedule.action_type }}
|
|
||||||
</h4>
|
|
||||||
{% if item.schedule.execution_status == 'pending' %}
|
|
||||||
<span class="px-2 py-1 text-xs font-medium bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300 rounded-full">
|
|
||||||
Pending
|
|
||||||
</span>
|
|
||||||
{% elif item.schedule.execution_status == 'completed' %}
|
|
||||||
<span class="px-2 py-1 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full">
|
|
||||||
Completed
|
|
||||||
</span>
|
|
||||||
{% elif item.schedule.execution_status == 'failed' %}
|
|
||||||
<span class="px-2 py-1 text-xs font-medium bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300 rounded-full">
|
|
||||||
Failed
|
|
||||||
</span>
|
|
||||||
{% elif item.schedule.execution_status == 'cancelled' %}
|
|
||||||
<span class="px-2 py-1 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300 rounded-full">
|
|
||||||
Cancelled
|
|
||||||
</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="grid grid-cols-2 gap-3 text-sm text-gray-600 dark:text-gray-400">
|
|
||||||
{% if item.location %}
|
|
||||||
<div>
|
|
||||||
<span class="text-xs text-gray-500">Location:</span>
|
|
||||||
<a href="/projects/{{ project_id }}/nrl/{{ item.location.id }}"
|
|
||||||
class="text-seismo-orange hover:text-seismo-navy font-medium ml-1">
|
|
||||||
{{ item.location.name }}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<span class="text-xs text-gray-500">Scheduled:</span>
|
|
||||||
<span class="ml-1">{{ item.schedule.scheduled_time.strftime('%Y-%m-%d %H:%M') if item.schedule.scheduled_time else 'N/A' }}</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if item.schedule.executed_at %}
|
|
||||||
<div>
|
|
||||||
<span class="text-xs text-gray-500">Executed:</span>
|
|
||||||
<span class="ml-1">{{ item.schedule.executed_at.strftime('%Y-%m-%d %H:%M') }}</span>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if item.schedule.created_at %}
|
|
||||||
<div>
|
|
||||||
<span class="text-xs text-gray-500">Created:</span>
|
|
||||||
<span class="ml-1">{{ item.schedule.created_at.strftime('%Y-%m-%d %H:%M') }}</span>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if item.schedule.description %}
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-2">
|
|
||||||
{{ item.schedule.description }}
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if item.schedule.result_message %}
|
|
||||||
<div class="mt-2 text-xs">
|
|
||||||
<span class="text-gray-500">Result:</span>
|
|
||||||
<span class="ml-1 text-gray-700 dark:text-gray-300">{{ item.schedule.result_message }}</span>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex items-center gap-2">
|
|
||||||
{% if item.schedule.execution_status == 'pending' %}
|
|
||||||
<button onclick="executeSchedule('{{ item.schedule.id }}')"
|
|
||||||
class="px-3 py-1 text-xs bg-seismo-orange text-white rounded-lg hover:bg-seismo-navy transition-colors">
|
|
||||||
Execute Now
|
|
||||||
</button>
|
|
||||||
<button onclick="cancelSchedule('{{ item.schedule.id }}')"
|
|
||||||
class="px-3 py-1 text-xs bg-red-100 text-red-700 dark:bg-red-900/30 dark:text-red-300 rounded-lg hover:bg-red-200 dark:hover:bg-red-900/50 transition-colors">
|
|
||||||
Cancel
|
|
||||||
</button>
|
|
||||||
{% endif %}
|
|
||||||
<button onclick="viewScheduleDetails('{{ item.schedule.id }}')"
|
|
||||||
class="px-3 py-1 text-xs bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors">
|
|
||||||
Details
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
{% else %}
|
|
||||||
<div class="text-center py-12">
|
|
||||||
<svg class="w-16 h-16 mx-auto mb-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
|
|
||||||
</svg>
|
|
||||||
<p class="text-gray-500 dark:text-gray-400 mb-2">No scheduled actions yet</p>
|
|
||||||
<p class="text-sm text-gray-400 dark:text-gray-500">Create schedules to automate tasks</p>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<script>
|
|
||||||
function executeSchedule(scheduleId) {
|
|
||||||
if (!confirm('Execute this scheduled action now?')) return;
|
|
||||||
|
|
||||||
fetch(`/api/projects/{{ project_id }}/schedules/${scheduleId}/execute`, {
|
|
||||||
method: 'POST',
|
|
||||||
})
|
|
||||||
.then(response => response.json())
|
|
||||||
.then(data => {
|
|
||||||
if (data.success) {
|
|
||||||
htmx.trigger('#project-schedules', 'refresh');
|
|
||||||
} else {
|
|
||||||
alert('Error: ' + (data.message || 'Unknown error'));
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
alert('Error executing schedule: ' + error);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function cancelSchedule(scheduleId) {
|
|
||||||
if (!confirm('Cancel this scheduled action?')) return;
|
|
||||||
|
|
||||||
fetch(`/api/projects/{{ project_id }}/schedules/${scheduleId}/cancel`, {
|
|
||||||
method: 'POST',
|
|
||||||
})
|
|
||||||
.then(response => response.json())
|
|
||||||
.then(data => {
|
|
||||||
if (data.success) {
|
|
||||||
htmx.trigger('#project-schedules', 'refresh');
|
|
||||||
} else {
|
|
||||||
alert('Error: ' + (data.message || 'Unknown error'));
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.catch(error => {
|
|
||||||
alert('Error cancelling schedule: ' + error);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function viewScheduleDetails(scheduleId) {
|
|
||||||
// TODO: Implement schedule details modal
|
|
||||||
alert('Schedule details coming soon: ' + scheduleId);
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@@ -1,107 +0,0 @@
|
|||||||
<!-- Recording Sessions List -->
|
|
||||||
{% if sessions %}
|
|
||||||
<div class="space-y-4">
|
|
||||||
{% for item in sessions %}
|
|
||||||
<div class="border border-gray-200 dark:border-gray-700 rounded-lg p-4 hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors">
|
|
||||||
<div class="flex items-start justify-between gap-3">
|
|
||||||
<div class="min-w-0 flex-1">
|
|
||||||
<div class="flex items-center gap-3 mb-2">
|
|
||||||
<h4 class="font-semibold text-gray-900 dark:text-white">
|
|
||||||
Session {{ item.session.id[:8] }}...
|
|
||||||
</h4>
|
|
||||||
{% if item.session.status == 'recording' %}
|
|
||||||
<span class="px-2 py-1 text-xs font-medium bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300 rounded-full flex items-center">
|
|
||||||
<span class="w-2 h-2 bg-red-500 rounded-full mr-1.5 animate-pulse"></span>
|
|
||||||
Recording
|
|
||||||
</span>
|
|
||||||
{% elif item.session.status == 'completed' %}
|
|
||||||
<span class="px-2 py-1 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full">
|
|
||||||
Completed
|
|
||||||
</span>
|
|
||||||
{% elif item.session.status == 'paused' %}
|
|
||||||
<span class="px-2 py-1 text-xs font-medium bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300 rounded-full">
|
|
||||||
Paused
|
|
||||||
</span>
|
|
||||||
{% elif item.session.status == 'failed' %}
|
|
||||||
<span class="px-2 py-1 text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300 rounded-full">
|
|
||||||
Failed
|
|
||||||
</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="grid grid-cols-2 gap-3 text-sm text-gray-600 dark:text-gray-400">
|
|
||||||
{% if item.unit %}
|
|
||||||
<div>
|
|
||||||
<span class="text-xs text-gray-500 dark:text-gray-500">Unit:</span>
|
|
||||||
<a href="/slm/{{ item.unit.id }}?from_project={{ project_id }}" class="text-seismo-orange hover:text-seismo-navy font-medium ml-1">
|
|
||||||
{{ item.unit.id }}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<span class="text-xs text-gray-500">Started:</span>
|
|
||||||
<span class="ml-1">{{ item.session.started_at.strftime('%Y-%m-%d %H:%M') if item.session.started_at else 'N/A' }}</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if item.session.stopped_at %}
|
|
||||||
<div>
|
|
||||||
<span class="text-xs text-gray-500">Ended:</span>
|
|
||||||
<span class="ml-1">{{ item.session.stopped_at.strftime('%Y-%m-%d %H:%M') }}</span>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if item.session.duration_seconds %}
|
|
||||||
<div>
|
|
||||||
<span class="text-xs text-gray-500">Duration:</span>
|
|
||||||
<span class="ml-1">{{ (item.session.duration_seconds // 3600) }}h {{ ((item.session.duration_seconds % 3600) // 60) }}m</span>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if item.session.notes %}
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-2">
|
|
||||||
{{ item.session.notes }}
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex items-center gap-2">
|
|
||||||
{% if item.session.status == 'recording' %}
|
|
||||||
<button onclick="stopRecording('{{ item.session.id }}')"
|
|
||||||
class="px-3 py-1 text-xs bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors">
|
|
||||||
Stop
|
|
||||||
</button>
|
|
||||||
{% endif %}
|
|
||||||
<button onclick="viewSession('{{ item.session.id }}')"
|
|
||||||
class="px-3 py-1 text-xs bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors">
|
|
||||||
Details
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
{% else %}
|
|
||||||
<div class="text-center py-12">
|
|
||||||
<svg class="w-16 h-16 mx-auto mb-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3"></path>
|
|
||||||
</svg>
|
|
||||||
<p class="text-gray-500 dark:text-gray-400 mb-2">No recording sessions yet</p>
|
|
||||||
<p class="text-sm text-gray-400 dark:text-gray-500">Schedule a session to get started</p>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<script>
|
|
||||||
function viewSession(sessionId) {
|
|
||||||
// TODO: Implement session detail modal or page
|
|
||||||
alert('Session details coming soon: ' + sessionId);
|
|
||||||
}
|
|
||||||
|
|
||||||
function stopRecording(sessionId) {
|
|
||||||
if (!confirm('Stop this recording session?')) return;
|
|
||||||
|
|
||||||
// TODO: Implement stop recording API call
|
|
||||||
alert('Stop recording API coming soon for session: ' + sessionId);
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
@@ -1,99 +0,0 @@
|
|||||||
<!-- Assigned Units List -->
|
|
||||||
{% if units %}
|
|
||||||
<div class="space-y-4">
|
|
||||||
{% for item in units %}
|
|
||||||
<div class="border border-gray-200 dark:border-gray-700 rounded-lg p-4 hover:bg-gray-50 dark:hover:bg-gray-800/50 transition-colors">
|
|
||||||
<div class="flex items-start justify-between gap-3">
|
|
||||||
<div class="min-w-0 flex-1">
|
|
||||||
<div class="flex items-center gap-3 mb-2">
|
|
||||||
<h4 class="font-semibold text-gray-900 dark:text-white">
|
|
||||||
<a href="/slm/{{ item.unit.id }}?from_project={{ project_id }}" class="hover:text-seismo-orange">
|
|
||||||
{{ item.unit.id }}
|
|
||||||
</a>
|
|
||||||
</h4>
|
|
||||||
{% if item.active_session %}
|
|
||||||
<span class="px-2 py-1 text-xs font-medium bg-red-100 text-red-800 dark:bg-red-900/30 dark:text-red-300 rounded-full flex items-center">
|
|
||||||
<span class="w-2 h-2 bg-red-500 rounded-full mr-1.5 animate-pulse"></span>
|
|
||||||
Recording
|
|
||||||
</span>
|
|
||||||
{% else %}
|
|
||||||
<span class="px-2 py-1 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full">
|
|
||||||
Available
|
|
||||||
</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="grid grid-cols-2 gap-3 text-sm text-gray-600 dark:text-gray-400">
|
|
||||||
{% if item.location %}
|
|
||||||
<div>
|
|
||||||
<span class="text-xs text-gray-500">
|
|
||||||
{% if project_type and project_type.id == 'sound_monitoring' %}
|
|
||||||
NRL:
|
|
||||||
{% else %}
|
|
||||||
Location:
|
|
||||||
{% endif %}
|
|
||||||
</span>
|
|
||||||
<a href="/projects/{{ project_id }}/nrl/{{ item.location.id }}"
|
|
||||||
class="text-seismo-orange hover:text-seismo-navy font-medium ml-1">
|
|
||||||
{{ item.location.name }}
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if item.unit.slm_model %}
|
|
||||||
<div>
|
|
||||||
<span class="text-xs text-gray-500">Model:</span>
|
|
||||||
<span class="ml-1">{{ item.unit.slm_model }}</span>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<span class="text-xs text-gray-500">Sessions:</span>
|
|
||||||
<span class="ml-1">{{ item.session_count }}</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<span class="text-xs text-gray-500">Files:</span>
|
|
||||||
<span class="ml-1">{{ item.file_count }}</span>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if item.assignment.assigned_at %}
|
|
||||||
<div class="col-span-2">
|
|
||||||
<span class="text-xs text-gray-500">Assigned:</span>
|
|
||||||
<span class="ml-1">{{ item.assignment.assigned_at.strftime('%Y-%m-%d %H:%M') }}</span>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if item.unit.note %}
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-2">
|
|
||||||
{{ item.unit.note }}
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex items-center gap-2">
|
|
||||||
<a href="/slm/{{ item.unit.id }}?from_project={{ project_id }}"
|
|
||||||
class="px-3 py-1 text-xs bg-seismo-orange text-white rounded-lg hover:bg-seismo-navy transition-colors">
|
|
||||||
View Unit
|
|
||||||
</a>
|
|
||||||
{% if item.location %}
|
|
||||||
<a href="/projects/{{ project_id }}/nrl/{{ item.location.id }}"
|
|
||||||
class="px-3 py-1 text-xs bg-gray-100 text-gray-700 dark:bg-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors">
|
|
||||||
View NRL
|
|
||||||
</a>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
{% else %}
|
|
||||||
<div class="text-center py-12">
|
|
||||||
<svg class="w-16 h-16 mx-auto mb-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"></path>
|
|
||||||
</svg>
|
|
||||||
<p class="text-gray-500 dark:text-gray-400 mb-2">No units assigned yet</p>
|
|
||||||
<p class="text-sm text-gray-400 dark:text-gray-500">Assign units to locations to get started</p>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,56 +0,0 @@
|
|||||||
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
|
|
||||||
<!-- Total Seismographs -->
|
|
||||||
<div class="rounded-lg shadow bg-white dark:bg-slate-800 p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 text-sm">Total Seismographs</p>
|
|
||||||
<p class="text-3xl font-bold text-gray-900 dark:text-white mt-2">{{ total }}</p>
|
|
||||||
</div>
|
|
||||||
<svg class="w-12 h-12 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Deployed -->
|
|
||||||
<div class="rounded-lg shadow bg-white dark:bg-slate-800 p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 text-sm">Deployed</p>
|
|
||||||
<p class="text-3xl font-bold text-green-600 dark:text-green-400 mt-2">{{ deployed }}</p>
|
|
||||||
</div>
|
|
||||||
<svg class="w-12 h-12 text-green-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Benched -->
|
|
||||||
<div class="rounded-lg shadow bg-white dark:bg-slate-800 p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 text-sm">Benched</p>
|
|
||||||
<p class="text-3xl font-bold text-gray-600 dark:text-gray-400 mt-2">{{ benched }}</p>
|
|
||||||
</div>
|
|
||||||
<svg class="w-12 h-12 text-gray-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- With Modem -->
|
|
||||||
<div class="rounded-lg shadow bg-white dark:bg-slate-800 p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 text-sm">With Modem</p>
|
|
||||||
<p class="text-3xl font-bold text-blue-600 dark:text-blue-400 mt-2">{{ with_modem }}<span class="text-base text-gray-500">/ {{ deployed }}</span></p>
|
|
||||||
{% if without_modem > 0 %}
|
|
||||||
<p class="text-xs text-orange-600 dark:text-orange-400 mt-1">{{ without_modem }} without modem</p>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
<svg class="w-12 h-12 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.141 0M1.394 9.393c5.857-5.857 15.355-5.857 21.213 0"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,97 +0,0 @@
|
|||||||
{% if units %}
|
|
||||||
<div class="overflow-x-auto">
|
|
||||||
<table class="w-full">
|
|
||||||
<thead class="bg-gray-50 dark:bg-slate-700 border-b border-gray-200 dark:border-gray-600">
|
|
||||||
<tr>
|
|
||||||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-700 dark:text-gray-300 uppercase tracking-wider">Unit ID</th>
|
|
||||||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-700 dark:text-gray-300 uppercase tracking-wider">Status</th>
|
|
||||||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-700 dark:text-gray-300 uppercase tracking-wider">Modem</th>
|
|
||||||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-700 dark:text-gray-300 uppercase tracking-wider">Location</th>
|
|
||||||
<th class="px-4 py-3 text-left text-xs font-medium text-gray-700 dark:text-gray-300 uppercase tracking-wider">Notes</th>
|
|
||||||
<th class="px-4 py-3 text-right text-xs font-medium text-gray-700 dark:text-gray-300 uppercase tracking-wider">Actions</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody class="divide-y divide-gray-200 dark:divide-gray-700">
|
|
||||||
{% for unit in units %}
|
|
||||||
<tr class="hover:bg-gray-50 dark:hover:bg-slate-700 transition-colors">
|
|
||||||
<td class="px-4 py-3 whitespace-nowrap">
|
|
||||||
<a href="/unit/{{ unit.id }}" class="font-medium text-blue-600 dark:text-blue-400 hover:underline">
|
|
||||||
{{ unit.id }}
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
<td class="px-4 py-3 whitespace-nowrap">
|
|
||||||
{% if unit.deployed %}
|
|
||||||
<span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200">
|
|
||||||
<svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
|
|
||||||
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"></path>
|
|
||||||
</svg>
|
|
||||||
Deployed
|
|
||||||
</span>
|
|
||||||
{% else %}
|
|
||||||
<span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-300">
|
|
||||||
<svg class="w-3 h-3 mr-1" fill="currentColor" viewBox="0 0 20 20">
|
|
||||||
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8 7a1 1 0 00-1 1v4a1 1 0 001 1h4a1 1 0 001-1V8a1 1 0 00-1-1H8z" clip-rule="evenodd"></path>
|
|
||||||
</svg>
|
|
||||||
Benched
|
|
||||||
</span>
|
|
||||||
{% endif %}
|
|
||||||
</td>
|
|
||||||
<td class="px-4 py-3 whitespace-nowrap text-sm text-gray-900 dark:text-gray-300">
|
|
||||||
{% if unit.deployed_with_modem_id %}
|
|
||||||
<a href="/unit/{{ unit.deployed_with_modem_id }}" class="text-blue-600 dark:text-blue-400 hover:underline">
|
|
||||||
{{ unit.deployed_with_modem_id }}
|
|
||||||
</a>
|
|
||||||
{% else %}
|
|
||||||
<span class="text-gray-400 dark:text-gray-600">None</span>
|
|
||||||
{% endif %}
|
|
||||||
</td>
|
|
||||||
<td class="px-4 py-3 text-sm text-gray-900 dark:text-gray-300">
|
|
||||||
{% if unit.address %}
|
|
||||||
<span class="truncate max-w-xs inline-block" title="{{ unit.address }}">{{ unit.address }}</span>
|
|
||||||
{% elif unit.coordinates %}
|
|
||||||
<span class="text-gray-500 dark:text-gray-400">{{ unit.coordinates }}</span>
|
|
||||||
{% else %}
|
|
||||||
<span class="text-gray-400 dark:text-gray-600">—</span>
|
|
||||||
{% endif %}
|
|
||||||
</td>
|
|
||||||
<td class="px-4 py-3 text-sm text-gray-700 dark:text-gray-400">
|
|
||||||
{% if unit.note %}
|
|
||||||
<span class="truncate max-w-xs inline-block" title="{{ unit.note }}">{{ unit.note }}</span>
|
|
||||||
{% else %}
|
|
||||||
<span class="text-gray-400 dark:text-gray-600">—</span>
|
|
||||||
{% endif %}
|
|
||||||
</td>
|
|
||||||
<td class="px-4 py-3 whitespace-nowrap text-right text-sm">
|
|
||||||
<a href="/unit/{{ unit.id }}" class="text-blue-600 dark:text-blue-400 hover:underline">
|
|
||||||
View Details →
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
{% endfor %}
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if search %}
|
|
||||||
<div class="mt-4 text-sm text-gray-600 dark:text-gray-400">
|
|
||||||
Found {{ units|length }} seismograph(s) matching "{{ search }}"
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% else %}
|
|
||||||
<div class="text-center py-12">
|
|
||||||
<svg class="mx-auto h-12 w-12 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
|
|
||||||
</svg>
|
|
||||||
<h3 class="mt-2 text-sm font-medium text-gray-900 dark:text-white">No seismographs found</h3>
|
|
||||||
{% if search %}
|
|
||||||
<p class="mt-1 text-sm text-gray-500 dark:text-gray-400">No seismographs match "{{ search }}"</p>
|
|
||||||
<button onclick="document.getElementById('seismo-search').value = ''; htmx.trigger('#seismo-search', 'keyup');"
|
|
||||||
class="mt-3 text-blue-600 dark:text-blue-400 hover:underline">
|
|
||||||
Clear search
|
|
||||||
</button>
|
|
||||||
{% else %}
|
|
||||||
<p class="mt-1 text-sm text-gray-500 dark:text-gray-400">Get started by adding a seismograph unit from the roster page.</p>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,288 +0,0 @@
|
|||||||
<form id="slm-config-form"
|
|
||||||
hx-post="/api/slm-dashboard/config/{{ unit.id }}"
|
|
||||||
hx-swap="none"
|
|
||||||
hx-on::after-request="handleConfigSave(event)">
|
|
||||||
|
|
||||||
<div class="mb-6">
|
|
||||||
<h4 class="text-lg font-semibold text-gray-900 dark:text-white mb-2">Unit: {{ unit.id }}</h4>
|
|
||||||
<p class="text-sm text-gray-600 dark:text-gray-400">Configure measurement parameters for this sound level meter</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Model & Serial -->
|
|
||||||
<div class="grid grid-cols-2 gap-4 mb-4">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Model</label>
|
|
||||||
<select name="slm_model" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
<option value="">Select model...</option>
|
|
||||||
<option value="NL-43" {% if unit.slm_model == 'NL-43' %}selected{% endif %}>NL-43</option>
|
|
||||||
<option value="NL-53" {% if unit.slm_model == 'NL-53' %}selected{% endif %}>NL-53</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Serial Number</label>
|
|
||||||
<input type="text" name="slm_serial_number" value="{{ unit.slm_serial_number or '' }}"
|
|
||||||
class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
|
|
||||||
placeholder="e.g., SN123456">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Frequency & Time Weighting -->
|
|
||||||
<div class="grid grid-cols-2 gap-4 mb-4">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Frequency Weighting</label>
|
|
||||||
<select name="slm_frequency_weighting" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
<option value="">Select...</option>
|
|
||||||
<option value="A" {% if unit.slm_frequency_weighting == 'A' %}selected{% endif %}>A-weighting</option>
|
|
||||||
<option value="C" {% if unit.slm_frequency_weighting == 'C' %}selected{% endif %}>C-weighting</option>
|
|
||||||
<option value="Z" {% if unit.slm_frequency_weighting == 'Z' %}selected{% endif %}>Z-weighting (Linear)</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Time Weighting</label>
|
|
||||||
<select name="slm_time_weighting" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
<option value="">Select...</option>
|
|
||||||
<option value="Fast" {% if unit.slm_time_weighting == 'Fast' %}selected{% endif %}>Fast (125ms)</option>
|
|
||||||
<option value="Slow" {% if unit.slm_time_weighting == 'Slow' %}selected{% endif %}>Slow (1s)</option>
|
|
||||||
<option value="Impulse" {% if unit.slm_time_weighting == 'Impulse' %}selected{% endif %}>Impulse</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Measurement Range -->
|
|
||||||
<div class="mb-4">
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Measurement Range</label>
|
|
||||||
<select name="slm_measurement_range" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
<option value="">Select range...</option>
|
|
||||||
<option value="30-130" {% if unit.slm_measurement_range == '30-130' %}selected{% endif %}>30-130 dB</option>
|
|
||||||
<option value="40-140" {% if unit.slm_measurement_range == '40-140' %}selected{% endif %}>40-140 dB</option>
|
|
||||||
<option value="50-140" {% if unit.slm_measurement_range == '50-140' %}selected{% endif %}>50-140 dB</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Network Configuration -->
|
|
||||||
<div class="border-t border-gray-200 dark:border-gray-700 pt-4 mt-6 mb-4">
|
|
||||||
<h5 class="text-md font-semibold text-gray-900 dark:text-white mb-3">Network Configuration</h5>
|
|
||||||
|
|
||||||
<div class="mb-4">
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Assigned Modem</label>
|
|
||||||
<div class="flex gap-2">
|
|
||||||
<select name="deployed_with_modem_id" id="config-modem-select" class="flex-1 px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
<option value="">No modem (direct connection)</option>
|
|
||||||
<!-- Options loaded via JavaScript -->
|
|
||||||
</select>
|
|
||||||
<button type="button" id="test-modem-btn" onclick="testModemConnection()"
|
|
||||||
class="px-4 py-2 text-blue-700 dark:text-blue-300 bg-blue-100 dark:bg-blue-900 hover:bg-blue-200 dark:hover:bg-blue-800 rounded-lg transition-colors {% if not unit.deployed_with_modem_id %}opacity-50 cursor-not-allowed{% endif %}"
|
|
||||||
{% if not unit.deployed_with_modem_id %}disabled{% endif %}
|
|
||||||
title="Ping modem to test connectivity">
|
|
||||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.141 0M1.394 9.393c5.857-5.857 15.355-5.857 21.213 0"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">Select a modem for network access, or leave blank for direct IP connection</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Port Configuration (always visible) -->
|
|
||||||
<div class="grid grid-cols-3 gap-4 mb-4">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">TCP Port</label>
|
|
||||||
<input type="number" name="slm_tcp_port" value="{{ unit.slm_tcp_port or '2255' }}"
|
|
||||||
class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white font-mono text-sm"
|
|
||||||
placeholder="2255">
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">Control port</p>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">FTP Port</label>
|
|
||||||
<input type="number" name="slm_ftp_port" value="{{ unit.slm_ftp_port or '21' }}"
|
|
||||||
class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white font-mono text-sm"
|
|
||||||
placeholder="21">
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">Data transfer</p>
|
|
||||||
</div>
|
|
||||||
<div id="direct-ip-field" class="{% if unit.deployed_with_modem_id %}hidden{% endif %}">
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Direct IP</label>
|
|
||||||
<input type="text" name="slm_host" value="{{ unit.slm_host or '' }}"
|
|
||||||
class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white font-mono text-sm"
|
|
||||||
placeholder="192.168.1.100">
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">If no modem</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Action Buttons -->
|
|
||||||
<div class="flex justify-end gap-3 mt-6">
|
|
||||||
<button type="button" onclick="closeConfigModal()"
|
|
||||||
class="px-4 py-2 text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 rounded-lg transition-colors">
|
|
||||||
Cancel
|
|
||||||
</button>
|
|
||||||
<button type="button" onclick="testSLMConnection('{{ unit.id }}')"
|
|
||||||
class="px-4 py-2 text-blue-700 dark:text-blue-300 bg-blue-100 dark:bg-blue-900 hover:bg-blue-200 dark:hover:bg-blue-800 rounded-lg transition-colors">
|
|
||||||
Test SLM Connection
|
|
||||||
</button>
|
|
||||||
<button type="submit"
|
|
||||||
class="px-4 py-2 text-white bg-seismo-orange hover:bg-seismo-burgundy rounded-lg transition-colors">
|
|
||||||
Save Configuration
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// Load modems list for dropdown
|
|
||||||
async function loadModemsForConfig() {
|
|
||||||
try {
|
|
||||||
const response = await fetch('/api/roster/modems');
|
|
||||||
const modems = await response.json();
|
|
||||||
|
|
||||||
const select = document.getElementById('config-modem-select');
|
|
||||||
const currentValue = '{{ unit.deployed_with_modem_id or "" }}';
|
|
||||||
|
|
||||||
// Keep the "No modem" option
|
|
||||||
modems.forEach(modem => {
|
|
||||||
const option = document.createElement('option');
|
|
||||||
option.value = modem.id;
|
|
||||||
const ipText = modem.ip_address ? ' (' + modem.ip_address + ')' : '';
|
|
||||||
option.textContent = modem.id + ipText;
|
|
||||||
if (modem.id === currentValue) {
|
|
||||||
option.selected = true;
|
|
||||||
}
|
|
||||||
select.appendChild(option);
|
|
||||||
});
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Failed to load modems:', error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Toggle direct IP field and test modem button based on modem selection
|
|
||||||
document.getElementById('config-modem-select')?.addEventListener('change', function() {
|
|
||||||
const directIpField = document.getElementById('direct-ip-field');
|
|
||||||
const testModemBtn = document.getElementById('test-modem-btn');
|
|
||||||
|
|
||||||
if (this.value === '') {
|
|
||||||
directIpField.classList.remove('hidden');
|
|
||||||
testModemBtn.disabled = true;
|
|
||||||
testModemBtn.classList.add('opacity-50', 'cursor-not-allowed');
|
|
||||||
} else {
|
|
||||||
directIpField.classList.add('hidden');
|
|
||||||
testModemBtn.disabled = false;
|
|
||||||
testModemBtn.classList.remove('opacity-50', 'cursor-not-allowed');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Handle save response
|
|
||||||
function handleConfigSave(event) {
|
|
||||||
if (event.detail.successful) {
|
|
||||||
// Show success message
|
|
||||||
const toast = document.createElement('div');
|
|
||||||
toast.className = 'fixed bottom-4 right-4 bg-green-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
toast.textContent = 'Configuration saved successfully!';
|
|
||||||
document.body.appendChild(toast);
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
toast.remove();
|
|
||||||
closeConfigModal();
|
|
||||||
// Refresh the unit list
|
|
||||||
htmx.trigger('#slm-list', 'load');
|
|
||||||
}, 2000);
|
|
||||||
} else {
|
|
||||||
// Show error message
|
|
||||||
const toast = document.createElement('div');
|
|
||||||
toast.className = 'fixed bottom-4 right-4 bg-red-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
toast.textContent = 'Failed to save configuration';
|
|
||||||
document.body.appendChild(toast);
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
toast.remove();
|
|
||||||
}, 3000);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test connection to modem (health ping)
|
|
||||||
async function testModemConnection() {
|
|
||||||
const modemSelect = document.getElementById('config-modem-select');
|
|
||||||
const modemId = modemSelect.value;
|
|
||||||
|
|
||||||
if (!modemId) {
|
|
||||||
alert('Please select a modem first');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const toast = document.createElement('div');
|
|
||||||
toast.className = 'fixed bottom-4 right-4 bg-blue-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
toast.textContent = 'Pinging modem...';
|
|
||||||
document.body.appendChild(toast);
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch('/api/slm-dashboard/test-modem/' + modemId);
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
toast.remove();
|
|
||||||
|
|
||||||
const resultToast = document.createElement('div');
|
|
||||||
if (response.ok && data.status === 'success') {
|
|
||||||
resultToast.className = 'fixed bottom-4 right-4 bg-green-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
const ipAddr = data.ip_address || modemId;
|
|
||||||
const respTime = data.response_time || 'N/A';
|
|
||||||
resultToast.innerHTML = '✓ Modem responding!<br><span class="text-xs">' + ipAddr + ' - ' + respTime + 'ms</span>';
|
|
||||||
} else {
|
|
||||||
resultToast.className = 'fixed bottom-4 right-4 bg-yellow-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
resultToast.textContent = '⚠ Modem not responding: ' + (data.detail || 'Unknown error');
|
|
||||||
}
|
|
||||||
document.body.appendChild(resultToast);
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
resultToast.remove();
|
|
||||||
}, 4000);
|
|
||||||
} catch (error) {
|
|
||||||
toast.remove();
|
|
||||||
const errorToast = document.createElement('div');
|
|
||||||
errorToast.className = 'fixed bottom-4 right-4 bg-red-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
errorToast.textContent = '✗ Failed to ping modem: ' + error.message;
|
|
||||||
document.body.appendChild(errorToast);
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
errorToast.remove();
|
|
||||||
}, 3000);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test connection to SLM
|
|
||||||
async function testSLMConnection(unitId) {
|
|
||||||
const toast = document.createElement('div');
|
|
||||||
toast.className = 'fixed bottom-4 right-4 bg-blue-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
toast.textContent = 'Testing SLM connection...';
|
|
||||||
document.body.appendChild(toast);
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch('/api/slmm/' + unitId + '/status');
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
toast.remove();
|
|
||||||
|
|
||||||
const resultToast = document.createElement('div');
|
|
||||||
if (response.ok && data.status === 'online') {
|
|
||||||
resultToast.className = 'fixed bottom-4 right-4 bg-green-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
resultToast.textContent = '✓ SLM connection successful! ' + (data.model || 'SLM') + ' responding';
|
|
||||||
} else {
|
|
||||||
resultToast.className = 'fixed bottom-4 right-4 bg-yellow-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
resultToast.textContent = '⚠ SLM connection failed or device offline';
|
|
||||||
}
|
|
||||||
document.body.appendChild(resultToast);
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
resultToast.remove();
|
|
||||||
}, 3000);
|
|
||||||
} catch (error) {
|
|
||||||
toast.remove();
|
|
||||||
const errorToast = document.createElement('div');
|
|
||||||
errorToast.className = 'fixed bottom-4 right-4 bg-red-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
errorToast.textContent = '✗ SLM connection test failed: ' + error.message;
|
|
||||||
document.body.appendChild(errorToast);
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
errorToast.remove();
|
|
||||||
}, 3000);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Load modems on page load
|
|
||||||
loadModemsForConfig();
|
|
||||||
</script>
|
|
||||||
@@ -1,215 +0,0 @@
|
|||||||
<form id="slm-config-form"
|
|
||||||
hx-post="/api/slm-dashboard/config/{{ unit.id }}"
|
|
||||||
hx-swap="none"
|
|
||||||
hx-on::after-request="handleConfigSave(event)">
|
|
||||||
|
|
||||||
<div class="mb-6">
|
|
||||||
<h4 class="text-lg font-semibold text-gray-900 dark:text-white mb-2">Unit: {{ unit.id }}</h4>
|
|
||||||
<p class="text-sm text-gray-600 dark:text-gray-400">Configure measurement parameters for this sound level meter</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Model & Serial -->
|
|
||||||
<div class="grid grid-cols-2 gap-4 mb-4">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Model</label>
|
|
||||||
<select name="slm_model" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
<option value="">Select model...</option>
|
|
||||||
<option value="NL-43" {% if unit.slm_model == 'NL-43' %}selected{% endif %}>NL-43</option>
|
|
||||||
<option value="NL-53" {% if unit.slm_model == 'NL-53' %}selected{% endif %}>NL-53</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Serial Number</label>
|
|
||||||
<input type="text" name="slm_serial_number" value="{{ unit.slm_serial_number or '' }}"
|
|
||||||
class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white"
|
|
||||||
placeholder="e.g., SN123456">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Frequency & Time Weighting -->
|
|
||||||
<div class="grid grid-cols-2 gap-4 mb-4">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Frequency Weighting</label>
|
|
||||||
<select name="slm_frequency_weighting" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
<option value="">Select...</option>
|
|
||||||
<option value="A" {% if unit.slm_frequency_weighting == 'A' %}selected{% endif %}>A-weighting</option>
|
|
||||||
<option value="C" {% if unit.slm_frequency_weighting == 'C' %}selected{% endif %}>C-weighting</option>
|
|
||||||
<option value="Z" {% if unit.slm_frequency_weighting == 'Z' %}selected{% endif %}>Z-weighting (Linear)</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Time Weighting</label>
|
|
||||||
<select name="slm_time_weighting" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
<option value="">Select...</option>
|
|
||||||
<option value="Fast" {% if unit.slm_time_weighting == 'Fast' %}selected{% endif %}>Fast (125ms)</option>
|
|
||||||
<option value="Slow" {% if unit.slm_time_weighting == 'Slow' %}selected{% endif %}>Slow (1s)</option>
|
|
||||||
<option value="Impulse" {% if unit.slm_time_weighting == 'Impulse' %}selected{% endif %}>Impulse</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Measurement Range -->
|
|
||||||
<div class="mb-4">
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Measurement Range</label>
|
|
||||||
<select name="slm_measurement_range" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
<option value="">Select range...</option>
|
|
||||||
<option value="30-130" {% if unit.slm_measurement_range == '30-130' %}selected{% endif %}>30-130 dB</option>
|
|
||||||
<option value="40-140" {% if unit.slm_measurement_range == '40-140' %}selected{% endif %}>40-140 dB</option>
|
|
||||||
<option value="50-140" {% if unit.slm_measurement_range == '50-140' %}selected{% endif %}>50-140 dB</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Network Configuration -->
|
|
||||||
<div class="border-t border-gray-200 dark:border-gray-700 pt-4 mt-6 mb-4">
|
|
||||||
<h5 class="text-md font-semibold text-gray-900 dark:text-white mb-3">Network Configuration</h5>
|
|
||||||
|
|
||||||
<div class="mb-4">
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Assigned Modem</label>
|
|
||||||
<select name="deployed_with_modem_id" id="config-modem-select" class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
<option value="">No modem (direct connection)</option>
|
|
||||||
<!-- Options loaded via JavaScript -->
|
|
||||||
</select>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">Select a modem for network access, or leave blank for direct IP connection</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Legacy direct connection (shown only if no modem selected) -->
|
|
||||||
<div id="direct-connection-fields" class="{% if unit.deployed_with_modem_id %}hidden{% endif %}">
|
|
||||||
<div class="grid grid-cols-2 gap-4">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Direct IP Address</label>
|
|
||||||
<input type="text" name="slm_host" value="{{ unit.slm_host or '' }}"
|
|
||||||
class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white font-mono text-sm"
|
|
||||||
placeholder="192.168.1.100">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">TCP Port</label>
|
|
||||||
<input type="number" name="slm_tcp_port" value="{{ unit.slm_tcp_port or '' }}"
|
|
||||||
class="w-full px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white font-mono text-sm"
|
|
||||||
placeholder="502">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Action Buttons -->
|
|
||||||
<div class="flex justify-end gap-3 mt-6">
|
|
||||||
<button type="button" onclick="closeConfigModal()"
|
|
||||||
class="px-4 py-2 text-gray-700 dark:text-gray-300 bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 rounded-lg transition-colors">
|
|
||||||
Cancel
|
|
||||||
</button>
|
|
||||||
<button type="button" onclick="testConnection('{{ unit.id }}')"
|
|
||||||
class="px-4 py-2 text-blue-700 dark:text-blue-300 bg-blue-100 dark:bg-blue-900 hover:bg-blue-200 dark:hover:bg-blue-800 rounded-lg transition-colors">
|
|
||||||
Test Connection
|
|
||||||
</button>
|
|
||||||
<button type="submit"
|
|
||||||
class="px-4 py-2 text-white bg-seismo-orange hover:bg-seismo-burgundy rounded-lg transition-colors">
|
|
||||||
Save Configuration
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// Load modems list for dropdown
|
|
||||||
async function loadModemsForConfig() {
|
|
||||||
try {
|
|
||||||
const response = await fetch('/api/roster/modems');
|
|
||||||
const modems = await response.json();
|
|
||||||
|
|
||||||
const select = document.getElementById('config-modem-select');
|
|
||||||
const currentValue = '{{ unit.deployed_with_modem_id or "" }}';
|
|
||||||
|
|
||||||
// Keep the "No modem" option
|
|
||||||
modems.forEach(modem => {
|
|
||||||
const option = document.createElement('option');
|
|
||||||
option.value = modem.id;
|
|
||||||
option.textContent = `${modem.id}${modem.ip_address ? ' (' + modem.ip_address + ')' : ''}`;
|
|
||||||
if (modem.id === currentValue) {
|
|
||||||
option.selected = true;
|
|
||||||
}
|
|
||||||
select.appendChild(option);
|
|
||||||
});
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Failed to load modems:', error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Toggle direct connection fields based on modem selection
|
|
||||||
document.getElementById('config-modem-select')?.addEventListener('change', function() {
|
|
||||||
const directFields = document.getElementById('direct-connection-fields');
|
|
||||||
if (this.value === '') {
|
|
||||||
directFields.classList.remove('hidden');
|
|
||||||
} else {
|
|
||||||
directFields.classList.add('hidden');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Handle save response
|
|
||||||
function handleConfigSave(event) {
|
|
||||||
if (event.detail.successful) {
|
|
||||||
// Show success message
|
|
||||||
const toast = document.createElement('div');
|
|
||||||
toast.className = 'fixed bottom-4 right-4 bg-green-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
toast.textContent = 'Configuration saved successfully!';
|
|
||||||
document.body.appendChild(toast);
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
toast.remove();
|
|
||||||
closeConfigModal();
|
|
||||||
// Refresh the unit list
|
|
||||||
htmx.trigger('#slm-list', 'load');
|
|
||||||
}, 2000);
|
|
||||||
} else {
|
|
||||||
// Show error message
|
|
||||||
const toast = document.createElement('div');
|
|
||||||
toast.className = 'fixed bottom-4 right-4 bg-red-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
toast.textContent = 'Failed to save configuration';
|
|
||||||
document.body.appendChild(toast);
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
toast.remove();
|
|
||||||
}, 3000);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Test connection to SLM
|
|
||||||
async function testConnection(unitId) {
|
|
||||||
const toast = document.createElement('div');
|
|
||||||
toast.className = 'fixed bottom-4 right-4 bg-blue-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
toast.textContent = 'Testing connection...';
|
|
||||||
document.body.appendChild(toast);
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/slmm/${unitId}/status`);
|
|
||||||
const data = await response.json();
|
|
||||||
|
|
||||||
toast.remove();
|
|
||||||
|
|
||||||
const resultToast = document.createElement('div');
|
|
||||||
if (response.ok && data.status === 'online') {
|
|
||||||
resultToast.className = 'fixed bottom-4 right-4 bg-green-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
resultToast.textContent = `✓ Connection successful! ${data.model || 'SLM'} responding`;
|
|
||||||
} else {
|
|
||||||
resultToast.className = 'fixed bottom-4 right-4 bg-yellow-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
resultToast.textContent = `Connection failed or device offline`;
|
|
||||||
}
|
|
||||||
document.body.appendChild(resultToast);
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
resultToast.remove();
|
|
||||||
}, 3000);
|
|
||||||
} catch (error) {
|
|
||||||
toast.remove();
|
|
||||||
const errorToast = document.createElement('div');
|
|
||||||
errorToast.className = 'fixed bottom-4 right-4 bg-red-500 text-white px-6 py-3 rounded-lg shadow-lg z-50';
|
|
||||||
errorToast.textContent = '✗ Connection test failed';
|
|
||||||
document.body.appendChild(errorToast);
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
errorToast.remove();
|
|
||||||
}, 3000);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Load modems on page load
|
|
||||||
loadModemsForConfig();
|
|
||||||
</script>
|
|
||||||
@@ -1,105 +0,0 @@
|
|||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<!-- Status Bar -->
|
|
||||||
<div class="mb-6 p-4 rounded-lg {% if is_measuring %}bg-green-50 dark:bg-green-900/20{% else %}bg-gray-50 dark:bg-gray-900{% endif %}">
|
|
||||||
<div class="flex justify-between items-center">
|
|
||||||
<div>
|
|
||||||
<div class="text-sm text-gray-600 dark:text-gray-400">Measurement Status</div>
|
|
||||||
<div class="text-2xl font-bold {% if is_measuring %}text-green-600 dark:text-green-400{% else %}text-gray-600 dark:text-gray-400{% endif %}">
|
|
||||||
{% if measurement_state %}
|
|
||||||
{{ measurement_state }}
|
|
||||||
{% if is_measuring %}
|
|
||||||
<span class="inline-block w-3 h-3 bg-green-500 rounded-full ml-2 animate-pulse"></span>
|
|
||||||
{% endif %}
|
|
||||||
{% else %}
|
|
||||||
Unknown
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<div class="text-sm text-gray-600 dark:text-gray-400">Battery</div>
|
|
||||||
<div class="text-2xl font-bold text-gray-900 dark:text-white">
|
|
||||||
{{ battery_level or '--' }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Control Buttons -->
|
|
||||||
<div class="grid grid-cols-2 md:grid-cols-4 gap-3">
|
|
||||||
<button hx-post="/api/slmm/{{ unit_id }}/start"
|
|
||||||
hx-swap="none"
|
|
||||||
hx-on::after-request="htmx.trigger('#slm-controls', 'refresh')"
|
|
||||||
class="px-4 py-3 bg-green-600 text-white rounded-lg hover:bg-green-700 transition-colors flex items-center justify-center gap-2
|
|
||||||
{% if is_measuring %}opacity-50 cursor-not-allowed{% endif %}"
|
|
||||||
{% if is_measuring %}disabled{% endif %}>
|
|
||||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
||||||
</svg>
|
|
||||||
Start
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button hx-post="/api/slmm/{{ unit_id }}/stop"
|
|
||||||
hx-swap="none"
|
|
||||||
hx-on::after-request="htmx.trigger('#slm-controls', 'refresh')"
|
|
||||||
class="px-4 py-3 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors flex items-center justify-center gap-2
|
|
||||||
{% if not is_measuring %}opacity-50 cursor-not-allowed{% endif %}"
|
|
||||||
{% if not is_measuring %}disabled{% endif %}>
|
|
||||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 10a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z"></path>
|
|
||||||
</svg>
|
|
||||||
Stop
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button hx-post="/api/slmm/{{ unit_id }}/pause"
|
|
||||||
hx-swap="none"
|
|
||||||
hx-on::after-request="htmx.trigger('#slm-controls', 'refresh')"
|
|
||||||
class="px-4 py-3 bg-yellow-600 text-white rounded-lg hover:bg-yellow-700 transition-colors flex items-center justify-center gap-2">
|
|
||||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 9v6m4-6v6m7-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
||||||
</svg>
|
|
||||||
Pause
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button hx-post="/api/slmm/{{ unit_id }}/reset"
|
|
||||||
hx-swap="none"
|
|
||||||
hx-confirm="Are you sure you want to reset the measurement data?"
|
|
||||||
hx-on::after-request="htmx.trigger('#slm-controls', 'refresh')"
|
|
||||||
class="px-4 py-3 bg-gray-600 text-white rounded-lg hover:bg-gray-700 transition-colors flex items-center justify-center gap-2">
|
|
||||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
|
|
||||||
</svg>
|
|
||||||
Reset
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Quick Actions -->
|
|
||||||
<div class="mt-4 pt-4 border-t border-gray-200 dark:border-gray-700">
|
|
||||||
<div class="grid grid-cols-2 gap-3">
|
|
||||||
<button hx-get="/api/slmm/{{ unit_id }}/live"
|
|
||||||
hx-swap="none"
|
|
||||||
hx-indicator="#live-spinner"
|
|
||||||
class="px-4 py-2 bg-blue-600 text-white text-sm rounded-lg hover:bg-blue-700 transition-colors flex items-center justify-center gap-2">
|
|
||||||
<svg id="live-spinner" class="htmx-indicator w-4 h-4 animate-spin" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
|
|
||||||
</svg>
|
|
||||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
|
|
||||||
</svg>
|
|
||||||
Get Live Data
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button hx-post="/api/slmm/{{ unit_id }}/store"
|
|
||||||
hx-swap="none"
|
|
||||||
class="px-4 py-2 bg-purple-600 text-white text-sm rounded-lg hover:bg-purple-700 transition-colors flex items-center justify-center gap-2">
|
|
||||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7H5a2 2 0 00-2 2v9a2 2 0 002 2h14a2 2 0 002-2V9a2 2 0 00-2-2h-3m-1 4l-3 3m0 0l-3-3m3 3V4"></path>
|
|
||||||
</svg>
|
|
||||||
Store Data
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="slm-controls" hx-get="/slm/partials/{{ unit_id }}/controls" hx-trigger="refresh" hx-swap="outerHTML"></div>
|
|
||||||
@@ -1,70 +0,0 @@
|
|||||||
<!-- SLM Device List -->
|
|
||||||
{% if units %}
|
|
||||||
{% for unit in units %}
|
|
||||||
<div class="bg-gray-50 dark:bg-gray-800 rounded-lg p-4 border border-transparent hover:border-seismo-orange transition-colors relative">
|
|
||||||
<div class="absolute top-3 right-3 flex gap-2">
|
|
||||||
<button onclick="event.preventDefault(); event.stopPropagation(); showLiveChart('{{ unit.id }}');"
|
|
||||||
class="text-gray-500 hover:text-seismo-orange dark:text-gray-400 dark:hover:text-seismo-orange"
|
|
||||||
title="View live chart">
|
|
||||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
<button onclick="event.preventDefault(); event.stopPropagation(); openDeviceConfigModal('{{ unit.id }}');"
|
|
||||||
class="text-gray-500 hover:text-seismo-orange dark:text-gray-400 dark:hover:text-seismo-orange"
|
|
||||||
title="Configure {{ unit.id }}">
|
|
||||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path>
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<a href="/slm/{{ unit.id }}" class="block">
|
|
||||||
<div class="flex items-start justify-between gap-4">
|
|
||||||
<div class="min-w-0 flex-1">
|
|
||||||
<div class="flex items-center gap-2">
|
|
||||||
<span class="font-semibold text-gray-900 dark:text-white">{{ unit.id }}</span>
|
|
||||||
{% if unit.slm_model %}
|
|
||||||
<span class="text-xs text-gray-500 dark:text-gray-400">• {{ unit.slm_model }}</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
{% if unit.address %}
|
|
||||||
<p class="text-sm text-gray-600 dark:text-gray-400 truncate mt-1">{{ unit.address }}</p>
|
|
||||||
{% elif unit.location %}
|
|
||||||
<p class="text-sm text-gray-600 dark:text-gray-400 truncate mt-1">{{ unit.location }}</p>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
{% if unit.retired %}
|
|
||||||
<span class="shrink-0 px-2 py-1 text-xs font-medium bg-gray-200 text-gray-700 dark:bg-gray-700 dark:text-gray-300 rounded-full">Retired</span>
|
|
||||||
{% elif not unit.deployed %}
|
|
||||||
<span class="shrink-0 px-2 py-1 text-xs font-medium bg-amber-100 text-amber-800 dark:bg-amber-900/30 dark:text-amber-300 rounded-full">Benched</span>
|
|
||||||
{% elif unit.measurement_state == "Start" %}
|
|
||||||
<span class="shrink-0 px-2 py-1 text-xs font-medium bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-300 rounded-full">Measuring</span>
|
|
||||||
{% elif unit.is_recent %}
|
|
||||||
<span class="shrink-0 px-2 py-1 text-xs font-medium bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-300 rounded-full">Active</span>
|
|
||||||
{% else %}
|
|
||||||
<span class="shrink-0 px-2 py-1 text-xs font-medium bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-300 rounded-full">Idle</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mt-2 text-xs text-gray-500 dark:text-gray-400">
|
|
||||||
{% if unit.slm_last_check %}
|
|
||||||
Last check: {{ unit.slm_last_check.strftime('%Y-%m-%d %H:%M') }}
|
|
||||||
{% else %}
|
|
||||||
No recent check-in
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
{% else %}
|
|
||||||
<div class="text-center py-8 text-gray-500 dark:text-gray-400">
|
|
||||||
<svg class="w-12 h-12 mx-auto mb-3 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"></path>
|
|
||||||
</svg>
|
|
||||||
<p>No sound level meters found</p>
|
|
||||||
<p class="text-sm mt-1">Add units from the Fleet Roster</p>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
File diff suppressed because it is too large
Load Diff
@@ -1,438 +0,0 @@
|
|||||||
<!-- Live View Panel for {{ unit.id }} -->
|
|
||||||
<div class="h-full flex flex-col">
|
|
||||||
<!-- Header -->
|
|
||||||
<div class="flex items-center justify-between mb-6">
|
|
||||||
<div>
|
|
||||||
<h2 class="text-2xl font-bold text-gray-900 dark:text-white">{{ unit.id }}</h2>
|
|
||||||
<p class="text-sm text-gray-600 dark:text-gray-400">
|
|
||||||
{% if unit.slm_model %}{{ unit.slm_model }}{% endif %}
|
|
||||||
{% if unit.slm_serial_number %} • S/N: {{ unit.slm_serial_number }}{% endif %}
|
|
||||||
</p>
|
|
||||||
{% if modem %}
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">
|
|
||||||
via Modem: {{ modem.id }}{% if modem_ip %} ({{ modem_ip }}){% endif %}
|
|
||||||
</p>
|
|
||||||
{% elif modem_ip %}
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">
|
|
||||||
Direct: {{ modem_ip }}
|
|
||||||
</p>
|
|
||||||
{% else %}
|
|
||||||
<p class="text-xs text-red-500 dark:text-red-400 mt-1">
|
|
||||||
⚠️ No modem assigned or IP configured
|
|
||||||
</p>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Measurement Status Badge -->
|
|
||||||
<div>
|
|
||||||
{% if is_measuring %}
|
|
||||||
<span class="px-4 py-2 bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-400 rounded-lg font-medium flex items-center">
|
|
||||||
<span class="w-2 h-2 bg-green-500 rounded-full mr-2 animate-pulse"></span>
|
|
||||||
Measuring
|
|
||||||
</span>
|
|
||||||
{% else %}
|
|
||||||
<span class="px-4 py-2 bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded-lg font-medium">
|
|
||||||
Stopped
|
|
||||||
</span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Control Buttons -->
|
|
||||||
<div class="flex gap-2 mb-6">
|
|
||||||
<button onclick="controlUnit('{{ unit.id }}', 'start')"
|
|
||||||
class="px-4 py-2 bg-green-600 hover:bg-green-700 text-white rounded-lg flex items-center">
|
|
||||||
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path>
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
||||||
</svg>
|
|
||||||
Start
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button onclick="controlUnit('{{ unit.id }}', 'pause')"
|
|
||||||
class="px-4 py-2 bg-yellow-600 hover:bg-yellow-700 text-white rounded-lg flex items-center">
|
|
||||||
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 9v6m4-6v6m7-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
||||||
</svg>
|
|
||||||
Pause
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button onclick="controlUnit('{{ unit.id }}', 'stop')"
|
|
||||||
class="px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg flex items-center">
|
|
||||||
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 10a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z"></path>
|
|
||||||
</svg>
|
|
||||||
Stop
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button onclick="controlUnit('{{ unit.id }}', 'reset')"
|
|
||||||
class="px-4 py-2 bg-gray-600 hover:bg-gray-700 text-white rounded-lg flex items-center">
|
|
||||||
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
|
|
||||||
</svg>
|
|
||||||
Reset
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button id="start-stream-btn" onclick="initLiveDataStream('{{ unit.id }}')"
|
|
||||||
class="px-4 py-2 bg-seismo-orange hover:bg-orange-600 text-white rounded-lg flex items-center ml-auto">
|
|
||||||
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
|
|
||||||
</svg>
|
|
||||||
Start Live Stream
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button id="stop-stream-btn" onclick="stopLiveDataStream()" style="display: none;"
|
|
||||||
class="px-4 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg flex items-center ml-auto">
|
|
||||||
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 10a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z"></path>
|
|
||||||
</svg>
|
|
||||||
Stop Live Stream
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Current Metrics -->
|
|
||||||
<div class="grid grid-cols-5 gap-4 mb-6">
|
|
||||||
<div class="bg-blue-50 dark:bg-blue-900/20 rounded-lg p-4">
|
|
||||||
<p class="text-xs text-gray-600 dark:text-gray-400 mb-1">Lp (Instant)</p>
|
|
||||||
<p id="live-lp" class="text-2xl font-bold text-blue-600 dark:text-blue-400">
|
|
||||||
{% if current_status and current_status.lp %}{{ current_status.lp }}{% else %}--{% endif %}
|
|
||||||
</p>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">dB</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-green-50 dark:bg-green-900/20 rounded-lg p-4">
|
|
||||||
<p class="text-xs text-gray-600 dark:text-gray-400 mb-1">Leq (Average)</p>
|
|
||||||
<p id="live-leq" class="text-2xl font-bold text-green-600 dark:text-green-400">
|
|
||||||
{% if current_status and current_status.leq %}{{ current_status.leq }}{% else %}--{% endif %}
|
|
||||||
</p>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">dB</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-red-50 dark:bg-red-900/20 rounded-lg p-4">
|
|
||||||
<p class="text-xs text-gray-600 dark:text-gray-400 mb-1">Lmax (Max)</p>
|
|
||||||
<p id="live-lmax" class="text-2xl font-bold text-red-600 dark:text-red-400">
|
|
||||||
{% if current_status and current_status.lmax %}{{ current_status.lmax }}{% else %}--{% endif %}
|
|
||||||
</p>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">dB</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-purple-50 dark:bg-purple-900/20 rounded-lg p-4">
|
|
||||||
<p class="text-xs text-gray-600 dark:text-gray-400 mb-1">Lmin (Min)</p>
|
|
||||||
<p id="live-lmin" class="text-2xl font-bold text-purple-600 dark:text-purple-400">
|
|
||||||
{% if current_status and current_status.lmin %}{{ current_status.lmin }}{% else %}--{% endif %}
|
|
||||||
</p>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">dB</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-orange-50 dark:bg-orange-900/20 rounded-lg p-4">
|
|
||||||
<p class="text-xs text-gray-600 dark:text-gray-400 mb-1">Lpeak (Peak)</p>
|
|
||||||
<p id="live-lpeak" class="text-2xl font-bold text-orange-600 dark:text-orange-400">
|
|
||||||
{% if current_status and current_status.lpeak %}{{ current_status.lpeak }}{% else %}--{% endif %}
|
|
||||||
</p>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">dB</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Live Chart -->
|
|
||||||
<div class="flex-1 bg-gray-50 dark:bg-gray-900/50 rounded-lg p-4" style="min-height: 400px;">
|
|
||||||
<canvas id="liveChart"></canvas>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Device Info -->
|
|
||||||
<div class="mt-4 grid grid-cols-2 gap-4 text-sm">
|
|
||||||
<div>
|
|
||||||
<span class="text-gray-600 dark:text-gray-400">Battery:</span>
|
|
||||||
<span class="font-medium text-gray-900 dark:text-white ml-2">
|
|
||||||
{% if current_status and current_status.battery_level %}{{ current_status.battery_level }}%{% else %}--{% endif %}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="text-gray-600 dark:text-gray-400">Power:</span>
|
|
||||||
<span class="font-medium text-gray-900 dark:text-white ml-2">
|
|
||||||
{% if current_status and current_status.power_source %}{{ current_status.power_source }}{% else %}--{% endif %}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="text-gray-600 dark:text-gray-400">Weighting:</span>
|
|
||||||
<span class="font-medium text-gray-900 dark:text-white ml-2">
|
|
||||||
{% if unit.slm_frequency_weighting %}{{ unit.slm_frequency_weighting }}{% else %}--{% endif %} /
|
|
||||||
{% if unit.slm_time_weighting %}{{ unit.slm_time_weighting }}{% else %}--{% endif %}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<span class="text-gray-600 dark:text-gray-400">SD Remaining:</span>
|
|
||||||
<span class="font-medium text-gray-900 dark:text-white ml-2">
|
|
||||||
{% if current_status and current_status.sd_remaining_mb %}{{ current_status.sd_remaining_mb }} MB{% else %}--{% endif %}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
||||||
<script>
|
|
||||||
// Initialize Chart.js for live data visualization
|
|
||||||
function initializeChart() {
|
|
||||||
// Wait for Chart.js to load
|
|
||||||
if (typeof Chart === 'undefined') {
|
|
||||||
console.log('Waiting for Chart.js to load...');
|
|
||||||
setTimeout(initializeChart, 100);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log('Chart.js loaded, version:', Chart.version);
|
|
||||||
|
|
||||||
const canvas = document.getElementById('liveChart');
|
|
||||||
if (!canvas) {
|
|
||||||
console.error('Chart canvas not found');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log('Canvas found:', canvas);
|
|
||||||
|
|
||||||
// Destroy existing chart if it exists
|
|
||||||
if (window.liveChart && typeof window.liveChart.destroy === 'function') {
|
|
||||||
console.log('Destroying existing chart');
|
|
||||||
window.liveChart.destroy();
|
|
||||||
}
|
|
||||||
|
|
||||||
const ctx = canvas.getContext('2d');
|
|
||||||
console.log('Creating new chart...');
|
|
||||||
|
|
||||||
// Dark mode detection
|
|
||||||
const isDarkMode = document.documentElement.classList.contains('dark');
|
|
||||||
const gridColor = isDarkMode ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)';
|
|
||||||
const textColor = isDarkMode ? 'rgba(255, 255, 255, 0.7)' : 'rgba(0, 0, 0, 0.7)';
|
|
||||||
|
|
||||||
window.liveChart = new Chart(ctx, {
|
|
||||||
type: 'line',
|
|
||||||
data: {
|
|
||||||
labels: [],
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
label: 'Lp (Instantaneous)',
|
|
||||||
data: [],
|
|
||||||
borderColor: 'rgb(59, 130, 246)',
|
|
||||||
backgroundColor: 'rgba(59, 130, 246, 0.1)',
|
|
||||||
tension: 0.3,
|
|
||||||
borderWidth: 2,
|
|
||||||
pointRadius: 0
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'Leq (Equivalent)',
|
|
||||||
data: [],
|
|
||||||
borderColor: 'rgb(34, 197, 94)',
|
|
||||||
backgroundColor: 'rgba(34, 197, 94, 0.1)',
|
|
||||||
tension: 0.3,
|
|
||||||
borderWidth: 2,
|
|
||||||
pointRadius: 0
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
responsive: true,
|
|
||||||
maintainAspectRatio: false,
|
|
||||||
animation: false,
|
|
||||||
interaction: {
|
|
||||||
intersect: false,
|
|
||||||
mode: 'index'
|
|
||||||
},
|
|
||||||
scales: {
|
|
||||||
x: {
|
|
||||||
display: true,
|
|
||||||
grid: {
|
|
||||||
color: gridColor
|
|
||||||
},
|
|
||||||
ticks: {
|
|
||||||
color: textColor,
|
|
||||||
maxTicksLimit: 10
|
|
||||||
}
|
|
||||||
},
|
|
||||||
y: {
|
|
||||||
display: true,
|
|
||||||
title: {
|
|
||||||
display: true,
|
|
||||||
text: 'Sound Level (dB)',
|
|
||||||
color: textColor
|
|
||||||
},
|
|
||||||
grid: {
|
|
||||||
color: gridColor
|
|
||||||
},
|
|
||||||
ticks: {
|
|
||||||
color: textColor
|
|
||||||
},
|
|
||||||
min: 30,
|
|
||||||
max: 130
|
|
||||||
}
|
|
||||||
},
|
|
||||||
plugins: {
|
|
||||||
legend: {
|
|
||||||
labels: {
|
|
||||||
color: textColor
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
console.log('Chart created successfully:', window.liveChart);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Initialize chart when DOM is ready
|
|
||||||
console.log('Executing initializeChart...');
|
|
||||||
initializeChart();
|
|
||||||
|
|
||||||
// WebSocket management (use global scope to avoid redeclaration)
|
|
||||||
if (typeof window.currentWebSocket === 'undefined') {
|
|
||||||
window.currentWebSocket = null;
|
|
||||||
}
|
|
||||||
|
|
||||||
function initLiveDataStream(unitId) {
|
|
||||||
// Close existing connection if any
|
|
||||||
if (window.currentWebSocket) {
|
|
||||||
window.currentWebSocket.close();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Reset chart data
|
|
||||||
if (window.chartData) {
|
|
||||||
window.chartData.timestamps = [];
|
|
||||||
window.chartData.lp = [];
|
|
||||||
window.chartData.leq = [];
|
|
||||||
}
|
|
||||||
if (window.liveChart && window.liveChart.data && window.liveChart.data.datasets) {
|
|
||||||
window.liveChart.data.labels = [];
|
|
||||||
window.liveChart.data.datasets[0].data = [];
|
|
||||||
window.liveChart.data.datasets[1].data = [];
|
|
||||||
window.liveChart.update();
|
|
||||||
}
|
|
||||||
|
|
||||||
// WebSocket URL for SLMM backend via proxy
|
|
||||||
const wsProtocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
|
|
||||||
const wsUrl = `${wsProtocol}//${window.location.host}/api/slmm/${unitId}/live`;
|
|
||||||
|
|
||||||
window.currentWebSocket = new WebSocket(wsUrl);
|
|
||||||
|
|
||||||
window.currentWebSocket.onopen = function() {
|
|
||||||
console.log('WebSocket connected');
|
|
||||||
// Toggle button visibility
|
|
||||||
const startBtn = document.getElementById('start-stream-btn');
|
|
||||||
const stopBtn = document.getElementById('stop-stream-btn');
|
|
||||||
if (startBtn) startBtn.style.display = 'none';
|
|
||||||
if (stopBtn) stopBtn.style.display = 'flex';
|
|
||||||
};
|
|
||||||
|
|
||||||
window.currentWebSocket.onmessage = function(event) {
|
|
||||||
try {
|
|
||||||
const data = JSON.parse(event.data);
|
|
||||||
console.log('WebSocket data received:', data);
|
|
||||||
updateLiveMetrics(data);
|
|
||||||
updateLiveChart(data);
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error parsing WebSocket message:', error);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
window.currentWebSocket.onerror = function(error) {
|
|
||||||
console.error('WebSocket error:', error);
|
|
||||||
};
|
|
||||||
|
|
||||||
window.currentWebSocket.onclose = function() {
|
|
||||||
console.log('WebSocket closed');
|
|
||||||
// Toggle button visibility
|
|
||||||
const startBtn = document.getElementById('start-stream-btn');
|
|
||||||
const stopBtn = document.getElementById('stop-stream-btn');
|
|
||||||
if (startBtn) startBtn.style.display = 'flex';
|
|
||||||
if (stopBtn) stopBtn.style.display = 'none';
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function stopLiveDataStream() {
|
|
||||||
if (window.currentWebSocket) {
|
|
||||||
window.currentWebSocket.close();
|
|
||||||
window.currentWebSocket = null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update metrics display
|
|
||||||
function updateLiveMetrics(data) {
|
|
||||||
if (document.getElementById('live-lp')) {
|
|
||||||
document.getElementById('live-lp').textContent = data.lp || '--';
|
|
||||||
}
|
|
||||||
if (document.getElementById('live-leq')) {
|
|
||||||
document.getElementById('live-leq').textContent = data.leq || '--';
|
|
||||||
}
|
|
||||||
if (document.getElementById('live-lmax')) {
|
|
||||||
document.getElementById('live-lmax').textContent = data.lmax || '--';
|
|
||||||
}
|
|
||||||
if (document.getElementById('live-lmin')) {
|
|
||||||
document.getElementById('live-lmin').textContent = data.lmin || '--';
|
|
||||||
}
|
|
||||||
if (document.getElementById('live-lpeak')) {
|
|
||||||
document.getElementById('live-lpeak').textContent = data.lpeak || '--';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Chart data storage (use global scope to avoid redeclaration)
|
|
||||||
if (typeof window.chartData === 'undefined') {
|
|
||||||
window.chartData = {
|
|
||||||
timestamps: [],
|
|
||||||
lp: [],
|
|
||||||
leq: []
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update live chart
|
|
||||||
function updateLiveChart(data) {
|
|
||||||
const now = new Date();
|
|
||||||
window.chartData.timestamps.push(now.toLocaleTimeString());
|
|
||||||
window.chartData.lp.push(parseFloat(data.lp || 0));
|
|
||||||
window.chartData.leq.push(parseFloat(data.leq || 0));
|
|
||||||
|
|
||||||
// Keep only last 60 data points
|
|
||||||
if (window.chartData.timestamps.length > 60) {
|
|
||||||
window.chartData.timestamps.shift();
|
|
||||||
window.chartData.lp.shift();
|
|
||||||
window.chartData.leq.shift();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update chart if available
|
|
||||||
if (window.liveChart) {
|
|
||||||
window.liveChart.data.labels = window.chartData.timestamps;
|
|
||||||
window.liveChart.data.datasets[0].data = window.chartData.lp;
|
|
||||||
window.liveChart.data.datasets[1].data = window.chartData.leq;
|
|
||||||
window.liveChart.update('none');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Control function
|
|
||||||
async function controlUnit(unitId, action) {
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/slm-dashboard/control/${unitId}/${action}`, {
|
|
||||||
method: 'POST'
|
|
||||||
});
|
|
||||||
const result = await response.json();
|
|
||||||
|
|
||||||
if (result.status === 'ok') {
|
|
||||||
// Reload the live view to update status
|
|
||||||
setTimeout(() => {
|
|
||||||
htmx.ajax('GET', `/api/slm-dashboard/live-view/${unitId}`, {
|
|
||||||
target: '#live-view-panel',
|
|
||||||
swap: 'innerHTML'
|
|
||||||
});
|
|
||||||
}, 500);
|
|
||||||
} else {
|
|
||||||
alert(`Error: ${result.detail || 'Unknown error'}`);
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
alert(`Failed to control unit: ${error.message}`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Cleanup on page unload
|
|
||||||
window.addEventListener('beforeunload', function() {
|
|
||||||
if (window.currentWebSocket) {
|
|
||||||
window.currentWebSocket.close();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
@@ -1,8 +0,0 @@
|
|||||||
<!-- Error State for Live View -->
|
|
||||||
<div class="flex flex-col items-center justify-center h-[600px] text-red-500 dark:text-red-400">
|
|
||||||
<svg class="w-24 h-24 mb-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
||||||
</svg>
|
|
||||||
<p class="text-lg font-medium">Error Loading Unit</p>
|
|
||||||
<p class="text-sm mt-2 text-gray-600 dark:text-gray-400">{{ error }}</p>
|
|
||||||
</div>
|
|
||||||
@@ -1,61 +0,0 @@
|
|||||||
<!-- Summary stat cards -->
|
|
||||||
<!-- Total Units Card -->
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-sm text-gray-600 dark:text-gray-400 font-medium">Total Units</p>
|
|
||||||
<p class="text-3xl font-bold text-gray-900 dark:text-white mt-1">{{ total_count }}</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-blue-100 dark:bg-blue-900/30 p-3 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-blue-600 dark:text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Deployed Units Card -->
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-sm text-gray-600 dark:text-gray-400 font-medium">Deployed</p>
|
|
||||||
<p class="text-3xl font-bold text-green-600 dark:text-green-400 mt-1">{{ deployed_count }}</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-green-100 dark:bg-green-900/30 p-3 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-green-600 dark:text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Active Now Card -->
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-sm text-gray-600 dark:text-gray-400 font-medium">Active Now</p>
|
|
||||||
<p class="text-3xl font-bold text-seismo-orange mt-1">{{ active_count }}</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-orange-100 dark:bg-orange-900/30 p-3 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-seismo-orange" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-2">Checked in last hour</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Benched Units Card -->
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-sm text-gray-600 dark:text-gray-400 font-medium">Benched</p>
|
|
||||||
<p class="text-3xl font-bold text-gray-500 dark:text-gray-400 mt-1">{{ benched_count }}</p>
|
|
||||||
</div>
|
|
||||||
<div class="bg-gray-200 dark:bg-gray-700 p-3 rounded-lg">
|
|
||||||
<svg class="w-8 h-8 text-gray-600 dark:text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
@@ -1,73 +0,0 @@
|
|||||||
<!-- SLM Unit List -->
|
|
||||||
{% if units %}
|
|
||||||
{% for unit in units %}
|
|
||||||
<div class="slm-unit-item bg-gray-100 dark:bg-gray-700 rounded-lg p-4 transition-colors relative group">
|
|
||||||
<!-- Configure button (appears on hover) -->
|
|
||||||
<button onclick="event.stopPropagation(); openConfigModal('{{ unit.id }}');"
|
|
||||||
class="absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-300 rounded-full p-1.5 hover:bg-gray-200 dark:hover:bg-gray-600 z-10"
|
|
||||||
title="Configure {{ unit.id }}">
|
|
||||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path>
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<div class="cursor-pointer" onclick="selectUnit('{{ unit.id }}')">
|
|
||||||
<div class="flex items-center justify-between mb-2">
|
|
||||||
<span class="font-semibold">{{ unit.id }}</span>
|
|
||||||
<!-- Status indicator: green=active, yellow=recent, red=old, gray=never -->
|
|
||||||
{% if unit.slm_last_check %}
|
|
||||||
<span class="w-2 h-2 bg-green-500 rounded-full" title="Active"></span>
|
|
||||||
{% else %}
|
|
||||||
<span class="w-2 h-2 bg-gray-400 rounded-full" title="No check-in"></span>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="text-sm space-y-1">
|
|
||||||
{% if unit.slm_model %}
|
|
||||||
<div class="flex items-center">
|
|
||||||
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 3v2m6-2v2M9 19v2m6-2v2M5 9H3m2 6H3m18-6h-2m2 6h-2M7 19h10a2 2 0 002-2V7a2 2 0 00-2-2H7a2 2 0 00-2 2v10a2 2 0 002 2zM9 9h6v6H9V9z"></path>
|
|
||||||
</svg>
|
|
||||||
{{ unit.slm_model }}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if unit.address %}
|
|
||||||
<div class="flex items-center">
|
|
||||||
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"></path>
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
|
||||||
</svg>
|
|
||||||
<span class="truncate">{{ unit.address }}</span>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
{% if unit.deployed_with_modem_id %}
|
|
||||||
<div class="flex items-center font-mono text-xs">
|
|
||||||
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.111 16.404a5.5 5.5 0 017.778 0M12 20h.01m-7.08-7.071c3.904-3.905 10.236-3.905 14.141 0M1.394 9.393c5.857-5.857 15.355-5.857 21.213 0"></path>
|
|
||||||
</svg>
|
|
||||||
{{ unit.deployed_with_modem_id }}
|
|
||||||
</div>
|
|
||||||
{% elif unit.slm_host %}
|
|
||||||
<div class="flex items-center font-mono text-xs">
|
|
||||||
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9"></path>
|
|
||||||
</svg>
|
|
||||||
{{ unit.slm_host }}{% if unit.slm_tcp_port %}:{{ unit.slm_tcp_port }}{% endif %}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endfor %}
|
|
||||||
{% else %}
|
|
||||||
<div class="text-center py-8 text-gray-500 dark:text-gray-400">
|
|
||||||
<svg class="w-12 h-12 mx-auto mb-3 opacity-50" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"></path>
|
|
||||||
</svg>
|
|
||||||
<p>No sound level meters found</p>
|
|
||||||
<p class="text-sm mt-1">Add units from the Fleet Roster</p>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
@@ -1,857 +0,0 @@
|
|||||||
{% extends "base.html" %}
|
|
||||||
|
|
||||||
{% block title %}Project Dashboard - Terra-View{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
|
||||||
<!-- Breadcrumb Navigation -->
|
|
||||||
<div class="mb-6">
|
|
||||||
<nav class="flex items-center space-x-2 text-sm">
|
|
||||||
<a href="/projects" class="text-seismo-orange hover:text-seismo-navy flex items-center">
|
|
||||||
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
|
|
||||||
</svg>
|
|
||||||
Projects
|
|
||||||
</a>
|
|
||||||
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
|
||||||
</svg>
|
|
||||||
<span class="text-gray-900 dark:text-white font-medium" id="project-name-breadcrumb">Project</span>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Header (loads dynamically) -->
|
|
||||||
<div id="project-header" hx-get="/api/projects/{{ project_id }}/header" hx-trigger="load" hx-swap="innerHTML">
|
|
||||||
<div class="mb-8 animate-pulse">
|
|
||||||
<div class="h-10 bg-gray-200 dark:bg-gray-700 rounded w-1/3 mb-2"></div>
|
|
||||||
<div class="h-4 bg-gray-200 dark:bg-gray-700 rounded w-1/4"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Tab Navigation -->
|
|
||||||
<div class="mb-6 border-b border-gray-200 dark:border-gray-700">
|
|
||||||
<nav class="flex space-x-6 overflow-x-auto">
|
|
||||||
<button onclick="switchTab('overview')"
|
|
||||||
data-tab="overview"
|
|
||||||
class="tab-button px-4 py-3 border-b-2 font-medium text-sm transition-colors border-seismo-orange text-seismo-orange whitespace-nowrap">
|
|
||||||
Overview
|
|
||||||
</button>
|
|
||||||
<button onclick="switchTab('locations')"
|
|
||||||
data-tab="locations"
|
|
||||||
class="tab-button px-4 py-3 border-b-2 border-transparent font-medium text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:border-gray-300 dark:hover:border-gray-600 transition-colors whitespace-nowrap">
|
|
||||||
<span id="locations-tab-label">Locations</span>
|
|
||||||
</button>
|
|
||||||
<button onclick="switchTab('units')"
|
|
||||||
data-tab="units"
|
|
||||||
class="tab-button px-4 py-3 border-b-2 border-transparent font-medium text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:border-gray-300 dark:hover:border-gray-600 transition-colors whitespace-nowrap">
|
|
||||||
Assigned Units
|
|
||||||
</button>
|
|
||||||
<button onclick="switchTab('schedules')"
|
|
||||||
data-tab="schedules"
|
|
||||||
class="tab-button px-4 py-3 border-b-2 border-transparent font-medium text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:border-gray-300 dark:hover:border-gray-600 transition-colors whitespace-nowrap">
|
|
||||||
Schedules
|
|
||||||
</button>
|
|
||||||
<button onclick="switchTab('sessions')"
|
|
||||||
data-tab="sessions"
|
|
||||||
class="tab-button px-4 py-3 border-b-2 border-transparent font-medium text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:border-gray-300 dark:hover:border-gray-600 transition-colors whitespace-nowrap">
|
|
||||||
Recording Sessions
|
|
||||||
</button>
|
|
||||||
<button onclick="switchTab('data')"
|
|
||||||
data-tab="data"
|
|
||||||
class="tab-button px-4 py-3 border-b-2 border-transparent font-medium text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:border-gray-300 dark:hover:border-gray-600 transition-colors whitespace-nowrap">
|
|
||||||
Data Files
|
|
||||||
</button>
|
|
||||||
<button onclick="switchTab('settings')"
|
|
||||||
data-tab="settings"
|
|
||||||
class="tab-button px-4 py-3 border-b-2 border-transparent font-medium text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white hover:border-gray-300 dark:hover:border-gray-600 transition-colors whitespace-nowrap">
|
|
||||||
Settings
|
|
||||||
</button>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Tab Content -->
|
|
||||||
<div id="tab-content">
|
|
||||||
<!-- Overview Tab -->
|
|
||||||
<div id="overview-tab" class="tab-panel">
|
|
||||||
<div id="project-dashboard"
|
|
||||||
hx-get="/api/projects/{{ project_id }}/dashboard"
|
|
||||||
hx-trigger="load, every 30s"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<div class="animate-pulse space-y-4">
|
|
||||||
<div class="h-24 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
|
|
||||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
|
||||||
<div class="h-64 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
|
|
||||||
<div class="h-64 bg-gray-200 dark:bg-gray-700 rounded-xl"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Locations Tab -->
|
|
||||||
<div id="locations-tab" class="tab-panel hidden">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between mb-6">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white">
|
|
||||||
<span id="locations-header">Locations</span>
|
|
||||||
</h2>
|
|
||||||
<button onclick="openLocationModal()" id="add-location-btn"
|
|
||||||
class="px-4 py-2 bg-seismo-orange text-white rounded-lg hover:bg-seismo-navy transition-colors">
|
|
||||||
<svg class="w-5 h-5 inline mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
|
|
||||||
</svg>
|
|
||||||
<span id="add-location-label">Add Location</span>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="project-locations"
|
|
||||||
hx-get="/api/projects/{{ project_id }}/locations"
|
|
||||||
hx-trigger="load"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<div class="text-center py-8 text-gray-500">Loading locations...</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Units Tab -->
|
|
||||||
<div id="units-tab" class="tab-panel hidden">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between mb-6">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white">Assigned Units</h2>
|
|
||||||
<div class="text-sm text-gray-500">
|
|
||||||
Units currently assigned to this project's locations
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="project-units"
|
|
||||||
hx-get="/api/projects/{{ project_id }}/units"
|
|
||||||
hx-trigger="load, every 30s"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<div class="text-center py-8 text-gray-500">Loading units...</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Schedules Tab -->
|
|
||||||
<div id="schedules-tab" class="tab-panel hidden">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between mb-6">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white">Scheduled Actions</h2>
|
|
||||||
<button onclick="openScheduleModal()"
|
|
||||||
class="px-4 py-2 bg-seismo-orange text-white rounded-lg hover:bg-seismo-navy transition-colors">
|
|
||||||
<svg class="w-5 h-5 inline mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
|
|
||||||
</svg>
|
|
||||||
Schedule Action
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="project-schedules"
|
|
||||||
hx-get="/api/projects/{{ project_id }}/schedules"
|
|
||||||
hx-trigger="load, every 30s"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<div class="text-center py-8 text-gray-500">Loading schedules...</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Recording Sessions Tab -->
|
|
||||||
<div id="sessions-tab" class="tab-panel hidden">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between mb-6">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white">Recording Sessions</h2>
|
|
||||||
<div class="flex items-center gap-4">
|
|
||||||
<select id="sessions-filter" onchange="filterSessions()"
|
|
||||||
class="px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white text-sm">
|
|
||||||
<option value="all">All Sessions</option>
|
|
||||||
<option value="recording">Recording</option>
|
|
||||||
<option value="completed">Completed</option>
|
|
||||||
<option value="failed">Failed</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="project-sessions"
|
|
||||||
hx-get="/api/projects/{{ project_id }}/sessions"
|
|
||||||
hx-trigger="load, every 30s"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<div class="text-center py-8 text-gray-500">Loading sessions...</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Data Files Tab -->
|
|
||||||
<div id="data-tab" class="tab-panel hidden">
|
|
||||||
<!-- FTP File Browser -->
|
|
||||||
<div id="ftp-browser"
|
|
||||||
hx-get="/api/projects/{{ project_id }}/ftp-browser"
|
|
||||||
hx-trigger="load"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6 mb-6">
|
|
||||||
<div class="text-center py-8 text-gray-500">Loading FTP browser...</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Downloaded Files List -->
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between mb-6">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white">Downloaded Files</h2>
|
|
||||||
<div class="flex items-center gap-4">
|
|
||||||
<select id="files-filter" onchange="filterFiles()"
|
|
||||||
class="px-3 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white text-sm">
|
|
||||||
<option value="all">All Files</option>
|
|
||||||
<option value="audio">Audio</option>
|
|
||||||
<option value="data">Data</option>
|
|
||||||
<option value="log">Logs</option>
|
|
||||||
</select>
|
|
||||||
<button onclick="exportProjectData()"
|
|
||||||
class="px-4 py-2 bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors">
|
|
||||||
<svg class="w-5 h-5 inline mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>
|
|
||||||
</svg>
|
|
||||||
Export All
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="project-files"
|
|
||||||
hx-get="/api/projects/{{ project_id }}/files"
|
|
||||||
hx-trigger="load"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<div class="text-center py-8 text-gray-500">Loading data files...</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Settings Tab -->
|
|
||||||
<div id="settings-tab" class="tab-panel hidden">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white mb-6">Project Settings</h2>
|
|
||||||
|
|
||||||
<form id="project-settings-form" class="space-y-6">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Project Name</label>
|
|
||||||
<input type="text" name="name" id="settings-name"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" required>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Description</label>
|
|
||||||
<textarea name="description" id="settings-description" rows="3"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white"></textarea>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Client Name</label>
|
|
||||||
<input type="text" name="client_name" id="settings-client-name"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Status</label>
|
|
||||||
<select name="status" id="settings-status"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
<option value="active">Active</option>
|
|
||||||
<option value="completed">Completed</option>
|
|
||||||
<option value="archived">Archived</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Site Address</label>
|
|
||||||
<input type="text" name="site_address" id="settings-site-address"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Site Coordinates</label>
|
|
||||||
<input type="text" name="site_coordinates" id="settings-site-coordinates" placeholder="40.7128,-74.0060"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
<p class="text-xs text-gray-500 mt-1">Format: latitude,longitude</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Start Date</label>
|
|
||||||
<input type="date" name="start_date" id="settings-start-date"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">End Date</label>
|
|
||||||
<input type="date" name="end_date" id="settings-end-date"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="settings-error" class="hidden text-sm text-red-600"></div>
|
|
||||||
|
|
||||||
<div class="flex justify-end gap-3 pt-2">
|
|
||||||
<button type="button" onclick="loadProjectDetails()"
|
|
||||||
class="px-6 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700">
|
|
||||||
Reset
|
|
||||||
</button>
|
|
||||||
<button type="submit"
|
|
||||||
class="px-6 py-2 bg-seismo-orange hover:bg-seismo-navy text-white rounded-lg font-medium">
|
|
||||||
Save Changes
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
<!-- Danger Zone -->
|
|
||||||
<div class="mt-8 pt-8 border-t border-gray-200 dark:border-gray-700">
|
|
||||||
<h3 class="text-lg font-semibold text-red-600 dark:text-red-400 mb-4">Danger Zone</h3>
|
|
||||||
<div class="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4">
|
|
||||||
<p class="text-sm text-gray-700 dark:text-gray-300 mb-3">
|
|
||||||
Archive this project to remove it from active listings. All data will be preserved.
|
|
||||||
</p>
|
|
||||||
<button onclick="archiveProject()"
|
|
||||||
class="px-4 py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors">
|
|
||||||
Archive Project
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Location Modal -->
|
|
||||||
<div id="location-modal" class="hidden fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-2xl w-full max-w-3xl max-h-[90vh] overflow-y-auto m-4">
|
|
||||||
<div class="p-6 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<h2 id="location-modal-title" class="text-2xl font-bold text-gray-900 dark:text-white">Add Location</h2>
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 mt-1">Create or update a monitoring location</p>
|
|
||||||
</div>
|
|
||||||
<button onclick="closeLocationModal()" class="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">
|
|
||||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<form id="location-form" class="p-6 space-y-4">
|
|
||||||
<input type="hidden" id="location-id">
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Name</label>
|
|
||||||
<input type="text" name="name" id="location-name"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" required>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Description</label>
|
|
||||||
<textarea name="description" id="location-description" rows="3"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white"></textarea>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Type</label>
|
|
||||||
<select name="location_type" id="location-type"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
<option value="sound">Sound</option>
|
|
||||||
<option value="vibration">Vibration</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Coordinates</label>
|
|
||||||
<input type="text" name="coordinates" id="location-coordinates" placeholder="40.7128,-74.0060"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Address</label>
|
|
||||||
<input type="text" name="address" id="location-address"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="location-error" class="hidden text-sm text-red-600"></div>
|
|
||||||
|
|
||||||
<div class="flex justify-end gap-3 pt-2">
|
|
||||||
<button type="button" onclick="closeLocationModal()"
|
|
||||||
class="px-6 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700">
|
|
||||||
Cancel
|
|
||||||
</button>
|
|
||||||
<button type="submit"
|
|
||||||
class="px-6 py-2 bg-seismo-orange hover:bg-seismo-navy text-white rounded-lg font-medium">
|
|
||||||
Save Location
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Assign Unit Modal -->
|
|
||||||
<div id="assign-modal" class="hidden fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-2xl w-full max-w-2xl max-h-[90vh] overflow-y-auto m-4">
|
|
||||||
<div class="p-6 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<h2 class="text-2xl font-bold text-gray-900 dark:text-white">Assign Unit</h2>
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 mt-1">Attach a device to this location</p>
|
|
||||||
</div>
|
|
||||||
<button onclick="closeAssignModal()" class="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">
|
|
||||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<form id="assign-form" class="p-6 space-y-4">
|
|
||||||
<input type="hidden" id="assign-location-id">
|
|
||||||
<input type="hidden" id="assign-location-type">
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Available Units</label>
|
|
||||||
<select id="assign-unit-id" name="unit_id"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" required>
|
|
||||||
<option value="">Select a unit</option>
|
|
||||||
</select>
|
|
||||||
<p id="assign-empty" class="hidden text-xs text-gray-500 mt-2">No available units match this location type.</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Notes</label>
|
|
||||||
<textarea id="assign-notes" name="notes" rows="2"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white"></textarea>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="assign-error" class="hidden text-sm text-red-600"></div>
|
|
||||||
|
|
||||||
<div class="flex justify-end gap-3 pt-2">
|
|
||||||
<button type="button" onclick="closeAssignModal()"
|
|
||||||
class="px-6 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700">
|
|
||||||
Cancel
|
|
||||||
</button>
|
|
||||||
<button type="submit"
|
|
||||||
class="px-6 py-2 bg-seismo-orange hover:bg-seismo-navy text-white rounded-lg font-medium">
|
|
||||||
Assign Unit
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
const projectId = "{{ project_id }}";
|
|
||||||
let editingLocationId = null;
|
|
||||||
let projectTypeId = null;
|
|
||||||
|
|
||||||
// Tab switching
|
|
||||||
function switchTab(tabName) {
|
|
||||||
// Hide all tab panels
|
|
||||||
document.querySelectorAll('.tab-panel').forEach(panel => {
|
|
||||||
panel.classList.add('hidden');
|
|
||||||
});
|
|
||||||
|
|
||||||
// Reset all tab buttons
|
|
||||||
document.querySelectorAll('.tab-button').forEach(button => {
|
|
||||||
button.classList.remove('border-seismo-orange', 'text-seismo-orange');
|
|
||||||
button.classList.add('border-transparent', 'text-gray-600', 'dark:text-gray-400');
|
|
||||||
});
|
|
||||||
|
|
||||||
// Show selected tab panel
|
|
||||||
const panel = document.getElementById(`${tabName}-tab`);
|
|
||||||
if (panel) {
|
|
||||||
panel.classList.remove('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Highlight selected tab button
|
|
||||||
const button = document.querySelector(`[data-tab="${tabName}"]`);
|
|
||||||
if (button) {
|
|
||||||
button.classList.remove('border-transparent', 'text-gray-600', 'dark:text-gray-400');
|
|
||||||
button.classList.add('border-seismo-orange', 'text-seismo-orange');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Load project details
|
|
||||||
async function loadProjectDetails() {
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/projects/${projectId}`);
|
|
||||||
if (!response.ok) {
|
|
||||||
throw new Error('Failed to load project details');
|
|
||||||
}
|
|
||||||
const data = await response.json();
|
|
||||||
projectTypeId = data.project_type_id || null;
|
|
||||||
|
|
||||||
// Update breadcrumb
|
|
||||||
document.getElementById('project-name-breadcrumb').textContent = data.name || 'Project';
|
|
||||||
|
|
||||||
// Update settings form
|
|
||||||
document.getElementById('settings-name').value = data.name || '';
|
|
||||||
document.getElementById('settings-description').value = data.description || '';
|
|
||||||
document.getElementById('settings-client-name').value = data.client_name || '';
|
|
||||||
document.getElementById('settings-status').value = data.status || 'active';
|
|
||||||
document.getElementById('settings-site-address').value = data.site_address || '';
|
|
||||||
document.getElementById('settings-site-coordinates').value = data.site_coordinates || '';
|
|
||||||
document.getElementById('settings-start-date').value = formatDate(data.start_date);
|
|
||||||
document.getElementById('settings-end-date').value = formatDate(data.end_date);
|
|
||||||
|
|
||||||
// Update tab labels based on project type
|
|
||||||
if (projectTypeId === 'sound_monitoring') {
|
|
||||||
document.getElementById('locations-tab-label').textContent = 'NRLs';
|
|
||||||
document.getElementById('locations-header').textContent = 'Noise Recording Locations';
|
|
||||||
document.getElementById('add-location-label').textContent = 'Add NRL';
|
|
||||||
}
|
|
||||||
|
|
||||||
document.getElementById('settings-error').classList.add('hidden');
|
|
||||||
} catch (err) {
|
|
||||||
console.error('Failed to load project details:', err);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function formatDate(value) {
|
|
||||||
if (!value) return '';
|
|
||||||
const date = new Date(value);
|
|
||||||
if (Number.isNaN(date.getTime())) return '';
|
|
||||||
return date.toISOString().slice(0, 10);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Project settings form submission
|
|
||||||
document.getElementById('project-settings-form').addEventListener('submit', async function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
const payload = {
|
|
||||||
name: document.getElementById('settings-name').value.trim(),
|
|
||||||
description: document.getElementById('settings-description').value.trim() || null,
|
|
||||||
client_name: document.getElementById('settings-client-name').value.trim() || null,
|
|
||||||
status: document.getElementById('settings-status').value,
|
|
||||||
site_address: document.getElementById('settings-site-address').value.trim() || null,
|
|
||||||
site_coordinates: document.getElementById('settings-site-coordinates').value.trim() || null,
|
|
||||||
start_date: document.getElementById('settings-start-date').value || null,
|
|
||||||
end_date: document.getElementById('settings-end-date').value || null
|
|
||||||
};
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/projects/${projectId}`, {
|
|
||||||
method: 'PUT',
|
|
||||||
headers: {'Content-Type': 'application/json'},
|
|
||||||
body: JSON.stringify(payload)
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!response.ok) {
|
|
||||||
throw new Error('Failed to update project');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Reload page to show updated data
|
|
||||||
window.location.reload();
|
|
||||||
} catch (err) {
|
|
||||||
const errorEl = document.getElementById('settings-error');
|
|
||||||
errorEl.textContent = err.message || 'Failed to update project.';
|
|
||||||
errorEl.classList.remove('hidden');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
function refreshProjectDashboard() {
|
|
||||||
htmx.ajax('GET', `/api/projects/${projectId}/dashboard`, {
|
|
||||||
target: '#project-dashboard',
|
|
||||||
swap: 'innerHTML'
|
|
||||||
});
|
|
||||||
htmx.ajax('GET', `/api/projects/${projectId}/header`, {
|
|
||||||
target: '#project-header',
|
|
||||||
swap: 'innerHTML'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Location modal functions
|
|
||||||
function openLocationModal(defaultType) {
|
|
||||||
editingLocationId = null;
|
|
||||||
document.getElementById('location-modal-title').textContent = 'Add Location';
|
|
||||||
document.getElementById('location-id').value = '';
|
|
||||||
document.getElementById('location-name').value = '';
|
|
||||||
document.getElementById('location-description').value = '';
|
|
||||||
document.getElementById('location-address').value = '';
|
|
||||||
document.getElementById('location-coordinates').value = '';
|
|
||||||
const locationTypeSelect = document.getElementById('location-type');
|
|
||||||
const locationTypeWrapper = locationTypeSelect.closest('div');
|
|
||||||
if (projectTypeId === 'sound_monitoring') {
|
|
||||||
locationTypeSelect.value = 'sound';
|
|
||||||
locationTypeSelect.disabled = true;
|
|
||||||
if (locationTypeWrapper) locationTypeWrapper.classList.add('hidden');
|
|
||||||
} else {
|
|
||||||
locationTypeSelect.disabled = false;
|
|
||||||
if (locationTypeWrapper) locationTypeWrapper.classList.remove('hidden');
|
|
||||||
locationTypeSelect.value = defaultType || 'sound';
|
|
||||||
}
|
|
||||||
document.getElementById('location-error').classList.add('hidden');
|
|
||||||
document.getElementById('location-modal').classList.remove('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
function openEditLocationModal(button) {
|
|
||||||
const data = JSON.parse(button.dataset.location);
|
|
||||||
editingLocationId = data.id;
|
|
||||||
document.getElementById('location-modal-title').textContent = 'Edit Location';
|
|
||||||
document.getElementById('location-id').value = data.id;
|
|
||||||
document.getElementById('location-name').value = data.name || '';
|
|
||||||
document.getElementById('location-description').value = data.description || '';
|
|
||||||
document.getElementById('location-address').value = data.address || '';
|
|
||||||
document.getElementById('location-coordinates').value = data.coordinates || '';
|
|
||||||
const locationTypeSelect = document.getElementById('location-type');
|
|
||||||
const locationTypeWrapper = locationTypeSelect.closest('div');
|
|
||||||
if (projectTypeId === 'sound_monitoring') {
|
|
||||||
locationTypeSelect.value = 'sound';
|
|
||||||
locationTypeSelect.disabled = true;
|
|
||||||
if (locationTypeWrapper) locationTypeWrapper.classList.add('hidden');
|
|
||||||
} else {
|
|
||||||
locationTypeSelect.disabled = false;
|
|
||||||
if (locationTypeWrapper) locationTypeWrapper.classList.remove('hidden');
|
|
||||||
locationTypeSelect.value = data.location_type || 'sound';
|
|
||||||
}
|
|
||||||
document.getElementById('location-error').classList.add('hidden');
|
|
||||||
document.getElementById('location-modal').classList.remove('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
function closeLocationModal() {
|
|
||||||
document.getElementById('location-modal').classList.add('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
document.getElementById('location-form').addEventListener('submit', async function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
const name = document.getElementById('location-name').value.trim();
|
|
||||||
const description = document.getElementById('location-description').value.trim();
|
|
||||||
const address = document.getElementById('location-address').value.trim();
|
|
||||||
const coordinates = document.getElementById('location-coordinates').value.trim();
|
|
||||||
let locationType = document.getElementById('location-type').value;
|
|
||||||
if (projectTypeId === 'sound_monitoring') {
|
|
||||||
locationType = 'sound';
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
if (editingLocationId) {
|
|
||||||
const payload = {
|
|
||||||
name,
|
|
||||||
description: description || null,
|
|
||||||
address: address || null,
|
|
||||||
coordinates: coordinates || null,
|
|
||||||
location_type: locationType
|
|
||||||
};
|
|
||||||
const response = await fetch(`/api/projects/${projectId}/locations/${editingLocationId}`, {
|
|
||||||
method: 'PUT',
|
|
||||||
headers: {'Content-Type': 'application/json'},
|
|
||||||
body: JSON.stringify(payload)
|
|
||||||
});
|
|
||||||
if (!response.ok) {
|
|
||||||
const data = await response.json().catch(() => ({}));
|
|
||||||
throw new Error(data.detail || 'Failed to update location');
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
const formData = new FormData();
|
|
||||||
formData.append('name', name);
|
|
||||||
formData.append('description', description);
|
|
||||||
formData.append('address', address);
|
|
||||||
formData.append('coordinates', coordinates);
|
|
||||||
formData.append('location_type', locationType);
|
|
||||||
const response = await fetch(`/api/projects/${projectId}/locations/create`, {
|
|
||||||
method: 'POST',
|
|
||||||
body: formData
|
|
||||||
});
|
|
||||||
if (!response.ok) {
|
|
||||||
const data = await response.json().catch(() => ({}));
|
|
||||||
throw new Error(data.detail || 'Failed to create location');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
closeLocationModal();
|
|
||||||
refreshProjectDashboard();
|
|
||||||
// Refresh locations tab if visible
|
|
||||||
htmx.ajax('GET', `/api/projects/${projectId}/locations`, {
|
|
||||||
target: '#project-locations',
|
|
||||||
swap: 'innerHTML'
|
|
||||||
});
|
|
||||||
} catch (err) {
|
|
||||||
const errorEl = document.getElementById('location-error');
|
|
||||||
errorEl.textContent = err.message || 'Failed to save location.';
|
|
||||||
errorEl.classList.remove('hidden');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
async function deleteLocation(locationId) {
|
|
||||||
if (!confirm('Delete this location?')) return;
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/projects/${projectId}/locations/${locationId}`, {
|
|
||||||
method: 'DELETE'
|
|
||||||
});
|
|
||||||
if (!response.ok) {
|
|
||||||
const data = await response.json().catch(() => ({}));
|
|
||||||
throw new Error(data.detail || 'Failed to delete location');
|
|
||||||
}
|
|
||||||
refreshProjectDashboard();
|
|
||||||
htmx.ajax('GET', `/api/projects/${projectId}/locations`, {
|
|
||||||
target: '#project-locations',
|
|
||||||
swap: 'innerHTML'
|
|
||||||
});
|
|
||||||
} catch (err) {
|
|
||||||
alert(err.message || 'Failed to delete location.');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Assign modal functions
|
|
||||||
function openAssignModal(locationId, locationType) {
|
|
||||||
const safeType = locationType || 'sound';
|
|
||||||
document.getElementById('assign-location-id').value = locationId;
|
|
||||||
document.getElementById('assign-location-type').value = safeType;
|
|
||||||
document.getElementById('assign-unit-id').innerHTML = '<option value="">Loading units...</option>';
|
|
||||||
document.getElementById('assign-empty').classList.add('hidden');
|
|
||||||
document.getElementById('assign-error').classList.add('hidden');
|
|
||||||
document.getElementById('assign-modal').classList.remove('hidden');
|
|
||||||
loadAvailableUnits(safeType);
|
|
||||||
}
|
|
||||||
|
|
||||||
function closeAssignModal() {
|
|
||||||
document.getElementById('assign-modal').classList.add('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
async function loadAvailableUnits(locationType) {
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/projects/${projectId}/available-units?location_type=${locationType}`);
|
|
||||||
if (!response.ok) {
|
|
||||||
throw new Error('Failed to load available units');
|
|
||||||
}
|
|
||||||
const data = await response.json();
|
|
||||||
const select = document.getElementById('assign-unit-id');
|
|
||||||
select.innerHTML = '<option value="">Select a unit</option>';
|
|
||||||
if (!data.length) {
|
|
||||||
document.getElementById('assign-empty').classList.remove('hidden');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
data.forEach(unit => {
|
|
||||||
const option = document.createElement('option');
|
|
||||||
option.value = unit.id;
|
|
||||||
option.textContent = `${unit.id} • ${unit.model || unit.device_type}`;
|
|
||||||
select.appendChild(option);
|
|
||||||
});
|
|
||||||
} catch (err) {
|
|
||||||
const errorEl = document.getElementById('assign-error');
|
|
||||||
errorEl.textContent = err.message || 'Failed to load units.';
|
|
||||||
errorEl.classList.remove('hidden');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
document.getElementById('assign-form').addEventListener('submit', async function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
|
|
||||||
const locationId = document.getElementById('assign-location-id').value;
|
|
||||||
const unitId = document.getElementById('assign-unit-id').value;
|
|
||||||
const notes = document.getElementById('assign-notes').value.trim();
|
|
||||||
|
|
||||||
if (!unitId) {
|
|
||||||
document.getElementById('assign-error').textContent = 'Select a unit to assign.';
|
|
||||||
document.getElementById('assign-error').classList.remove('hidden');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
const formData = new FormData();
|
|
||||||
formData.append('unit_id', unitId);
|
|
||||||
formData.append('notes', notes);
|
|
||||||
const response = await fetch(`/api/projects/${projectId}/locations/${locationId}/assign`, {
|
|
||||||
method: 'POST',
|
|
||||||
body: formData
|
|
||||||
});
|
|
||||||
if (!response.ok) {
|
|
||||||
const data = await response.json().catch(() => ({}));
|
|
||||||
throw new Error(data.detail || 'Failed to assign unit');
|
|
||||||
}
|
|
||||||
closeAssignModal();
|
|
||||||
refreshProjectDashboard();
|
|
||||||
htmx.ajax('GET', `/api/projects/${projectId}/locations`, {
|
|
||||||
target: '#project-locations',
|
|
||||||
swap: 'innerHTML'
|
|
||||||
});
|
|
||||||
} catch (err) {
|
|
||||||
const errorEl = document.getElementById('assign-error');
|
|
||||||
errorEl.textContent = err.message || 'Failed to assign unit.';
|
|
||||||
errorEl.classList.remove('hidden');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
async function unassignUnit(assignmentId) {
|
|
||||||
if (!confirm('Unassign this unit?')) return;
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch(`/api/projects/${projectId}/assignments/${assignmentId}/unassign`, {
|
|
||||||
method: 'POST'
|
|
||||||
});
|
|
||||||
if (!response.ok) {
|
|
||||||
const data = await response.json().catch(() => ({}));
|
|
||||||
throw new Error(data.detail || 'Failed to unassign unit');
|
|
||||||
}
|
|
||||||
refreshProjectDashboard();
|
|
||||||
htmx.ajax('GET', `/api/projects/${projectId}/locations`, {
|
|
||||||
target: '#project-locations',
|
|
||||||
swap: 'innerHTML'
|
|
||||||
});
|
|
||||||
} catch (err) {
|
|
||||||
alert(err.message || 'Failed to unassign unit.');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Filter functions
|
|
||||||
function filterSessions() {
|
|
||||||
const filter = document.getElementById('sessions-filter').value;
|
|
||||||
const url = filter === 'all'
|
|
||||||
? `/api/projects/${projectId}/sessions`
|
|
||||||
: `/api/projects/${projectId}/sessions?status=${filter}`;
|
|
||||||
|
|
||||||
htmx.ajax('GET', url, {
|
|
||||||
target: '#project-sessions',
|
|
||||||
swap: 'innerHTML'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function filterFiles() {
|
|
||||||
const filter = document.getElementById('files-filter').value;
|
|
||||||
const url = filter === 'all'
|
|
||||||
? `/api/projects/${projectId}/files`
|
|
||||||
: `/api/projects/${projectId}/files?type=${filter}`;
|
|
||||||
|
|
||||||
htmx.ajax('GET', url, {
|
|
||||||
target: '#project-files',
|
|
||||||
swap: 'innerHTML'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Utility functions
|
|
||||||
function openScheduleModal() {
|
|
||||||
alert('Schedule modal coming soon');
|
|
||||||
}
|
|
||||||
|
|
||||||
function exportProjectData() {
|
|
||||||
window.location.href = `/api/projects/${projectId}/export`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function archiveProject() {
|
|
||||||
if (!confirm('Archive this project? You can restore it later from the archived projects list.')) return;
|
|
||||||
|
|
||||||
document.getElementById('settings-status').value = 'archived';
|
|
||||||
document.getElementById('project-settings-form').dispatchEvent(new Event('submit'));
|
|
||||||
}
|
|
||||||
|
|
||||||
// Keyboard shortcuts
|
|
||||||
document.addEventListener('keydown', function(e) {
|
|
||||||
if (e.key === 'Escape') {
|
|
||||||
closeLocationModal();
|
|
||||||
closeAssignModal();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Click outside to close modals
|
|
||||||
document.getElementById('location-modal')?.addEventListener('click', function(e) {
|
|
||||||
if (e.target === this) {
|
|
||||||
closeLocationModal();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
document.getElementById('assign-modal')?.addEventListener('click', function(e) {
|
|
||||||
if (e.target === this) {
|
|
||||||
closeAssignModal();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Load project details on page load
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
loadProjectDetails();
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
{% endblock %}
|
|
||||||
@@ -1,249 +0,0 @@
|
|||||||
{% extends "base.html" %}
|
|
||||||
|
|
||||||
{% block title %}Projects - Terra-View{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
|
||||||
<div class="mb-8 flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Projects</h1>
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 mt-1">Manage monitoring projects, locations, and schedules</p>
|
|
||||||
</div>
|
|
||||||
<button onclick="showCreateProjectModal()"
|
|
||||||
class="px-6 py-3 bg-seismo-orange hover:bg-seismo-navy text-white rounded-lg font-medium transition-colors">
|
|
||||||
<svg class="w-5 h-5 inline-block mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"></path>
|
|
||||||
</svg>
|
|
||||||
New Project
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Summary Stats -->
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8"
|
|
||||||
hx-get="/api/projects/stats"
|
|
||||||
hx-trigger="load, every 30s"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<!-- Stats will be loaded here -->
|
|
||||||
<div class="animate-pulse bg-gray-200 dark:bg-gray-700 h-24 rounded-xl"></div>
|
|
||||||
<div class="animate-pulse bg-gray-200 dark:bg-gray-700 h-24 rounded-xl"></div>
|
|
||||||
<div class="animate-pulse bg-gray-200 dark:bg-gray-700 h-24 rounded-xl"></div>
|
|
||||||
<div class="animate-pulse bg-gray-200 dark:bg-gray-700 h-24 rounded-xl"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Tabs -->
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg mb-6">
|
|
||||||
<div class="border-b border-gray-200 dark:border-gray-700">
|
|
||||||
<nav class="flex space-x-8 px-6" aria-label="Tabs">
|
|
||||||
<button onclick="switchTab('all')"
|
|
||||||
id="tab-all"
|
|
||||||
class="tab-button border-b-2 border-seismo-orange text-seismo-orange px-1 py-4 text-sm font-medium">
|
|
||||||
All Projects
|
|
||||||
</button>
|
|
||||||
<button onclick="switchTab('active')"
|
|
||||||
id="tab-active"
|
|
||||||
class="tab-button border-b-2 border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 px-1 py-4 text-sm font-medium">
|
|
||||||
Active
|
|
||||||
</button>
|
|
||||||
<button onclick="switchTab('completed')"
|
|
||||||
id="tab-completed"
|
|
||||||
class="tab-button border-b-2 border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 px-1 py-4 text-sm font-medium">
|
|
||||||
Completed
|
|
||||||
</button>
|
|
||||||
<button onclick="switchTab('archived')"
|
|
||||||
id="tab-archived"
|
|
||||||
class="tab-button border-b-2 border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300 px-1 py-4 text-sm font-medium">
|
|
||||||
Archived
|
|
||||||
</button>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Projects List -->
|
|
||||||
<div id="projects-list"
|
|
||||||
class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"
|
|
||||||
hx-get="/api/projects/list"
|
|
||||||
hx-trigger="load"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<!-- Loading skeletons -->
|
|
||||||
<div class="animate-pulse bg-gray-200 dark:bg-gray-700 h-64 rounded-xl"></div>
|
|
||||||
<div class="animate-pulse bg-gray-200 dark:bg-gray-700 h-64 rounded-xl"></div>
|
|
||||||
<div class="animate-pulse bg-gray-200 dark:bg-gray-700 h-64 rounded-xl"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Create Project Modal -->
|
|
||||||
<div id="createProjectModal" class="hidden fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-2xl w-full max-w-4xl max-h-[90vh] overflow-y-auto">
|
|
||||||
<div class="p-6 border-b border-gray-200 dark:border-gray-700">
|
|
||||||
<h2 class="text-2xl font-bold text-gray-900 dark:text-white">Create New Project</h2>
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 mt-1">Select a project type and configure settings</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="p-6" id="createProjectContent">
|
|
||||||
<!-- Step 1: Project Type Selection (initially shown) -->
|
|
||||||
<div id="projectTypeSelection">
|
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">Choose Project Type</h3>
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-3 gap-4"
|
|
||||||
hx-get="/api/projects/types/list"
|
|
||||||
hx-trigger="load"
|
|
||||||
hx-target="this"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<!-- Project type cards will be loaded here -->
|
|
||||||
<div class="animate-pulse bg-gray-200 dark:bg-gray-700 h-48 rounded-lg"></div>
|
|
||||||
<div class="animate-pulse bg-gray-200 dark:bg-gray-700 h-48 rounded-lg"></div>
|
|
||||||
<div class="animate-pulse bg-gray-200 dark:bg-gray-700 h-48 rounded-lg"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Step 2: Project Details Form (hidden initially) -->
|
|
||||||
<div id="projectDetailsForm" class="hidden">
|
|
||||||
<button onclick="backToTypeSelection()"
|
|
||||||
class="mb-4 text-seismo-orange hover:text-seismo-navy">
|
|
||||||
← Back to project types
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<form id="createProjectFormElement"
|
|
||||||
hx-post="/api/projects/create"
|
|
||||||
hx-swap="none">
|
|
||||||
<input type="hidden" id="project_type_id" name="project_type_id">
|
|
||||||
|
|
||||||
<div class="space-y-4">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
|
||||||
Project Name *
|
|
||||||
</label>
|
|
||||||
<input type="text"
|
|
||||||
name="name"
|
|
||||||
required
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
|
||||||
Description
|
|
||||||
</label>
|
|
||||||
<textarea name="description"
|
|
||||||
rows="3"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white"></textarea>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
|
||||||
Client Name
|
|
||||||
</label>
|
|
||||||
<input type="text"
|
|
||||||
name="client_name"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
|
||||||
Site Address
|
|
||||||
</label>
|
|
||||||
<input type="text"
|
|
||||||
name="site_address"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
|
||||||
Start Date
|
|
||||||
</label>
|
|
||||||
<input type="date"
|
|
||||||
name="start_date"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
|
||||||
End Date (Optional)
|
|
||||||
</label>
|
|
||||||
<input type="date"
|
|
||||||
name="end_date"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
|
||||||
Site Coordinates (Optional)
|
|
||||||
</label>
|
|
||||||
<input type="text"
|
|
||||||
name="site_coordinates"
|
|
||||||
placeholder="40.7128,-74.0060"
|
|
||||||
class="w-full px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
|
|
||||||
<p class="text-xs text-gray-500 mt-1">Format: latitude,longitude</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mt-6 flex justify-end space-x-3">
|
|
||||||
<button type="button"
|
|
||||||
onclick="hideCreateProjectModal()"
|
|
||||||
class="px-6 py-2 border border-gray-300 dark:border-gray-600 rounded-lg text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700">
|
|
||||||
Cancel
|
|
||||||
</button>
|
|
||||||
<button type="submit"
|
|
||||||
class="px-6 py-2 bg-seismo-orange hover:bg-seismo-navy text-white rounded-lg font-medium">
|
|
||||||
Create Project
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// Tab switching
|
|
||||||
function switchTab(status) {
|
|
||||||
// Update tab styling
|
|
||||||
document.querySelectorAll('.tab-button').forEach(btn => {
|
|
||||||
btn.classList.remove('border-seismo-orange', 'text-seismo-orange');
|
|
||||||
btn.classList.add('border-transparent', 'text-gray-500');
|
|
||||||
});
|
|
||||||
|
|
||||||
const activeTab = document.getElementById(`tab-${status}`);
|
|
||||||
activeTab.classList.remove('border-transparent', 'text-gray-500');
|
|
||||||
activeTab.classList.add('border-seismo-orange', 'text-seismo-orange');
|
|
||||||
|
|
||||||
// Load projects for this status
|
|
||||||
const statusParam = status === 'all' ? '' : `?status=${status}`;
|
|
||||||
htmx.ajax('GET', `/api/projects/list${statusParam}`, {target: '#projects-list'});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Modal controls
|
|
||||||
function showCreateProjectModal() {
|
|
||||||
document.getElementById('createProjectModal').classList.remove('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
function hideCreateProjectModal() {
|
|
||||||
document.getElementById('createProjectModal').classList.add('hidden');
|
|
||||||
document.getElementById('projectTypeSelection').classList.remove('hidden');
|
|
||||||
document.getElementById('projectDetailsForm').classList.add('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
function selectProjectType(typeId, typeName) {
|
|
||||||
document.getElementById('project_type_id').value = typeId;
|
|
||||||
document.getElementById('projectTypeSelection').classList.add('hidden');
|
|
||||||
document.getElementById('projectDetailsForm').classList.remove('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
function backToTypeSelection() {
|
|
||||||
document.getElementById('projectTypeSelection').classList.remove('hidden');
|
|
||||||
document.getElementById('projectDetailsForm').classList.add('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Handle form submission success
|
|
||||||
document.body.addEventListener('htmx:afterRequest', function(event) {
|
|
||||||
if (event.detail.elt.id === 'createProjectFormElement' && event.detail.successful) {
|
|
||||||
hideCreateProjectModal();
|
|
||||||
// Refresh project list
|
|
||||||
htmx.ajax('GET', '/api/projects/list', {target: '#projects-list'});
|
|
||||||
// Show success message
|
|
||||||
alert('Project created successfully!');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
{% endblock %}
|
|
||||||
@@ -1,20 +1,20 @@
|
|||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
|
|
||||||
{% block title %}Devices - Seismo Fleet Manager{% endblock %}
|
{% block title %}Fleet Roster - Seismo Fleet Manager{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="mb-8">
|
<div class="mb-8">
|
||||||
<div class="flex justify-between items-start">
|
<div class="flex justify-between items-start">
|
||||||
<div>
|
<div>
|
||||||
<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Devices</h1>
|
<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Fleet Roster</h1>
|
||||||
<p class="text-gray-600 dark:text-gray-400 mt-1">Manage all devices in your fleet</p>
|
<p class="text-gray-600 dark:text-gray-400 mt-1">Real-time status of all seismograph units</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex gap-3">
|
<div class="flex gap-3">
|
||||||
<button onclick="openAddUnitModal()" class="px-4 py-2 bg-seismo-orange hover:bg-orange-600 text-white rounded-lg flex items-center gap-2 transition-colors">
|
<button onclick="openAddUnitModal()" class="px-4 py-2 bg-seismo-orange hover:bg-orange-600 text-white rounded-lg flex items-center gap-2 transition-colors">
|
||||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6v6m0 0v6m0-6h6m-6 0H6"></path>
|
||||||
</svg>
|
</svg>
|
||||||
Add Device
|
Add Unit
|
||||||
</button>
|
</button>
|
||||||
<button onclick="openImportModal()" class="px-4 py-2 bg-seismo-navy hover:bg-blue-800 text-white rounded-lg flex items-center gap-2 transition-colors">
|
<button onclick="openImportModal()" class="px-4 py-2 bg-seismo-navy hover:bg-blue-800 text-white rounded-lg flex items-center gap-2 transition-colors">
|
||||||
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
@@ -31,67 +31,69 @@
|
|||||||
<!-- Loading placeholder -->
|
<!-- Loading placeholder -->
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Devices View with Filters -->
|
<!-- Fleet Roster with Tabs -->
|
||||||
<div class="rounded-xl shadow-lg bg-white dark:bg-slate-800 p-6">
|
<div class="rounded-xl shadow-lg bg-white dark:bg-slate-800 p-6">
|
||||||
|
|
||||||
<!-- Filter Controls -->
|
<!-- Search Bar -->
|
||||||
<div class="mb-6 space-y-4">
|
<div class="mb-4">
|
||||||
<!-- Search Bar -->
|
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<input
|
<input
|
||||||
type="text"
|
type="text"
|
||||||
id="device-search"
|
id="roster-search"
|
||||||
placeholder="Search by Device ID, Type, or Note..."
|
placeholder="Search by Unit ID, Type, or Note..."
|
||||||
class="w-full px-4 py-2 pl-10 pr-4 text-gray-900 dark:text-gray-100 bg-gray-100 dark:bg-gray-700 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-seismo-orange"
|
class="w-full px-4 py-2 pl-10 pr-4 text-gray-900 dark:text-gray-100 bg-gray-100 dark:bg-gray-700 border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-seismo-orange"
|
||||||
onkeyup="filterDevices()">
|
onkeyup="filterRosterTable()">
|
||||||
<svg class="absolute left-3 top-3 w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
<svg class="absolute left-3 top-3 w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
|
||||||
</svg>
|
</svg>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Filter Pills -->
|
|
||||||
<div class="flex flex-wrap gap-3">
|
|
||||||
<!-- Device Type Filter -->
|
|
||||||
<div class="flex gap-2">
|
|
||||||
<span class="text-sm font-medium text-gray-700 dark:text-gray-300 self-center">Type:</span>
|
|
||||||
<button class="filter-btn filter-device-type active-filter" data-value="all">All</button>
|
|
||||||
<button class="filter-btn filter-device-type" data-value="seismograph">Seismographs</button>
|
|
||||||
<button class="filter-btn filter-device-type" data-value="modem">Modems</button>
|
|
||||||
<button class="filter-btn filter-device-type" data-value="sound_level_meter">SLMs</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Status Filter -->
|
|
||||||
<div class="flex gap-2">
|
|
||||||
<span class="text-sm font-medium text-gray-700 dark:text-gray-300 self-center">Status:</span>
|
|
||||||
<button class="filter-btn filter-status active-filter" data-value="all">All</button>
|
|
||||||
<button class="filter-btn filter-status" data-value="deployed">Deployed</button>
|
|
||||||
<button class="filter-btn filter-status" data-value="benched">Benched</button>
|
|
||||||
<button class="filter-btn filter-status" data-value="retired">Retired</button>
|
|
||||||
<button class="filter-btn filter-status" data-value="ignored">Ignored</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Health Status Filter (for non-retired/ignored devices) -->
|
|
||||||
<div class="flex gap-2" id="health-filter-group">
|
|
||||||
<span class="text-sm font-medium text-gray-700 dark:text-gray-300 self-center">Health:</span>
|
|
||||||
<button class="filter-btn filter-health active-filter" data-value="all">All</button>
|
|
||||||
<button class="filter-btn filter-health" data-value="ok">OK</button>
|
|
||||||
<button class="filter-btn filter-health" data-value="pending">Pending</button>
|
|
||||||
<button class="filter-btn filter-health" data-value="missing">Missing</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Results Count -->
|
|
||||||
<div class="text-sm text-gray-600 dark:text-gray-400">
|
|
||||||
Showing <span id="visible-count">0</span> of <span id="total-count">0</span> devices
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Device List Container -->
|
<!-- Tab Bar -->
|
||||||
<div id="device-content"
|
<div class="flex border-b border-gray-200 dark:border-gray-700 mb-4">
|
||||||
hx-get="/partials/devices-all"
|
<button
|
||||||
|
class="px-4 py-2 text-sm font-medium roster-tab-button active-roster-tab"
|
||||||
|
data-endpoint="/partials/roster-deployed"
|
||||||
|
hx-get="/partials/roster-deployed"
|
||||||
|
hx-target="#roster-content"
|
||||||
|
hx-swap="innerHTML">
|
||||||
|
Deployed
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button
|
||||||
|
class="px-4 py-2 text-sm font-medium roster-tab-button"
|
||||||
|
data-endpoint="/partials/roster-benched"
|
||||||
|
hx-get="/partials/roster-benched"
|
||||||
|
hx-target="#roster-content"
|
||||||
|
hx-swap="innerHTML">
|
||||||
|
Benched
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button
|
||||||
|
class="px-4 py-2 text-sm font-medium roster-tab-button"
|
||||||
|
data-endpoint="/partials/roster-retired"
|
||||||
|
hx-get="/partials/roster-retired"
|
||||||
|
hx-target="#roster-content"
|
||||||
|
hx-swap="innerHTML">
|
||||||
|
Retired
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<button
|
||||||
|
class="px-4 py-2 text-sm font-medium roster-tab-button"
|
||||||
|
data-endpoint="/partials/roster-ignored"
|
||||||
|
hx-get="/partials/roster-ignored"
|
||||||
|
hx-target="#roster-content"
|
||||||
|
hx-swap="innerHTML">
|
||||||
|
Ignored
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Tab Content Target -->
|
||||||
|
<div id="roster-content"
|
||||||
|
hx-get="/partials/roster-deployed"
|
||||||
hx-trigger="load"
|
hx-trigger="load"
|
||||||
hx-swap="innerHTML">
|
hx-swap="innerHTML">
|
||||||
<p class="text-gray-500 dark:text-gray-400">Loading devices...</p>
|
<p class="text-gray-500 dark:text-gray-400">Loading roster data...</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@@ -112,9 +114,9 @@
|
|||||||
<form id="addUnitForm" hx-post="/api/roster/add" hx-swap="none" class="p-6 space-y-4">
|
<form id="addUnitForm" hx-post="/api/roster/add" hx-swap="none" class="p-6 space-y-4">
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Unit ID *</label>
|
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Unit ID *</label>
|
||||||
<input type="text" name="id" required pattern="[^\s]+" title="Unit ID cannot contain spaces"
|
<input type="text" name="id" required
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange"
|
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange"
|
||||||
placeholder="BE1234 or MODEM-001 (no spaces)">
|
placeholder="BE1234">
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Device Type *</label>
|
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Device Type *</label>
|
||||||
@@ -122,7 +124,6 @@
|
|||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
||||||
<option value="seismograph">Seismograph</option>
|
<option value="seismograph">Seismograph</option>
|
||||||
<option value="modem">Modem</option>
|
<option value="modem">Modem</option>
|
||||||
<option value="sound_level_meter">Sound Level Meter</option>
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
@@ -185,54 +186,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Sound Level Meter-specific fields -->
|
|
||||||
<div id="slmFields" class="hidden space-y-4 border-t border-gray-200 dark:border-gray-700 pt-4">
|
|
||||||
<p class="text-sm font-semibold text-gray-700 dark:text-gray-300">Sound Level Meter Information</p>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">SLM Model</label>
|
|
||||||
<input type="text" name="slm_model" placeholder="NL-43"
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Host/IP Address</label>
|
|
||||||
<input type="text" name="slm_host" placeholder="192.168.1.100"
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">TCP Port</label>
|
|
||||||
<input type="number" name="slm_tcp_port" placeholder="2255"
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">FTP Port</label>
|
|
||||||
<input type="number" name="slm_ftp_port" placeholder="21"
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Serial Number</label>
|
|
||||||
<input type="text" name="slm_serial_number" placeholder="SN123456"
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Frequency Weighting</label>
|
|
||||||
<select name="slm_frequency_weighting"
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
|
||||||
<option value="A">A-weighting</option>
|
|
||||||
<option value="C">C-weighting</option>
|
|
||||||
<option value="Z">Z-weighting (Flat)</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Time Weighting</label>
|
|
||||||
<select name="slm_time_weighting"
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
|
||||||
<option value="F">F (Fast)</option>
|
|
||||||
<option value="S">S (Slow)</option>
|
|
||||||
<option value="I">I (Impulse)</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex items-center gap-4">
|
<div class="flex items-center gap-4">
|
||||||
<label class="flex items-center gap-2 cursor-pointer">
|
<label class="flex items-center gap-2 cursor-pointer">
|
||||||
<input type="checkbox" name="deployed" id="deployedCheckbox" value="true" checked onchange="toggleModemPairing()"
|
<input type="checkbox" name="deployed" id="deployedCheckbox" value="true" checked onchange="toggleModemPairing()"
|
||||||
@@ -372,12 +325,6 @@
|
|||||||
<button type="submit" class="flex-1 px-4 py-2 bg-seismo-orange hover:bg-orange-600 text-white rounded-lg transition-colors">
|
<button type="submit" class="flex-1 px-4 py-2 bg-seismo-orange hover:bg-orange-600 text-white rounded-lg transition-colors">
|
||||||
Save Changes
|
Save Changes
|
||||||
</button>
|
</button>
|
||||||
<button type="button" onclick="openRenameUnitModal()" class="px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors flex items-center gap-2">
|
|
||||||
<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"></path>
|
|
||||||
</svg>
|
|
||||||
Rename
|
|
||||||
</button>
|
|
||||||
<button type="button" onclick="closeEditUnitModal()" class="px-4 py-2 bg-gray-300 dark:bg-gray-600 hover:bg-gray-400 dark:hover:bg-gray-500 text-gray-700 dark:text-white rounded-lg transition-colors">
|
<button type="button" onclick="closeEditUnitModal()" class="px-4 py-2 bg-gray-300 dark:bg-gray-600 hover:bg-gray-400 dark:hover:bg-gray-500 text-gray-700 dark:text-white rounded-lg transition-colors">
|
||||||
Cancel
|
Cancel
|
||||||
</button>
|
</button>
|
||||||
@@ -386,59 +333,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Rename Unit Modal -->
|
|
||||||
<div id="renameUnitModal" class="hidden fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-2xl max-w-md w-full mx-4">
|
|
||||||
<div class="p-6 border-b border-gray-200 dark:border-gray-700">
|
|
||||||
<div class="flex justify-between items-center">
|
|
||||||
<h2 class="text-2xl font-bold text-gray-900 dark:text-white">Rename Unit</h2>
|
|
||||||
<button onclick="closeRenameUnitModal()" class="text-gray-400 hover:text-gray-600 dark:hover:text-gray-300">
|
|
||||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<form id="renameUnitForm" class="p-6 space-y-4">
|
|
||||||
<div class="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 rounded-lg p-4 mb-4">
|
|
||||||
<div class="flex items-start gap-3">
|
|
||||||
<svg class="w-6 h-6 text-yellow-600 dark:text-yellow-400 flex-shrink-0 mt-0.5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path>
|
|
||||||
</svg>
|
|
||||||
<div>
|
|
||||||
<p class="text-sm font-medium text-yellow-800 dark:text-yellow-200">Important: Renaming Changes All References</p>
|
|
||||||
<p class="text-xs text-yellow-700 dark:text-yellow-300 mt-1">
|
|
||||||
This will update the unit ID everywhere including history, assignments, and sessions.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Current Unit ID</label>
|
|
||||||
<input type="text" id="renameOldId" readonly
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-gray-100 dark:bg-gray-700 text-gray-500 dark:text-gray-400 cursor-not-allowed font-mono">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">New Unit ID *</label>
|
|
||||||
<input type="text" id="renameNewId" required pattern="[^\s]+" title="Unit ID cannot contain spaces"
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500 font-mono"
|
|
||||||
placeholder="Enter new unit ID (no spaces)">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="flex gap-3 pt-4">
|
|
||||||
<button type="submit" class="flex-1 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors font-medium">
|
|
||||||
Rename Unit
|
|
||||||
</button>
|
|
||||||
<button type="button" onclick="closeRenameUnitModal()" class="px-4 py-2 bg-gray-300 dark:bg-gray-600 hover:bg-gray-400 dark:hover:bg-gray-500 text-gray-700 dark:text-white rounded-lg transition-colors">
|
|
||||||
Cancel
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Import CSV Modal -->
|
<!-- Import CSV Modal -->
|
||||||
<div id="importModal" class="hidden fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
|
<div id="importModal" class="hidden fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-2xl max-w-lg w-full mx-4">
|
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-2xl max-w-lg w-full mx-4">
|
||||||
@@ -494,45 +388,17 @@
|
|||||||
const deviceType = document.getElementById('deviceTypeSelect').value;
|
const deviceType = document.getElementById('deviceTypeSelect').value;
|
||||||
const seismoFields = document.getElementById('seismographFields');
|
const seismoFields = document.getElementById('seismographFields');
|
||||||
const modemFields = document.getElementById('modemFields');
|
const modemFields = document.getElementById('modemFields');
|
||||||
const slmFields = document.getElementById('slmFields');
|
|
||||||
|
|
||||||
if (deviceType === 'seismograph') {
|
if (deviceType === 'seismograph') {
|
||||||
seismoFields.classList.remove('hidden');
|
seismoFields.classList.remove('hidden');
|
||||||
modemFields.classList.add('hidden');
|
modemFields.classList.add('hidden');
|
||||||
slmFields.classList.add('hidden');
|
|
||||||
// Enable seismograph fields, disable others
|
|
||||||
setFieldsDisabled(seismoFields, false);
|
|
||||||
setFieldsDisabled(modemFields, true);
|
|
||||||
setFieldsDisabled(slmFields, true);
|
|
||||||
toggleModemPairing(); // Check if modem pairing should be shown
|
toggleModemPairing(); // Check if modem pairing should be shown
|
||||||
} else if (deviceType === 'modem') {
|
} else {
|
||||||
seismoFields.classList.add('hidden');
|
seismoFields.classList.add('hidden');
|
||||||
modemFields.classList.remove('hidden');
|
modemFields.classList.remove('hidden');
|
||||||
slmFields.classList.add('hidden');
|
|
||||||
// Enable modem fields, disable others
|
|
||||||
setFieldsDisabled(seismoFields, true);
|
|
||||||
setFieldsDisabled(modemFields, false);
|
|
||||||
setFieldsDisabled(slmFields, true);
|
|
||||||
} else if (deviceType === 'sound_level_meter') {
|
|
||||||
seismoFields.classList.add('hidden');
|
|
||||||
modemFields.classList.add('hidden');
|
|
||||||
slmFields.classList.remove('hidden');
|
|
||||||
// Enable SLM fields, disable others
|
|
||||||
setFieldsDisabled(seismoFields, true);
|
|
||||||
setFieldsDisabled(modemFields, true);
|
|
||||||
setFieldsDisabled(slmFields, false);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Helper function to disable/enable all inputs in a container
|
|
||||||
function setFieldsDisabled(container, disabled) {
|
|
||||||
if (!container) return;
|
|
||||||
const inputs = container.querySelectorAll('input, select, textarea');
|
|
||||||
inputs.forEach(input => {
|
|
||||||
input.disabled = disabled;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Toggle modem pairing field visibility (only for deployed seismographs)
|
// Toggle modem pairing field visibility (only for deployed seismographs)
|
||||||
function toggleModemPairing() {
|
function toggleModemPairing() {
|
||||||
const deviceType = document.getElementById('deviceTypeSelect').value;
|
const deviceType = document.getElementById('deviceTypeSelect').value;
|
||||||
@@ -607,29 +473,7 @@
|
|||||||
// Show success message
|
// Show success message
|
||||||
alert('Unit added successfully!');
|
alert('Unit added successfully!');
|
||||||
} else {
|
} else {
|
||||||
// Log detailed error information
|
alert('Error adding unit. Please check the form and try again.');
|
||||||
console.error('Error adding unit:', {
|
|
||||||
status: event.detail.xhr.status,
|
|
||||||
response: event.detail.xhr.responseText,
|
|
||||||
headers: event.detail.xhr.getAllResponseHeaders()
|
|
||||||
});
|
|
||||||
|
|
||||||
// Try to parse error message from response
|
|
||||||
let errorMsg = 'Error adding unit. Please check the form and try again.';
|
|
||||||
try {
|
|
||||||
const response = JSON.parse(event.detail.xhr.responseText);
|
|
||||||
if (response.detail) {
|
|
||||||
if (typeof response.detail === 'string') {
|
|
||||||
errorMsg = response.detail;
|
|
||||||
} else if (Array.isArray(response.detail)) {
|
|
||||||
errorMsg = response.detail.map(err => `${err.loc?.join('.')}: ${err.msg}`).join('\n');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
console.error('Could not parse error response:', e);
|
|
||||||
}
|
|
||||||
|
|
||||||
alert(errorMsg);
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
@@ -652,16 +496,10 @@
|
|||||||
if (deviceType === 'seismograph') {
|
if (deviceType === 'seismograph') {
|
||||||
seismoFields.classList.remove('hidden');
|
seismoFields.classList.remove('hidden');
|
||||||
modemFields.classList.add('hidden');
|
modemFields.classList.add('hidden');
|
||||||
// Enable seismograph fields, disable modem fields
|
|
||||||
setFieldsDisabled(seismoFields, false);
|
|
||||||
setFieldsDisabled(modemFields, true);
|
|
||||||
toggleEditModemPairing();
|
toggleEditModemPairing();
|
||||||
} else {
|
} else {
|
||||||
seismoFields.classList.add('hidden');
|
seismoFields.classList.add('hidden');
|
||||||
modemFields.classList.remove('hidden');
|
modemFields.classList.remove('hidden');
|
||||||
// Enable modem fields, disable seismograph fields
|
|
||||||
setFieldsDisabled(seismoFields, true);
|
|
||||||
setFieldsDisabled(modemFields, false);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -983,273 +821,33 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// ===== DEVICE FILTERING SYSTEM =====
|
// Filter roster table based on search input
|
||||||
|
|
||||||
// Current active filters
|
|
||||||
let activeFilters = {
|
|
||||||
deviceType: 'all',
|
|
||||||
status: 'all',
|
|
||||||
health: 'all',
|
|
||||||
search: ''
|
|
||||||
};
|
|
||||||
|
|
||||||
// Initialize filter button click handlers
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
// Device type filter buttons
|
|
||||||
document.querySelectorAll('.filter-device-type').forEach(btn => {
|
|
||||||
btn.addEventListener('click', function() {
|
|
||||||
// Update active state
|
|
||||||
document.querySelectorAll('.filter-device-type').forEach(b => b.classList.remove('active-filter'));
|
|
||||||
this.classList.add('active-filter');
|
|
||||||
|
|
||||||
// Update filter value
|
|
||||||
activeFilters.deviceType = this.dataset.value;
|
|
||||||
|
|
||||||
// Apply filters
|
|
||||||
filterDevices();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Status filter buttons
|
|
||||||
document.querySelectorAll('.filter-status').forEach(btn => {
|
|
||||||
btn.addEventListener('click', function() {
|
|
||||||
// Update active state
|
|
||||||
document.querySelectorAll('.filter-status').forEach(b => b.classList.remove('active-filter'));
|
|
||||||
this.classList.add('active-filter');
|
|
||||||
|
|
||||||
// Update filter value
|
|
||||||
activeFilters.status = this.dataset.value;
|
|
||||||
|
|
||||||
// Toggle health filter visibility (hide for retired/ignored)
|
|
||||||
const healthGroup = document.getElementById('health-filter-group');
|
|
||||||
if (this.dataset.value === 'retired' || this.dataset.value === 'ignored') {
|
|
||||||
healthGroup.style.display = 'none';
|
|
||||||
} else {
|
|
||||||
healthGroup.style.display = 'flex';
|
|
||||||
}
|
|
||||||
|
|
||||||
// Apply filters
|
|
||||||
filterDevices();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Health status filter buttons
|
|
||||||
document.querySelectorAll('.filter-health').forEach(btn => {
|
|
||||||
btn.addEventListener('click', function() {
|
|
||||||
// Update active state
|
|
||||||
document.querySelectorAll('.filter-health').forEach(b => b.classList.remove('active-filter'));
|
|
||||||
this.classList.add('active-filter');
|
|
||||||
|
|
||||||
// Update filter value
|
|
||||||
activeFilters.health = this.dataset.value;
|
|
||||||
|
|
||||||
// Apply filters
|
|
||||||
filterDevices();
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
|
|
||||||
// Main filter function - filters devices based on all active criteria
|
|
||||||
function filterDevices() {
|
|
||||||
const searchInput = document.getElementById('device-search')?.value.toLowerCase() || '';
|
|
||||||
activeFilters.search = searchInput;
|
|
||||||
|
|
||||||
const table = document.querySelector('#device-content table tbody');
|
|
||||||
const cards = document.querySelectorAll('#device-content .device-card'); // For mobile view
|
|
||||||
|
|
||||||
let visibleCount = 0;
|
|
||||||
let totalCount = 0;
|
|
||||||
|
|
||||||
// Filter table rows (desktop view)
|
|
||||||
if (table) {
|
|
||||||
const rows = table.getElementsByTagName('tr');
|
|
||||||
totalCount = rows.length;
|
|
||||||
|
|
||||||
for (let row of rows) {
|
|
||||||
const cells = row.getElementsByTagName('td');
|
|
||||||
if (cells.length === 0) continue;
|
|
||||||
|
|
||||||
// Extract row data (adjust indices based on your table structure)
|
|
||||||
const status = cells[0]?.querySelector('.status-badge')?.textContent?.toLowerCase() || '';
|
|
||||||
const deviceId = cells[1]?.textContent?.toLowerCase() || '';
|
|
||||||
const deviceType = cells[2]?.textContent?.toLowerCase() || '';
|
|
||||||
const note = cells[6]?.textContent?.toLowerCase() || '';
|
|
||||||
|
|
||||||
// Get data attributes for filtering
|
|
||||||
const rowDeviceType = row.dataset.deviceType || '';
|
|
||||||
const rowStatus = row.dataset.status || '';
|
|
||||||
const rowHealth = row.dataset.health || '';
|
|
||||||
|
|
||||||
// Apply filters
|
|
||||||
const matchesSearch = !searchInput ||
|
|
||||||
deviceId.includes(searchInput) ||
|
|
||||||
deviceType.includes(searchInput) ||
|
|
||||||
note.includes(searchInput);
|
|
||||||
|
|
||||||
const matchesDeviceType = activeFilters.deviceType === 'all' ||
|
|
||||||
rowDeviceType === activeFilters.deviceType;
|
|
||||||
|
|
||||||
const matchesStatus = activeFilters.status === 'all' ||
|
|
||||||
rowStatus === activeFilters.status;
|
|
||||||
|
|
||||||
const matchesHealth = activeFilters.health === 'all' ||
|
|
||||||
rowHealth === activeFilters.health ||
|
|
||||||
activeFilters.status === 'retired' ||
|
|
||||||
activeFilters.status === 'ignored';
|
|
||||||
|
|
||||||
const isVisible = matchesSearch && matchesDeviceType && matchesStatus && matchesHealth;
|
|
||||||
|
|
||||||
row.style.display = isVisible ? '' : 'none';
|
|
||||||
if (isVisible) visibleCount++;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Filter cards (mobile view)
|
|
||||||
if (cards.length > 0) {
|
|
||||||
totalCount = cards.length;
|
|
||||||
visibleCount = 0;
|
|
||||||
|
|
||||||
cards.forEach(card => {
|
|
||||||
const cardDeviceType = card.dataset.deviceType || '';
|
|
||||||
const cardStatus = card.dataset.status || '';
|
|
||||||
const cardHealth = card.dataset.health || '';
|
|
||||||
const cardText = card.textContent.toLowerCase();
|
|
||||||
|
|
||||||
const matchesSearch = !searchInput || cardText.includes(searchInput);
|
|
||||||
const matchesDeviceType = activeFilters.deviceType === 'all' || cardDeviceType === activeFilters.deviceType;
|
|
||||||
const matchesStatus = activeFilters.status === 'all' || cardStatus === activeFilters.status;
|
|
||||||
const matchesHealth = activeFilters.health === 'all' || cardHealth === activeFilters.health;
|
|
||||||
|
|
||||||
const isVisible = matchesSearch && matchesDeviceType && matchesStatus && matchesHealth;
|
|
||||||
|
|
||||||
card.style.display = isVisible ? '' : 'none';
|
|
||||||
if (isVisible) visibleCount++;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update count display
|
|
||||||
document.getElementById('visible-count').textContent = visibleCount;
|
|
||||||
document.getElementById('total-count').textContent = totalCount;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Legacy function name for compatibility
|
|
||||||
function filterRosterTable() {
|
function filterRosterTable() {
|
||||||
filterDevices();
|
const searchInput = document.getElementById('roster-search').value.toLowerCase();
|
||||||
}
|
const table = document.querySelector('#roster-content table tbody');
|
||||||
|
|
||||||
// Rename Unit Modal Functions
|
if (!table) return;
|
||||||
function openRenameUnitModal() {
|
|
||||||
const currentUnitId = document.getElementById('editUnitId').value;
|
|
||||||
document.getElementById('renameOldId').value = currentUnitId;
|
|
||||||
document.getElementById('renameNewId').value = '';
|
|
||||||
document.getElementById('renameUnitModal').classList.remove('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
function closeRenameUnitModal() {
|
const rows = table.getElementsByTagName('tr');
|
||||||
document.getElementById('renameUnitModal').classList.add('hidden');
|
|
||||||
document.getElementById('renameUnitForm').reset();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Handle Rename Unit form submission
|
for (let row of rows) {
|
||||||
document.getElementById('renameUnitForm').addEventListener('submit', async function(event) {
|
const cells = row.getElementsByTagName('td');
|
||||||
event.preventDefault();
|
if (cells.length === 0) continue; // Skip header or empty rows
|
||||||
|
|
||||||
const oldId = document.getElementById('renameOldId').value;
|
const unitId = cells[1]?.textContent?.toLowerCase() || '';
|
||||||
const newId = document.getElementById('renameNewId').value.trim();
|
const unitType = cells[2]?.textContent?.toLowerCase() || '';
|
||||||
|
const note = cells[6]?.textContent?.toLowerCase() || '';
|
||||||
|
|
||||||
if (!newId) {
|
const matches = unitId.includes(searchInput) ||
|
||||||
alert('Please enter a new unit ID');
|
unitType.includes(searchInput) ||
|
||||||
return;
|
note.includes(searchInput);
|
||||||
|
|
||||||
|
row.style.display = matches ? '' : 'none';
|
||||||
}
|
}
|
||||||
|
}
|
||||||
if (oldId === newId) {
|
|
||||||
alert('New unit ID must be different from the current ID');
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Final confirmation
|
|
||||||
const confirmed = confirm(
|
|
||||||
`Are you sure you want to rename '${oldId}' to '${newId}'?\n\n` +
|
|
||||||
`This will update:\n` +
|
|
||||||
`• Unit roster entry\n` +
|
|
||||||
`• All history records\n` +
|
|
||||||
`• Project assignments\n` +
|
|
||||||
`• Recording sessions\n` +
|
|
||||||
`• Modem references\n\n` +
|
|
||||||
`This action cannot be undone.`
|
|
||||||
);
|
|
||||||
|
|
||||||
if (!confirmed) return;
|
|
||||||
|
|
||||||
const formData = new FormData();
|
|
||||||
formData.append('old_id', oldId);
|
|
||||||
formData.append('new_id', newId);
|
|
||||||
|
|
||||||
try {
|
|
||||||
const response = await fetch('/api/roster/rename', {
|
|
||||||
method: 'POST',
|
|
||||||
body: formData
|
|
||||||
});
|
|
||||||
|
|
||||||
const result = await response.json();
|
|
||||||
|
|
||||||
if (response.ok && result.success) {
|
|
||||||
alert(`✓ Successfully renamed unit from '${oldId}' to '${newId}'`);
|
|
||||||
closeRenameUnitModal();
|
|
||||||
closeEditUnitModal();
|
|
||||||
// Reload the page to show updated unit ID
|
|
||||||
window.location.reload();
|
|
||||||
} else {
|
|
||||||
alert(`Error: ${result.detail || result.message || 'Failed to rename unit'}`);
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
alert(`Error renaming unit: ${error.message}`);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
/* Filter Button Styles */
|
|
||||||
.filter-btn {
|
|
||||||
padding: 0.375rem 0.75rem;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
font-weight: 500;
|
|
||||||
border-radius: 0.5rem;
|
|
||||||
transition: all 0.2s;
|
|
||||||
background-color: #f3f4f6; /* gray-100 */
|
|
||||||
color: #6b7280; /* gray-500 */
|
|
||||||
border: 1px solid #e5e7eb; /* gray-200 */
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.filter-btn:hover {
|
|
||||||
background-color: #e5e7eb; /* gray-200 */
|
|
||||||
color: #374151; /* gray-700 */
|
|
||||||
}
|
|
||||||
.filter-btn.active-filter {
|
|
||||||
background-color: #f48b1c; /* seismo-orange */
|
|
||||||
color: white;
|
|
||||||
border-color: #f48b1c;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dark mode filter buttons */
|
|
||||||
@media (prefers-color-scheme: dark) {
|
|
||||||
.filter-btn {
|
|
||||||
background-color: #374151; /* gray-700 */
|
|
||||||
color: #9ca3af; /* gray-400 */
|
|
||||||
border-color: #4b5563; /* gray-600 */
|
|
||||||
}
|
|
||||||
.filter-btn:hover {
|
|
||||||
background-color: #4b5563; /* gray-600 */
|
|
||||||
color: #e5e7eb; /* gray-200 */
|
|
||||||
}
|
|
||||||
.filter-btn.active-filter {
|
|
||||||
background-color: #f48b1c;
|
|
||||||
color: white;
|
|
||||||
border-color: #f48b1c;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Legacy tab button styles (keeping for modals and other uses) */
|
|
||||||
.roster-tab-button {
|
.roster-tab-button {
|
||||||
color: #6b7280; /* gray-500 */
|
color: #6b7280; /* gray-500 */
|
||||||
border-bottom: 2px solid transparent;
|
border-bottom: 2px solid transparent;
|
||||||
|
|||||||
@@ -1,76 +0,0 @@
|
|||||||
{% extends "base.html" %}
|
|
||||||
|
|
||||||
{% block title %}Seismographs - Seismo Fleet Manager{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
|
||||||
<div class="mb-8">
|
|
||||||
<h1 class="text-3xl font-bold text-gray-900 dark:text-white">Seismographs</h1>
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 mt-1">Manage and monitor seismograph units</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Auto-refresh stats every 30 seconds -->
|
|
||||||
<div hx-get="/api/seismo-dashboard/stats"
|
|
||||||
hx-trigger="load, every 30s"
|
|
||||||
hx-swap="innerHTML"
|
|
||||||
class="mb-8">
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
|
|
||||||
<div class="rounded-lg shadow bg-white dark:bg-slate-800 p-6">
|
|
||||||
<div class="flex items-center justify-between">
|
|
||||||
<div>
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 text-sm">Loading...</p>
|
|
||||||
<p class="text-3xl font-bold text-gray-900 dark:text-white mt-2">--</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Seismograph List -->
|
|
||||||
<div class="rounded-xl shadow-lg bg-white dark:bg-slate-800 p-6">
|
|
||||||
<div class="mb-4 flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white">All Seismographs</h2>
|
|
||||||
|
|
||||||
<!-- Search Box -->
|
|
||||||
<div class="relative">
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
id="seismo-search"
|
|
||||||
placeholder="Search seismographs..."
|
|
||||||
class="w-full sm:w-64 px-4 py-2 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent"
|
|
||||||
hx-get="/api/seismo-dashboard/units"
|
|
||||||
hx-trigger="keyup changed delay:300ms"
|
|
||||||
hx-target="#seismo-units-list"
|
|
||||||
hx-include="[name='search']"
|
|
||||||
name="search"
|
|
||||||
/>
|
|
||||||
<svg class="absolute right-3 top-2.5 w-5 h-5 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
|
|
||||||
</svg>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Units List (loaded via HTMX) -->
|
|
||||||
<div id="seismo-units-list"
|
|
||||||
hx-get="/api/seismo-dashboard/units"
|
|
||||||
hx-trigger="load"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<p class="text-gray-500 dark:text-gray-400">Loading seismographs...</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// Clear search input on escape key
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
const searchInput = document.getElementById('seismo-search');
|
|
||||||
if (searchInput) {
|
|
||||||
searchInput.addEventListener('keydown', function(e) {
|
|
||||||
if (e.key === 'Escape') {
|
|
||||||
this.value = '';
|
|
||||||
htmx.trigger(this, 'keyup');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
{% endblock %}
|
|
||||||
@@ -1,115 +0,0 @@
|
|||||||
{% extends "base.html" %}
|
|
||||||
|
|
||||||
{% block title %}{{ unit_id }} - Sound Level Meter{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
|
||||||
<div class="mb-6">
|
|
||||||
{% if from_project and project %}
|
|
||||||
<nav class="flex items-center space-x-2 text-sm">
|
|
||||||
<a href="/projects" class="text-gray-500 hover:text-seismo-orange">Projects</a>
|
|
||||||
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
|
||||||
</svg>
|
|
||||||
<a href="/projects/{{ from_project }}" class="text-seismo-orange hover:text-seismo-orange-dark flex items-center">
|
|
||||||
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
|
|
||||||
</svg>
|
|
||||||
{{ project.name }}
|
|
||||||
</a>
|
|
||||||
</nav>
|
|
||||||
{% else %}
|
|
||||||
<a href="#" onclick="goBack(event)" class="text-seismo-orange hover:text-seismo-orange-dark flex items-center">
|
|
||||||
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
|
|
||||||
</svg>
|
|
||||||
<span id="back-link-text">Back to Sound Level Meters</span>
|
|
||||||
</a>
|
|
||||||
{% endif %}
|
|
||||||
|
|
||||||
<script>
|
|
||||||
function goBack(event) {
|
|
||||||
event.preventDefault();
|
|
||||||
|
|
||||||
// Check if there's a previous page in history
|
|
||||||
// and it's from the same site (not external)
|
|
||||||
if (window.history.length > 1 && document.referrer) {
|
|
||||||
const referrer = new URL(document.referrer);
|
|
||||||
const current = new URL(window.location.href);
|
|
||||||
|
|
||||||
// If referrer is from the same origin, go back
|
|
||||||
if (referrer.origin === current.origin) {
|
|
||||||
window.history.back();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Otherwise, go to SLM dashboard
|
|
||||||
window.location.href = '/sound-level-meters';
|
|
||||||
}
|
|
||||||
|
|
||||||
// Update the back link text based on referrer
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
const backText = document.getElementById('back-link-text');
|
|
||||||
if (backText && document.referrer) {
|
|
||||||
try {
|
|
||||||
const referrer = new URL(document.referrer);
|
|
||||||
const current = new URL(window.location.href);
|
|
||||||
|
|
||||||
// Only update if from same origin
|
|
||||||
if (referrer.origin === current.origin) {
|
|
||||||
if (referrer.pathname.includes('/sound-level-meters')) {
|
|
||||||
backText.textContent = 'Back to Sound Level Meters';
|
|
||||||
} else if (referrer.pathname.includes('/roster')) {
|
|
||||||
backText.textContent = 'Back to Roster';
|
|
||||||
} else if (referrer.pathname.includes('/projects')) {
|
|
||||||
backText.textContent = 'Back to Projects';
|
|
||||||
} else if (referrer.pathname === '/') {
|
|
||||||
backText.textContent = 'Back to Dashboard';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
} catch (e) {
|
|
||||||
// Invalid referrer, keep default text
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-8">
|
|
||||||
<div class="flex justify-between items-start">
|
|
||||||
<div>
|
|
||||||
<h1 class="text-3xl font-bold text-gray-900 dark:text-white flex items-center">
|
|
||||||
<svg class="w-8 h-8 mr-3 text-seismo-orange" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
||||||
d="M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zm12-3c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2zM9 10l12-3">
|
|
||||||
</path>
|
|
||||||
</svg>
|
|
||||||
{{ unit_id }}
|
|
||||||
</h1>
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 mt-1">
|
|
||||||
{{ unit.slm_model or 'NL-43' }} Sound Level Meter
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="flex gap-2">
|
|
||||||
<span class="px-3 py-1 rounded-full text-sm font-medium
|
|
||||||
{% if unit.deployed %}bg-blue-100 text-blue-800 dark:bg-blue-900 dark:text-blue-200
|
|
||||||
{% else %}bg-gray-100 text-gray-800 dark:bg-gray-700 dark:text-gray-200{% endif %}">
|
|
||||||
{% if unit.deployed %}Deployed{% else %}Benched{% endif %}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Command Center -->
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div id="slm-command-center"
|
|
||||||
hx-get="/api/slm-dashboard/live-view/{{ unit_id }}"
|
|
||||||
hx-trigger="load"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<div class="text-center py-8 text-gray-500">
|
|
||||||
<div class="animate-spin rounded-full h-12 w-12 border-b-2 border-seismo-orange mx-auto mb-4"></div>
|
|
||||||
<p>Loading command center...</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
{% endblock %}
|
|
||||||
@@ -1,176 +0,0 @@
|
|||||||
{% extends "base.html" %}
|
|
||||||
|
|
||||||
{% block title %}{{ unit_id }} - Sound Level Meter Control Center{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
|
||||||
<!-- Breadcrumb Navigation -->
|
|
||||||
<div class="mb-6">
|
|
||||||
<nav class="flex items-center space-x-2 text-sm">
|
|
||||||
{% if from_nrl and nrl_location and from_project and project %}
|
|
||||||
<!-- From NRL Location: Projects > Project > NRL > Unit -->
|
|
||||||
<a href="/projects" class="text-gray-500 hover:text-seismo-orange">Projects</a>
|
|
||||||
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
|
||||||
</svg>
|
|
||||||
<a href="/projects/{{ from_project }}" class="text-gray-500 hover:text-seismo-orange">
|
|
||||||
{{ project.name }}
|
|
||||||
</a>
|
|
||||||
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
|
||||||
</svg>
|
|
||||||
<a href="/projects/{{ from_project }}/nrl/{{ from_nrl }}" class="text-seismo-orange hover:text-seismo-navy flex items-center">
|
|
||||||
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
|
|
||||||
</svg>
|
|
||||||
{{ nrl_location.name }}
|
|
||||||
</a>
|
|
||||||
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
|
||||||
</svg>
|
|
||||||
<span class="text-gray-900 dark:text-white font-medium">{{ unit_id }}</span>
|
|
||||||
{% elif from_project and project %}
|
|
||||||
<!-- From Project: Projects > Project > Unit -->
|
|
||||||
<a href="/projects" class="text-gray-500 hover:text-seismo-orange">Projects</a>
|
|
||||||
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
|
||||||
</svg>
|
|
||||||
<a href="/projects/{{ from_project }}" class="text-seismo-orange hover:text-seismo-navy flex items-center">
|
|
||||||
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
|
|
||||||
</svg>
|
|
||||||
{{ project.name }}
|
|
||||||
</a>
|
|
||||||
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
|
||||||
</svg>
|
|
||||||
<span class="text-gray-900 dark:text-white font-medium">{{ unit_id }}</span>
|
|
||||||
{% else %}
|
|
||||||
<!-- Default: Sound Level Meters > Unit -->
|
|
||||||
<a href="/sound-level-meters" class="text-seismo-orange hover:text-seismo-navy flex items-center">
|
|
||||||
<svg class="w-4 h-4 mr-1" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 19l-7-7 7-7"></path>
|
|
||||||
</svg>
|
|
||||||
Sound Level Meters
|
|
||||||
</a>
|
|
||||||
<svg class="w-4 h-4 text-gray-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path>
|
|
||||||
</svg>
|
|
||||||
<span class="text-gray-900 dark:text-white font-medium">{{ unit_id }}</span>
|
|
||||||
{% endif %}
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Header -->
|
|
||||||
<div class="mb-8">
|
|
||||||
<div class="flex justify-between items-start">
|
|
||||||
<div>
|
|
||||||
<h1 class="text-3xl font-bold text-gray-900 dark:text-white flex items-center">
|
|
||||||
<svg class="w-8 h-8 mr-3 text-seismo-orange" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"></path>
|
|
||||||
</svg>
|
|
||||||
{{ unit_id }}
|
|
||||||
</h1>
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 mt-1">
|
|
||||||
Sound Level Meter {% if from_project or from_nrl %}Operations{% else %}Control Center{% endif %}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
{% if not from_project and not from_nrl %}
|
|
||||||
<!-- Configure button only shown in administrative context (accessed from roster/SLM dashboard) -->
|
|
||||||
<div class="flex gap-3">
|
|
||||||
<button onclick="openConfigModal()"
|
|
||||||
class="px-4 py-2 bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300 rounded-lg hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors flex items-center">
|
|
||||||
<svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"></path>
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
|
|
||||||
</svg>
|
|
||||||
Configure
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Live View Panel -->
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg">
|
|
||||||
<div id="live-view-content"
|
|
||||||
hx-get="/api/slm-dashboard/live-view/{{ unit_id }}"
|
|
||||||
hx-trigger="load"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<!-- Loading State -->
|
|
||||||
<div class="p-12 text-center">
|
|
||||||
<div class="animate-spin rounded-full h-12 w-12 border-b-2 border-seismo-orange mx-auto mb-4"></div>
|
|
||||||
<p class="text-gray-500 dark:text-gray-400">Loading control center...</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Configuration Modal -->
|
|
||||||
<div id="config-modal" class="hidden fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-2xl w-full max-w-2xl max-h-[90vh] overflow-y-auto m-4">
|
|
||||||
<div class="p-6 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between">
|
|
||||||
<h2 class="text-2xl font-bold text-gray-900 dark:text-white">Configure {{ unit_id }}</h2>
|
|
||||||
<button onclick="closeConfigModal()" class="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">
|
|
||||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="config-modal-content"
|
|
||||||
hx-get="/api/slm-dashboard/config/{{ unit_id }}"
|
|
||||||
hx-trigger="load"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<!-- Loading skeleton -->
|
|
||||||
<div class="p-6 space-y-4 animate-pulse">
|
|
||||||
<div class="h-4 bg-gray-200 dark:bg-gray-700 rounded w-3/4"></div>
|
|
||||||
<div class="h-4 bg-gray-200 dark:bg-gray-700 rounded"></div>
|
|
||||||
<div class="h-4 bg-gray-200 dark:bg-gray-700 rounded w-5/6"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
// Modal functions
|
|
||||||
function openConfigModal() {
|
|
||||||
const modal = document.getElementById('config-modal');
|
|
||||||
modal.classList.remove('hidden');
|
|
||||||
// Reload config when opening
|
|
||||||
htmx.ajax('GET', '/api/slm-dashboard/config/{{ unit_id }}', {
|
|
||||||
target: '#config-modal-content',
|
|
||||||
swap: 'innerHTML'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function closeConfigModal() {
|
|
||||||
document.getElementById('config-modal').classList.add('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Keyboard shortcut
|
|
||||||
document.addEventListener('keydown', function(e) {
|
|
||||||
if (e.key === 'Escape') {
|
|
||||||
closeConfigModal();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Click outside to close
|
|
||||||
document.getElementById('config-modal')?.addEventListener('click', function(e) {
|
|
||||||
if (e.target === this) {
|
|
||||||
closeConfigModal();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Listen for config updates to refresh live view
|
|
||||||
document.body.addEventListener('htmx:afterRequest', function(event) {
|
|
||||||
if (event.detail.pathInfo.requestPath.includes('/config/') && event.detail.successful) {
|
|
||||||
// Refresh live view after config update
|
|
||||||
htmx.ajax('GET', '/api/slm-dashboard/live-view/{{ unit_id }}', {
|
|
||||||
target: '#live-view-content',
|
|
||||||
swap: 'innerHTML'
|
|
||||||
});
|
|
||||||
closeConfigModal();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
{% endblock %}
|
|
||||||
@@ -1,400 +0,0 @@
|
|||||||
{% extends "base.html" %}
|
|
||||||
|
|
||||||
{% block title %}Sound Level Meters - Seismo Fleet Manager{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
|
||||||
<div class="mb-8">
|
|
||||||
<h1 class="text-3xl font-bold text-gray-900 dark:text-white flex items-center">
|
|
||||||
<svg class="w-8 h-8 mr-3 text-seismo-orange" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.536 8.464a5 5 0 010 7.072m2.828-9.9a9 9 0 010 12.728M5.586 15H4a1 1 0 01-1-1v-4a1 1 0 011-1h1.586l4.707-4.707C10.923 3.663 12 4.109 12 5v14c0 .891-1.077 1.337-1.707.707L5.586 15z"></path>
|
|
||||||
</svg>
|
|
||||||
Sound Level Meters
|
|
||||||
</h1>
|
|
||||||
<p class="text-gray-600 dark:text-gray-400 mt-1">Monitor and control sound level measurement devices</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Summary Stats -->
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8"
|
|
||||||
hx-get="/api/slm-dashboard/stats"
|
|
||||||
hx-trigger="load, every 10s"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<!-- Stats will be loaded here -->
|
|
||||||
<div class="animate-pulse bg-gray-200 dark:bg-gray-700 h-24 rounded-xl"></div>
|
|
||||||
<div class="animate-pulse bg-gray-200 dark:bg-gray-700 h-24 rounded-xl"></div>
|
|
||||||
<div class="animate-pulse bg-gray-200 dark:bg-gray-700 h-24 rounded-xl"></div>
|
|
||||||
<div class="animate-pulse bg-gray-200 dark:bg-gray-700 h-24 rounded-xl"></div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Device List with Quick Actions -->
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6 mb-8">
|
|
||||||
<div class="flex items-center justify-between mb-6">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white">Active Devices</h2>
|
|
||||||
<div class="flex items-center gap-3">
|
|
||||||
<span class="text-sm text-gray-500 dark:text-gray-400">Auto-refresh: 15s</span>
|
|
||||||
<a href="/roster" class="text-sm text-seismo-orange hover:text-seismo-navy">Manage roster</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="slm-devices-list"
|
|
||||||
class="space-y-3"
|
|
||||||
hx-get="/api/slm-dashboard/units?include_measurement=true"
|
|
||||||
hx-trigger="load, every 15s"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<div class="animate-pulse space-y-3">
|
|
||||||
<div class="bg-gray-200 dark:bg-gray-700 h-32 rounded-lg"></div>
|
|
||||||
<div class="bg-gray-200 dark:bg-gray-700 h-32 rounded-lg"></div>
|
|
||||||
<div class="bg-gray-200 dark:bg-gray-700 h-32 rounded-lg"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Live Measurement Chart - shows when a device is selected -->
|
|
||||||
<div id="live-chart-panel" class="hidden bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6 mb-8">
|
|
||||||
<div class="flex items-center justify-between mb-6">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white">Live Measurements</h2>
|
|
||||||
<button onclick="closeLiveChart()" class="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">
|
|
||||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Current Metrics -->
|
|
||||||
<div class="grid grid-cols-5 gap-4 mb-6">
|
|
||||||
<div class="bg-blue-50 dark:bg-blue-900/20 rounded-lg p-4">
|
|
||||||
<p class="text-xs text-gray-600 dark:text-gray-400 mb-1">Lp (Instant)</p>
|
|
||||||
<p id="chart-lp" class="text-2xl font-bold text-blue-600 dark:text-blue-400">--</p>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">dB</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-green-50 dark:bg-green-900/20 rounded-lg p-4">
|
|
||||||
<p class="text-xs text-gray-600 dark:text-gray-400 mb-1">Leq (Average)</p>
|
|
||||||
<p id="chart-leq" class="text-2xl font-bold text-green-600 dark:text-green-400">--</p>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">dB</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-red-50 dark:bg-red-900/20 rounded-lg p-4">
|
|
||||||
<p class="text-xs text-gray-600 dark:text-gray-400 mb-1">Lmax (Max)</p>
|
|
||||||
<p id="chart-lmax" class="text-2xl font-bold text-red-600 dark:text-red-400">--</p>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">dB</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-purple-50 dark:bg-purple-900/20 rounded-lg p-4">
|
|
||||||
<p class="text-xs text-gray-600 dark:text-gray-400 mb-1">Lmin (Min)</p>
|
|
||||||
<p id="chart-lmin" class="text-2xl font-bold text-purple-600 dark:text-purple-400">--</p>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">dB</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="bg-orange-50 dark:bg-orange-900/20 rounded-lg p-4">
|
|
||||||
<p class="text-xs text-gray-600 dark:text-gray-400 mb-1">Lpeak (Peak)</p>
|
|
||||||
<p id="chart-lpeak" class="text-2xl font-bold text-orange-600 dark:text-orange-400">--</p>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400">dB</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Chart -->
|
|
||||||
<div class="bg-gray-50 dark:bg-gray-900/50 rounded-lg p-4" style="min-height: 400px;">
|
|
||||||
<canvas id="dashboardLiveChart"></canvas>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Stream Control -->
|
|
||||||
<div class="mt-4 flex justify-center gap-3">
|
|
||||||
<button id="start-chart-stream" onclick="startDashboardStream()"
|
|
||||||
class="px-6 py-2 bg-seismo-orange hover:bg-orange-600 text-white rounded-lg flex items-center">
|
|
||||||
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 10V3L4 14h7v7l9-11h-7z"></path>
|
|
||||||
</svg>
|
|
||||||
Start Live Stream
|
|
||||||
</button>
|
|
||||||
<button id="stop-chart-stream" onclick="stopDashboardStream()" style="display: none;"
|
|
||||||
class="px-6 py-2 bg-red-600 hover:bg-red-700 text-white rounded-lg flex items-center">
|
|
||||||
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 10a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z"></path>
|
|
||||||
</svg>
|
|
||||||
Stop Live Stream
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Projects Overview -->
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6">
|
|
||||||
<div class="flex items-center justify-between mb-4">
|
|
||||||
<h2 class="text-xl font-semibold text-gray-900 dark:text-white">Active Projects</h2>
|
|
||||||
<a href="/projects" class="text-sm text-seismo-orange hover:text-seismo-navy">View all</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="slm-projects-list"
|
|
||||||
class="space-y-3 max-h-[400px] overflow-y-auto"
|
|
||||||
hx-get="/api/projects/list?status=active&project_type_id=sound_monitoring&view=compact"
|
|
||||||
hx-trigger="load, every 60s"
|
|
||||||
hx-swap="innerHTML">
|
|
||||||
<div class="animate-pulse space-y-3">
|
|
||||||
<div class="bg-gray-200 dark:bg-gray-700 h-20 rounded-lg"></div>
|
|
||||||
<div class="bg-gray-200 dark:bg-gray-700 h-20 rounded-lg"></div>
|
|
||||||
<div class="bg-gray-200 dark:bg-gray-700 h-20 rounded-lg"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Configuration Modal -->
|
|
||||||
<div id="slm-config-modal" class="hidden fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50">
|
|
||||||
<div class="bg-white dark:bg-slate-800 rounded-xl p-6 max-w-2xl w-full mx-4 max-h-[90vh] overflow-y-auto">
|
|
||||||
<div class="flex items-center justify-between mb-6">
|
|
||||||
<h3 class="text-2xl font-bold text-gray-900 dark:text-white">Configure SLM</h3>
|
|
||||||
<button onclick="closeDeviceConfigModal()" class="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">
|
|
||||||
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
||||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
|
||||||
</svg>
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="slm-config-modal-content">
|
|
||||||
<div class="animate-pulse space-y-4">
|
|
||||||
<div class="h-4 bg-gray-200 dark:bg-gray-700 rounded w-3/4"></div>
|
|
||||||
<div class="h-4 bg-gray-200 dark:bg-gray-700 rounded"></div>
|
|
||||||
<div class="h-4 bg-gray-200 dark:bg-gray-700 rounded w-5/6"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
||||||
<script>
|
|
||||||
// Global variables
|
|
||||||
window.dashboardChart = null;
|
|
||||||
window.dashboardWebSocket = null;
|
|
||||||
window.selectedUnitId = null;
|
|
||||||
window.dashboardChartData = {
|
|
||||||
timestamps: [],
|
|
||||||
lp: [],
|
|
||||||
leq: []
|
|
||||||
};
|
|
||||||
|
|
||||||
// Initialize Chart.js
|
|
||||||
function initializeDashboardChart() {
|
|
||||||
if (typeof Chart === 'undefined') {
|
|
||||||
setTimeout(initializeDashboardChart, 100);
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const canvas = document.getElementById('dashboardLiveChart');
|
|
||||||
if (!canvas) return;
|
|
||||||
|
|
||||||
if (window.dashboardChart) {
|
|
||||||
window.dashboardChart.destroy();
|
|
||||||
}
|
|
||||||
|
|
||||||
const ctx = canvas.getContext('2d');
|
|
||||||
const isDarkMode = document.documentElement.classList.contains('dark');
|
|
||||||
const gridColor = isDarkMode ? 'rgba(255, 255, 255, 0.1)' : 'rgba(0, 0, 0, 0.1)';
|
|
||||||
const textColor = isDarkMode ? 'rgba(255, 255, 255, 0.7)' : 'rgba(0, 0, 0, 0.7)';
|
|
||||||
|
|
||||||
window.dashboardChart = new Chart(ctx, {
|
|
||||||
type: 'line',
|
|
||||||
data: {
|
|
||||||
labels: [],
|
|
||||||
datasets: [
|
|
||||||
{
|
|
||||||
label: 'Lp (Instantaneous)',
|
|
||||||
data: [],
|
|
||||||
borderColor: 'rgb(59, 130, 246)',
|
|
||||||
backgroundColor: 'rgba(59, 130, 246, 0.1)',
|
|
||||||
tension: 0.3,
|
|
||||||
borderWidth: 2,
|
|
||||||
pointRadius: 0
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: 'Leq (Equivalent)',
|
|
||||||
data: [],
|
|
||||||
borderColor: 'rgb(34, 197, 94)',
|
|
||||||
backgroundColor: 'rgba(34, 197, 94, 0.1)',
|
|
||||||
tension: 0.3,
|
|
||||||
borderWidth: 2,
|
|
||||||
pointRadius: 0
|
|
||||||
}
|
|
||||||
]
|
|
||||||
},
|
|
||||||
options: {
|
|
||||||
responsive: true,
|
|
||||||
maintainAspectRatio: false,
|
|
||||||
animation: false,
|
|
||||||
interaction: {
|
|
||||||
intersect: false,
|
|
||||||
mode: 'index'
|
|
||||||
},
|
|
||||||
scales: {
|
|
||||||
x: {
|
|
||||||
display: true,
|
|
||||||
grid: { color: gridColor },
|
|
||||||
ticks: { color: textColor, maxTicksLimit: 10 }
|
|
||||||
},
|
|
||||||
y: {
|
|
||||||
display: true,
|
|
||||||
title: {
|
|
||||||
display: true,
|
|
||||||
text: 'Sound Level (dB)',
|
|
||||||
color: textColor
|
|
||||||
},
|
|
||||||
grid: { color: gridColor },
|
|
||||||
ticks: { color: textColor },
|
|
||||||
min: 30,
|
|
||||||
max: 130
|
|
||||||
}
|
|
||||||
},
|
|
||||||
plugins: {
|
|
||||||
legend: {
|
|
||||||
labels: { color: textColor }
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Show live chart for a specific unit
|
|
||||||
function showLiveChart(unitId) {
|
|
||||||
window.selectedUnitId = unitId;
|
|
||||||
const panel = document.getElementById('live-chart-panel');
|
|
||||||
panel.classList.remove('hidden');
|
|
||||||
|
|
||||||
// Initialize chart if needed
|
|
||||||
if (!window.dashboardChart) {
|
|
||||||
initializeDashboardChart();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Reset data
|
|
||||||
window.dashboardChartData = {
|
|
||||||
timestamps: [],
|
|
||||||
lp: [],
|
|
||||||
leq: []
|
|
||||||
};
|
|
||||||
|
|
||||||
// Scroll to chart
|
|
||||||
panel.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
||||||
}
|
|
||||||
|
|
||||||
function closeLiveChart() {
|
|
||||||
stopDashboardStream();
|
|
||||||
document.getElementById('live-chart-panel').classList.add('hidden');
|
|
||||||
window.selectedUnitId = null;
|
|
||||||
}
|
|
||||||
|
|
||||||
// WebSocket streaming
|
|
||||||
function startDashboardStream() {
|
|
||||||
if (!window.selectedUnitId) return;
|
|
||||||
|
|
||||||
// Close existing connection
|
|
||||||
if (window.dashboardWebSocket) {
|
|
||||||
window.dashboardWebSocket.close();
|
|
||||||
}
|
|
||||||
|
|
||||||
// Reset chart data
|
|
||||||
window.dashboardChartData = { timestamps: [], lp: [], leq: [] };
|
|
||||||
if (window.dashboardChart) {
|
|
||||||
window.dashboardChart.data.labels = [];
|
|
||||||
window.dashboardChart.data.datasets[0].data = [];
|
|
||||||
window.dashboardChart.data.datasets[1].data = [];
|
|
||||||
window.dashboardChart.update();
|
|
||||||
}
|
|
||||||
|
|
||||||
const wsProtocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
|
|
||||||
const wsUrl = `${wsProtocol}//${window.location.host}/api/slmm/${window.selectedUnitId}/live`;
|
|
||||||
|
|
||||||
window.dashboardWebSocket = new WebSocket(wsUrl);
|
|
||||||
|
|
||||||
window.dashboardWebSocket.onopen = function() {
|
|
||||||
console.log('Dashboard WebSocket connected');
|
|
||||||
document.getElementById('start-chart-stream').style.display = 'none';
|
|
||||||
document.getElementById('stop-chart-stream').style.display = 'flex';
|
|
||||||
};
|
|
||||||
|
|
||||||
window.dashboardWebSocket.onmessage = function(event) {
|
|
||||||
try {
|
|
||||||
const data = JSON.parse(event.data);
|
|
||||||
updateDashboardMetrics(data);
|
|
||||||
updateDashboardChart(data);
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Error parsing WebSocket message:', error);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
window.dashboardWebSocket.onerror = function(error) {
|
|
||||||
console.error('Dashboard WebSocket error:', error);
|
|
||||||
};
|
|
||||||
|
|
||||||
window.dashboardWebSocket.onclose = function() {
|
|
||||||
console.log('Dashboard WebSocket closed');
|
|
||||||
document.getElementById('start-chart-stream').style.display = 'flex';
|
|
||||||
document.getElementById('stop-chart-stream').style.display = 'none';
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
function stopDashboardStream() {
|
|
||||||
if (window.dashboardWebSocket) {
|
|
||||||
window.dashboardWebSocket.close();
|
|
||||||
window.dashboardWebSocket = null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateDashboardMetrics(data) {
|
|
||||||
document.getElementById('chart-lp').textContent = data.lp || '--';
|
|
||||||
document.getElementById('chart-leq').textContent = data.leq || '--';
|
|
||||||
document.getElementById('chart-lmax').textContent = data.lmax || '--';
|
|
||||||
document.getElementById('chart-lmin').textContent = data.lmin || '--';
|
|
||||||
document.getElementById('chart-lpeak').textContent = data.lpeak || '--';
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateDashboardChart(data) {
|
|
||||||
const now = new Date();
|
|
||||||
window.dashboardChartData.timestamps.push(now.toLocaleTimeString());
|
|
||||||
window.dashboardChartData.lp.push(parseFloat(data.lp || 0));
|
|
||||||
window.dashboardChartData.leq.push(parseFloat(data.leq || 0));
|
|
||||||
|
|
||||||
// Keep only last 60 data points
|
|
||||||
if (window.dashboardChartData.timestamps.length > 60) {
|
|
||||||
window.dashboardChartData.timestamps.shift();
|
|
||||||
window.dashboardChartData.lp.shift();
|
|
||||||
window.dashboardChartData.leq.shift();
|
|
||||||
}
|
|
||||||
|
|
||||||
if (window.dashboardChart) {
|
|
||||||
window.dashboardChart.data.labels = window.dashboardChartData.timestamps;
|
|
||||||
window.dashboardChart.data.datasets[0].data = window.dashboardChartData.lp;
|
|
||||||
window.dashboardChart.data.datasets[1].data = window.dashboardChartData.leq;
|
|
||||||
window.dashboardChart.update('none');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Configuration modal
|
|
||||||
function openDeviceConfigModal(unitId) {
|
|
||||||
const modal = document.getElementById('slm-config-modal');
|
|
||||||
modal.classList.remove('hidden');
|
|
||||||
|
|
||||||
htmx.ajax('GET', `/api/slm-dashboard/config/${unitId}`, {
|
|
||||||
target: '#slm-config-modal-content',
|
|
||||||
swap: 'innerHTML'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function closeDeviceConfigModal() {
|
|
||||||
document.getElementById('slm-config-modal').classList.add('hidden');
|
|
||||||
}
|
|
||||||
|
|
||||||
document.addEventListener('keydown', function(e) {
|
|
||||||
if (e.key === 'Escape') {
|
|
||||||
closeDeviceConfigModal();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
document.getElementById('slm-config-modal')?.addEventListener('click', function(e) {
|
|
||||||
if (e.target === this) {
|
|
||||||
closeDeviceConfigModal();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
// Cleanup on page unload
|
|
||||||
window.addEventListener('beforeunload', function() {
|
|
||||||
stopDashboardStream();
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
{% endblock %}
|
|
||||||
@@ -240,7 +240,6 @@
|
|||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
||||||
<option value="seismograph">Seismograph</option>
|
<option value="seismograph">Seismograph</option>
|
||||||
<option value="modem">Modem</option>
|
<option value="modem">Modem</option>
|
||||||
<option value="sound_level_meter">Sound Level Meter</option>
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -317,63 +316,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Sound Level Meter Fields -->
|
|
||||||
<div id="slmFields" class="hidden space-y-4 border-t border-gray-200 dark:border-gray-700 pt-4">
|
|
||||||
<h3 class="text-lg font-semibold text-gray-900 dark:text-white">Sound Level Meter Information</h3>
|
|
||||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Model</label>
|
|
||||||
<input type="text" name="slm_model" id="slmModel" placeholder="NL-43, NL-53, etc."
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Serial Number</label>
|
|
||||||
<input type="text" name="slm_serial_number" id="slmSerialNumber" placeholder="123456"
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Frequency Weighting</label>
|
|
||||||
<select name="slm_frequency_weighting" id="slmFrequencyWeighting"
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
|
||||||
<option value="">Not set</option>
|
|
||||||
<option value="A">A-weighting</option>
|
|
||||||
<option value="C">C-weighting</option>
|
|
||||||
<option value="Z">Z-weighting (Flat)</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Time Weighting</label>
|
|
||||||
<select name="slm_time_weighting" id="slmTimeWeighting"
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
|
||||||
<option value="">Not set</option>
|
|
||||||
<option value="F">Fast (125ms)</option>
|
|
||||||
<option value="S">Slow (1s)</option>
|
|
||||||
<option value="I">Impulse (35ms)</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Measurement Range</label>
|
|
||||||
<input type="text" name="slm_measurement_range" id="slmMeasurementRange" placeholder="30-130 dB"
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
|
||||||
</div>
|
|
||||||
<div>
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">TCP Port (on modem)</label>
|
|
||||||
<input type="number" name="slm_tcp_port" id="slmTcpPort" placeholder="2255"
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">Default: 2255</p>
|
|
||||||
</div>
|
|
||||||
<div class="md:col-span-2">
|
|
||||||
<label class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Deployed With Modem</label>
|
|
||||||
<select name="deployed_with_modem_id" id="slmDeployedWithModemId"
|
|
||||||
class="w-full px-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-slate-700 text-gray-900 dark:text-white focus:ring-2 focus:ring-seismo-orange">
|
|
||||||
<option value="">No modem assigned</option>
|
|
||||||
<!-- Options will be populated by JavaScript -->
|
|
||||||
</select>
|
|
||||||
<p class="text-xs text-gray-500 dark:text-gray-400 mt-1">Select the modem that provides network connectivity for this SLM</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Checkboxes -->
|
<!-- Checkboxes -->
|
||||||
<div class="flex items-center gap-6 border-t border-gray-200 dark:border-gray-700 pt-4">
|
<div class="flex items-center gap-6 border-t border-gray-200 dark:border-gray-700 pt-4">
|
||||||
<label class="flex items-center gap-2 cursor-pointer">
|
<label class="flex items-center gap-2 cursor-pointer">
|
||||||
@@ -431,9 +373,6 @@ async function loadUnitData() {
|
|||||||
currentSnapshot = await snapshotResponse.json();
|
currentSnapshot = await snapshotResponse.json();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Load modems list for dropdown
|
|
||||||
await loadModemsList();
|
|
||||||
|
|
||||||
// Populate views
|
// Populate views
|
||||||
populateViewMode();
|
populateViewMode();
|
||||||
populateEditForm();
|
populateEditForm();
|
||||||
@@ -452,38 +391,6 @@ async function loadUnitData() {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Load list of modems for dropdown
|
|
||||||
async function loadModemsList() {
|
|
||||||
try {
|
|
||||||
const response = await fetch('/api/roster/modems');
|
|
||||||
if (response.ok) {
|
|
||||||
const modems = await response.json();
|
|
||||||
|
|
||||||
// Populate both seismograph and SLM modem dropdowns
|
|
||||||
const seismoDropdown = document.getElementById('deployedWithModemId');
|
|
||||||
const slmDropdown = document.getElementById('slmDeployedWithModemId');
|
|
||||||
|
|
||||||
// Clear existing options (except the first "No modem" option)
|
|
||||||
[seismoDropdown, slmDropdown].forEach(dropdown => {
|
|
||||||
if (!dropdown) return;
|
|
||||||
while (dropdown.options.length > 1) {
|
|
||||||
dropdown.remove(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
// Add modem options
|
|
||||||
modems.forEach(modem => {
|
|
||||||
const option = document.createElement('option');
|
|
||||||
option.value = modem.id;
|
|
||||||
option.textContent = `${modem.id}${modem.ip_address ? ' (' + modem.ip_address + ')' : ''}${modem.hardware_model ? ' - ' + modem.hardware_model : ''}`;
|
|
||||||
dropdown.appendChild(option);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error('Failed to load modems list:', error);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Populate view mode (read-only display)
|
// Populate view mode (read-only display)
|
||||||
function populateViewMode() {
|
function populateViewMode() {
|
||||||
// Update page title and store unit ID for copy function
|
// Update page title and store unit ID for copy function
|
||||||
@@ -584,15 +491,6 @@ function populateEditForm() {
|
|||||||
document.getElementById('phoneNumber').value = currentUnit.phone_number || '';
|
document.getElementById('phoneNumber').value = currentUnit.phone_number || '';
|
||||||
document.getElementById('hardwareModel').value = currentUnit.hardware_model || '';
|
document.getElementById('hardwareModel').value = currentUnit.hardware_model || '';
|
||||||
|
|
||||||
// Sound Level Meter fields
|
|
||||||
document.getElementById('slmTcpPort').value = currentUnit.slm_tcp_port || '';
|
|
||||||
document.getElementById('slmModel').value = currentUnit.slm_model || '';
|
|
||||||
document.getElementById('slmSerialNumber').value = currentUnit.slm_serial_number || '';
|
|
||||||
document.getElementById('slmFrequencyWeighting').value = currentUnit.slm_frequency_weighting || '';
|
|
||||||
document.getElementById('slmTimeWeighting').value = currentUnit.slm_time_weighting || '';
|
|
||||||
document.getElementById('slmMeasurementRange').value = currentUnit.slm_measurement_range || '';
|
|
||||||
document.getElementById('slmDeployedWithModemId').value = currentUnit.deployed_with_modem_id || '';
|
|
||||||
|
|
||||||
// Show/hide fields based on device type
|
// Show/hide fields based on device type
|
||||||
toggleDetailFields();
|
toggleDetailFields();
|
||||||
}
|
}
|
||||||
@@ -602,20 +500,13 @@ function toggleDetailFields() {
|
|||||||
const deviceType = document.getElementById('deviceType').value;
|
const deviceType = document.getElementById('deviceType').value;
|
||||||
const seismoFields = document.getElementById('seismographFields');
|
const seismoFields = document.getElementById('seismographFields');
|
||||||
const modemFields = document.getElementById('modemFields');
|
const modemFields = document.getElementById('modemFields');
|
||||||
const slmFields = document.getElementById('slmFields');
|
|
||||||
|
|
||||||
// Hide all device-specific fields first
|
|
||||||
seismoFields.classList.add('hidden');
|
|
||||||
modemFields.classList.add('hidden');
|
|
||||||
slmFields.classList.add('hidden');
|
|
||||||
|
|
||||||
// Show the relevant fields
|
|
||||||
if (deviceType === 'seismograph') {
|
if (deviceType === 'seismograph') {
|
||||||
seismoFields.classList.remove('hidden');
|
seismoFields.classList.remove('hidden');
|
||||||
} else if (deviceType === 'modem') {
|
modemFields.classList.add('hidden');
|
||||||
|
} else {
|
||||||
|
seismoFields.classList.add('hidden');
|
||||||
modemFields.classList.remove('hidden');
|
modemFields.classList.remove('hidden');
|
||||||
} else if (deviceType === 'sound_level_meter') {
|
|
||||||
slmFields.classList.remove('hidden');
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user