@@ -153,6 +360,7 @@
// Add Unit Modal
function openAddUnitModal() {
document.getElementById('addUnitModal').classList.remove('hidden');
+ toggleDeviceFields(); // Initialize field visibility
}
function closeAddUnitModal() {
@@ -160,6 +368,35 @@
document.getElementById('addUnitForm').reset();
}
+ // Toggle device-specific fields based on device type selection
+ function toggleDeviceFields() {
+ const deviceType = document.getElementById('deviceTypeSelect').value;
+ const seismoFields = document.getElementById('seismographFields');
+ const modemFields = document.getElementById('modemFields');
+
+ if (deviceType === 'seismograph') {
+ seismoFields.classList.remove('hidden');
+ modemFields.classList.add('hidden');
+ toggleModemPairing(); // Check if modem pairing should be shown
+ } else {
+ seismoFields.classList.add('hidden');
+ modemFields.classList.remove('hidden');
+ }
+ }
+
+ // Toggle modem pairing field visibility (only for deployed seismographs)
+ function toggleModemPairing() {
+ const deviceType = document.getElementById('deviceTypeSelect').value;
+ const deployedCheckbox = document.getElementById('deployedCheckbox');
+ const modemPairingField = document.getElementById('modemPairingField');
+
+ if (deviceType === 'seismograph' && deployedCheckbox.checked) {
+ modemPairingField.classList.remove('hidden');
+ } else {
+ modemPairingField.classList.add('hidden');
+ }
+ }
+
// Add unknown unit to roster
function addUnknownUnit(unitId) {
openAddUnitModal();
@@ -167,6 +404,8 @@
document.querySelector('#addUnitForm input[name="id"]').value = unitId;
// Set deployed to true by default
document.querySelector('#addUnitForm input[name="deployed"]').checked = true;
+ // Trigger field visibility updates
+ toggleModemPairing(); // Show modem pairing field for deployed seismographs
}
// Ignore unknown unit
@@ -211,8 +450,11 @@
document.getElementById('addUnitForm').addEventListener('htmx:afterRequest', function(event) {
if (event.detail.successful) {
closeAddUnitModal();
- // Trigger roster refresh
- htmx.trigger(document.querySelector('[hx-get="/partials/roster-table"]'), 'load');
+ // Trigger roster refresh for current active tab
+ htmx.ajax('GET', currentRosterEndpoint, {
+ target: '#roster-content',
+ swap: 'innerHTML'
+ });
// Show success message
alert('Unit added successfully!');
} else {
@@ -220,6 +462,217 @@
}
});
+ // Edit Unit Modal Functions
+ function openEditUnitModal() {
+ document.getElementById('editUnitModal').classList.remove('hidden');
+ }
+
+ function closeEditUnitModal() {
+ document.getElementById('editUnitModal').classList.add('hidden');
+ document.getElementById('editUnitForm').reset();
+ }
+
+ // Toggle device-specific fields in edit modal
+ function toggleEditDeviceFields() {
+ const deviceType = document.getElementById('editDeviceTypeSelect').value;
+ const seismoFields = document.getElementById('editSeismographFields');
+ const modemFields = document.getElementById('editModemFields');
+
+ if (deviceType === 'seismograph') {
+ seismoFields.classList.remove('hidden');
+ modemFields.classList.add('hidden');
+ toggleEditModemPairing();
+ } else {
+ seismoFields.classList.add('hidden');
+ modemFields.classList.remove('hidden');
+ }
+ }
+
+ // Toggle modem pairing field in edit modal
+ function toggleEditModemPairing() {
+ const deviceType = document.getElementById('editDeviceTypeSelect').value;
+ const deployedCheckbox = document.getElementById('editDeployedCheckbox');
+ const modemPairingField = document.getElementById('editModemPairingField');
+
+ if (deviceType === 'seismograph' && deployedCheckbox.checked) {
+ modemPairingField.classList.remove('hidden');
+ } else {
+ modemPairingField.classList.add('hidden');
+ }
+ }
+
+ // Edit Unit - Fetch data and populate form
+ async function editUnit(unitId) {
+ try {
+ const response = await fetch(`/api/roster/${unitId}`);
+ if (!response.ok) {
+ throw new Error('Failed to fetch unit data');
+ }
+
+ const unit = await response.json();
+
+ // Populate form fields
+ document.getElementById('editUnitId').value = unit.id;
+ document.getElementById('editDeviceTypeSelect').value = unit.device_type;
+ document.getElementById('editUnitType').value = unit.unit_type;
+ document.getElementById('editProjectId').value = unit.project_id;
+ document.getElementById('editAddress').value = unit.address;
+ document.getElementById('editCoordinates').value = unit.coordinates;
+ document.getElementById('editNote').value = unit.note;
+
+ // Checkboxes
+ document.getElementById('editDeployedCheckbox').checked = unit.deployed;
+ document.getElementById('editRetiredCheckbox').checked = unit.retired;
+
+ // Seismograph fields
+ document.getElementById('editLastCalibrated').value = unit.last_calibrated;
+ document.getElementById('editNextCalibrationDue').value = unit.next_calibration_due;
+ document.getElementById('editDeployedWithModemId').value = unit.deployed_with_modem_id;
+
+ // Modem fields
+ document.getElementById('editIpAddress').value = unit.ip_address;
+ document.getElementById('editPhoneNumber').value = unit.phone_number;
+ document.getElementById('editHardwareModel').value = unit.hardware_model;
+
+ // Store unit ID for form submission
+ document.getElementById('editUnitForm').dataset.unitId = unitId;
+
+ // Show/hide fields based on device type
+ toggleEditDeviceFields();
+
+ // Open modal
+ openEditUnitModal();
+ } catch (error) {
+ alert(`Error loading unit data: ${error.message}`);
+ }
+ }
+
+ // Handle Edit Unit form submission
+ document.getElementById('editUnitForm').addEventListener('submit', async function(event) {
+ event.preventDefault();
+
+ const unitId = this.dataset.unitId;
+ if (!unitId) {
+ alert('Error: Unit ID not found');
+ return;
+ }
+
+ const formData = new FormData(this);
+
+ try {
+ const response = await fetch(`/api/roster/edit/${unitId}`, {
+ method: 'POST',
+ body: formData
+ });
+
+ if (response.ok) {
+ closeEditUnitModal();
+ // Trigger roster refresh for current active tab
+ htmx.ajax('GET', currentRosterEndpoint, {
+ target: '#roster-content',
+ swap: 'innerHTML'
+ });
+ alert('Unit updated successfully!');
+ } else {
+ const result = await response.json();
+ alert(`Error: ${result.detail || 'Unknown error'}`);
+ }
+ } catch (error) {
+ alert(`Error updating unit: ${error.message}`);
+ }
+ });
+
+ // Toggle Deployed Status
+ async function toggleDeployed(unitId, deployed) {
+ const action = deployed ? 'deploy' : 'bench';
+ if (!confirm(`Are you sure you want to ${action} unit ${unitId}?`)) {
+ return;
+ }
+
+ try {
+ const formData = new FormData();
+ formData.append('deployed', deployed);
+
+ const response = await fetch(`/api/roster/set-deployed/${unitId}`, {
+ method: 'POST',
+ body: formData
+ });
+
+ if (response.ok) {
+ // Trigger roster refresh for current active tab
+ htmx.ajax('GET', currentRosterEndpoint, {
+ target: '#roster-content',
+ swap: 'innerHTML'
+ });
+ alert(`Unit ${deployed ? 'deployed' : 'benched'} successfully!`);
+ } else {
+ const result = await response.json();
+ alert(`Error: ${result.detail || 'Unknown error'}`);
+ }
+ } catch (error) {
+ alert(`Error: ${error.message}`);
+ }
+ }
+
+ // Move to Ignore List
+ async function moveToIgnore(unitId) {
+ const reason = prompt(`Why are you ignoring unit ${unitId}?`, '');
+ if (reason === null) {
+ return; // User cancelled
+ }
+
+ try {
+ const formData = new FormData();
+ formData.append('reason', reason);
+
+ const response = await fetch(`/api/roster/ignore/${unitId}`, {
+ method: 'POST',
+ body: formData
+ });
+
+ if (response.ok) {
+ // Trigger roster refresh for current active tab
+ htmx.ajax('GET', currentRosterEndpoint, {
+ target: '#roster-content',
+ swap: 'innerHTML'
+ });
+ alert(`Unit ${unitId} moved to ignore list`);
+ } else {
+ const result = await response.json();
+ alert(`Error: ${result.detail || 'Unknown error'}`);
+ }
+ } catch (error) {
+ alert(`Error: ${error.message}`);
+ }
+ }
+
+ // Delete Unit
+ async function deleteUnit(unitId) {
+ if (!confirm(`Are you sure you want to PERMANENTLY delete unit ${unitId}?\n\nThis action cannot be undone!`)) {
+ return;
+ }
+
+ try {
+ const response = await fetch(`/api/roster/${unitId}`, {
+ method: 'DELETE'
+ });
+
+ if (response.ok) {
+ // Trigger roster refresh for current active tab
+ htmx.ajax('GET', currentRosterEndpoint, {
+ target: '#roster-content',
+ swap: 'innerHTML'
+ });
+ alert(`Unit ${unitId} deleted successfully`);
+ } else {
+ const result = await response.json();
+ alert(`Error: ${result.detail || 'Unknown error'}`);
+ }
+ } catch (error) {
+ alert(`Error: ${error.message}`);
+ }
+ }
+
// Handle CSV Import
document.getElementById('importForm').addEventListener('submit', async function(e) {
e.preventDefault();
@@ -248,8 +701,11 @@
`;
resultDiv.classList.remove('hidden');
- // Trigger roster refresh
- htmx.trigger(document.querySelector('[hx-get="/partials/roster-table"]'), 'load');
+ // Trigger roster refresh for current active tab
+ htmx.ajax('GET', currentRosterEndpoint, {
+ target: '#roster-content',
+ swap: 'innerHTML'
+ });
// Close modal after 2 seconds
setTimeout(() => closeImportModal(), 2000);
@@ -264,6 +720,105 @@
resultDiv.classList.remove('hidden');
}
});
+
+ // Handle roster tab switching with auto-refresh
+ let currentRosterEndpoint = '/partials/roster-deployed'; // Default to deployed tab
+
+ document.addEventListener('DOMContentLoaded', function() {
+ const tabButtons = document.querySelectorAll('.roster-tab-button');
+
+ tabButtons.forEach(button => {
+ button.addEventListener('click', function() {
+ // Remove active-roster-tab class from all buttons
+ tabButtons.forEach(btn => btn.classList.remove('active-roster-tab'));
+ // Add active-roster-tab class to clicked button
+ this.classList.add('active-roster-tab');
+
+ // Update current endpoint for auto-refresh
+ currentRosterEndpoint = this.getAttribute('data-endpoint');
+ });
+ });
+
+ // Auto-refresh the current active tab every 10 seconds
+ setInterval(() => {
+ const rosterContent = document.getElementById('roster-content');
+ if (rosterContent) {
+ // Use HTMX to trigger a refresh of the current endpoint
+ htmx.ajax('GET', currentRosterEndpoint, {
+ target: '#roster-content',
+ swap: 'innerHTML'
+ });
+ }
+ }, 10000); // 10 seconds
+ });
+
+ // Un-ignore Unit (remove from ignored list)
+ async function unignoreUnit(unitId) {
+ if (!confirm(`Remove unit ${unitId} from ignore list?`)) {
+ return;
+ }
+
+ try {
+ const response = await fetch(`/api/roster/ignore/${unitId}`, {
+ method: 'DELETE'
+ });
+
+ if (response.ok) {
+ // Trigger ignored tab refresh
+ htmx.trigger(document.querySelector('[hx-get="/partials/roster-ignored"]'), 'load');
+ alert(`Unit ${unitId} removed from ignore list`);
+ } else {
+ const result = await response.json();
+ alert(`Error: ${result.detail || 'Unknown error'}`);
+ }
+ } catch (error) {
+ alert(`Error: ${error.message}`);
+ }
+ }
+
+ // Delete ignored unit completely (from emitters table)
+ async function deleteIgnoredUnit(unitId) {
+ if (!confirm(`Are you sure you want to PERMANENTLY delete unit ${unitId}?\n\nThis will remove it from the ignore list and delete all records.`)) {
+ return;
+ }
+
+ try {
+ // First remove from ignore list
+ await fetch(`/api/roster/ignore/${unitId}`, {
+ method: 'DELETE'
+ });
+
+ // Then delete the unit
+ const response = await fetch(`/api/roster/${unitId}`, {
+ method: 'DELETE'
+ });
+
+ if (response.ok) {
+ // Trigger ignored tab refresh
+ htmx.trigger(document.querySelector('[hx-get="/partials/roster-ignored"]'), 'load');
+ alert(`Unit ${unitId} deleted successfully`);
+ } else {
+ const result = await response.json();
+ alert(`Error: ${result.detail || 'Unknown error'}`);
+ }
+ } catch (error) {
+ alert(`Error: ${error.message}`);
+ }
+ }
+
+
{% endblock %}
diff --git a/templates/settings.html b/templates/settings.html
new file mode 100644
index 0000000..9eb0245
--- /dev/null
+++ b/templates/settings.html
@@ -0,0 +1,584 @@
+{% extends "base.html" %}
+
+{% block title %}Settings - Seismo Fleet Manager{% endblock %}
+
+{% block content %}
+
+
Roster Manager
+
Manage your fleet roster data - import, export, and reset
+
+
+
+
+
+
+
Export Roster
+
+ Download all roster data as CSV for backup or editing externally
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Roster Units
+
+ Manage all units with inline editing and quick actions
+
+
+
+
+
+
+
+
+
Loading roster units...
+
+
+
+
+
+
+
+ | Unit ID |
+ Type |
+ Status |
+ Note |
+ Location |
+ Actions |
+
+
+
+
+
+
+
+
+
+
+
+
No roster units found
+
+
+
+
+
+
+
+
+
Danger Zone
+
+ Irreversible operations - use with extreme caution
+
+
+
+
+
+
+
+
+
Clear All Data
+
+ Delete ALL roster units, emitters, and ignored units
+
+
+
+
+
+
+
+
+
Clear Roster Table
+
+ Delete all roster units only (keeps emitters and ignored units)
+
+
+
+
+
+
+
+
+
Clear Emitters Table
+
+ Delete all auto-discovered emitters (will repopulate automatically)
+
+
+
+
+
+
+
+
+
Clear Ignored Units
+
+ Remove all units from the ignore list
+
+
+
+
+
+
+
+
+{% endblock %}
diff --git a/templates/unit_detail.html b/templates/unit_detail.html
index 193c0f0..016a500 100644
--- a/templates/unit_detail.html
+++ b/templates/unit_detail.html
@@ -1,6 +1,6 @@
{% extends "base.html" %}
-{% block title %}Unit {{ unit_id }} - Seismo Fleet Manager{% endblock %}
+{% block title %}Unit Detail - Seismo Fleet Manager{% endblock %}
{% block content %}
@@ -10,259 +10,590 @@
Back to Fleet Roster
-
Unit {{ unit_id }}
-
-
-
-
-
-
-
-
-
-
Unit Status
-
-
-
Status
-
-
- Loading...
-
-
-
- Deployed
- --
-
-
- Age
- --
-
-
- Last Seen
- --
-
-
- Last File
- --
-
-
-
-
-
-
-
Notes
-
- Loading...
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Location: Loading...
-
Coordinates: --
-
-
-
-
-
-
-
-
Event History
-
Event history will be displayed here
-
-
-
-
+
+
Loading...
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Unit Information
+
+
+
+
+
+
+
+
Seismograph Information
+
+
+
+
+
--
+
+
+
+
--
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Edit Unit Information
+
+
+
+
+
+
+
{% endblock %}