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:
parent
5733209251
commit
8019049c63
6 changed files with 303 additions and 5 deletions
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue