ATC/ome-cockpit
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Reports drawer, Dell catalog compliance, and Service Tag chat context.

Browse Source 
Exposes OME warranties, baselines, report defs, and CSV/JSON exports for customer-ready fleet briefs.
This commit is contained in:
mo
2026-07-17 15:15:57 +02:00
parent c2bb0465d0
commit 115b6e39aa
11 changed files with 1393 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ui/styles.css
+56
View File
@@ -1705,3 +1705,59 @@ a.conn-link:hover {
.kpi-layout { grid-template-columns: 1fr; }
.kpi-toolbar { grid-template-columns: 1fr 1fr; }
}
/* —— Reports drawer —— */
.reports-drawer { width: min(1120px, 96vw); }
.reports-tabs { padding: 0.65rem 1rem 0; gap: 0.4rem; }
.reports-body { padding: 0.75rem 1rem 1.25rem; overflow: auto; height: calc(100% - 96px); }
.rpt-toolbar {
display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center;
justify-content: space-between; margin-bottom: 0.65rem;
}
.rpt-toolbar .search { flex: 1; min-width: 180px; }
.rpt-exports { display: flex; flex-wrap: wrap; gap: 0.35rem; }
.rpt-meta { color: var(--muted); font-size: 0.78rem; margin-bottom: 0.55rem; }
.rpt-check { margin-left: 0.75rem; display: inline-flex; gap: 0.35rem; align-items: center; }
.rpt-table-wrap { overflow: auto; max-height: calc(100vh - 220px); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; }
.rpt-table { width: 100%; border-collapse: collapse; font-size: 0.78rem; }
.rpt-table th, .rpt-table td { padding: 0.45rem 0.55rem; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.06); vertical-align: top; }
.rpt-table th { position: sticky; top: 0; background: #0e1620; color: var(--dell-bright); font-weight: 600; z-index: 1; }
.rpt-table tr:hover td { background: rgba(61,255,224,0.04); }
.rpt-table .sub { color: var(--muted); font-size: 0.7rem; margin-top: 0.15rem; }
code.st { font-family: var(--mono); color: #7ef0d8; font-weight: 600; letter-spacing: 0.02em; }
.rpt-badge { display: inline-block; padding: 0.1rem 0.4rem; border-radius: 4px; font-size: 0.68rem; font-weight: 600; text-transform: uppercase; }
.rpt-badge.ok { background: rgba(61,255,224,0.15); color: #3dffe0; }
.rpt-badge.bad { background: rgba(255,92,92,0.18); color: #ff8a8a; }
.rpt-badge.warn { background: rgba(255,184,77,0.18); color: #ffb84d; }
.rpt-badge.unk { background: rgba(255,255,255,0.08); color: var(--muted); }
.rpt-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0.85rem; margin-bottom: 1rem; }
.rpt-panel { border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 0.75rem; background: rgba(0,0,0,0.18); }
.rpt-panel h3, .rpt-h { margin: 0 0 0.5rem; font-size: 0.9rem; color: var(--dell-bright); }
.rpt-list { list-style: none; margin: 0 0 0.85rem; padding: 0; }
.rpt-list li { padding: 0.35rem 0; border-bottom: 1px solid rgba(255,255,255,0.05); font-size: 0.78rem; }
.rpt-list .sub { display: block; color: var(--muted); font-size: 0.7rem; }
.rpt-results { background: #0a1018; color: #c8d6e5; padding: 0.75rem; border-radius: 8px; max-height: 280px; overflow: auto; font-size: 0.72rem; }
.st-row .st-value { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }
.wc-mount { margin: 0.65rem 0; }
.customer-brief { background: #0b121a; border: 1px solid rgba(255,255,255,0.08); border-radius: 10px; padding: 1.25rem; }
.brief-head { display: flex; gap: 0.85rem; align-items: flex-start; margin-bottom: 1rem; }
.brief-head h2 { margin: 0.15rem 0; }
.brief-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.55rem; margin: 0.75rem 0 1rem; }
.brief-kpis div { background: rgba(61,255,224,0.06); border: 1px solid rgba(61,255,224,0.12); border-radius: 8px; padding: 0.65rem; text-align: center; }
.brief-kpis em { display: block; font-style: normal; font-size: 1.35rem; font-weight: 700; color: var(--dell-bright); }
.brief-kpis span { font-size: 0.72rem; color: var(--muted); }
@media (max-width: 900px) {
.rpt-grid-2, .brief-kpis { grid-template-columns: 1fr 1fr; }
}
@media print {
body * { visibility: hidden !important; }
#reports-drawer, #reports-drawer * { visibility: visible !important; }
#reports-drawer {
position: absolute !important; left: 0; top: 0; width: 100% !important;
height: auto !important; background: white !important; color: #111 !important;
box-shadow: none !important; overflow: visible !important;
}
.drawer-head, .reports-tabs, .rpt-toolbar, .scrim { display: none !important; }
.customer-brief, .rpt-table { color: #111 !important; background: white !important; }
code.st { color: #0a5 !important; }
}