feat: Enhance web interface with database integration and callsign management

- Add callsign management module for enhanced aircraft information
- Integrate database status display in web interface
- Update aircraft manager with database-backed callsign resolution
- Enhance user interface with database connectivity indicators
- Add embedded asset management for new database interface components

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Ole-Morten Duesund 2025-08-31 19:43:58 +02:00
commit 8019049c63
6 changed files with 303 additions and 5 deletions

View file

@ -566,6 +566,95 @@ body {
color: #00ff88 !important;
}
/* Rich callsign display styles */
.callsign-display {
display: inline-block;
}
.callsign-display.enriched {
display: inline-flex;
flex-direction: column;
gap: 0.25rem;
}
.callsign-code {
display: inline-flex;
align-items: center;
gap: 0.25rem;
}
.airline-code {
color: #00ff88 !important;
font-weight: 600;
font-family: monospace;
background: rgba(0, 255, 136, 0.1);
padding: 0.1rem 0.3rem;
border-radius: 3px;
border: 1px solid rgba(0, 255, 136, 0.3);
}
.flight-number {
color: #00a8ff !important;
font-weight: 500;
font-family: monospace;
}
.callsign-details {
font-size: 0.85rem;
opacity: 0.9;
}
.airline-name {
color: #ffd700 !important;
font-weight: 500;
}
.airline-country {
color: #cccccc !important;
font-size: 0.8rem;
opacity: 0.8;
}
.callsign-display.simple {
color: #00ff88 !important;
font-family: monospace;
}
.callsign-display.no-data {
color: #888888 !important;
font-style: italic;
}
/* Compact callsign for table view */
.callsign-compact {
color: #00ff88 !important;
font-family: monospace;
font-weight: 500;
}
/* Loading state for callsign enhancement */
.callsign-loading {
position: relative;
}
.callsign-loading::after {
content: '⟳';
margin-left: 0.25rem;
opacity: 0.6;
animation: spin 1s linear infinite;
font-size: 0.8rem;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.callsign-enhanced {
/* Smooth transition when enhanced */
transition: all 0.3s ease;
}
.popup-details {
font-size: 0.9rem;
color: #ffffff !important;