builderadmin
/
k8s-pulse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Show succeeded as Gray

This commit is contained in:
Isaac Johnson 2026-07-28 06:44:04 -05:00
parent d49ba1221a
commit 339d79d9f0
3 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
static/app.js
View File

@ -337,6 +337,9 @@ function build3DCluster(data) {
} else if (p.data.status === 'Pending') { } else if (p.data.status === 'Pending') {
color = 0xf59e0b; color = 0xf59e0b;
emissive = 0xd97706; emissive = 0xd97706;
} else if (p.data.status === 'Succeeded') {
color = 0x94a3b8;
emissive = 0x475569;
} else if (p.data.status !== 'Running') { } else if (p.data.status !== 'Running') {
color = 0xef4444; color = 0xef4444;
emissive = 0xdc2626; emissive = 0xdc2626;
@ -488,7 +491,7 @@ function onPointerMove(event) {
</div> </div>
`; `;
} else { } else {
const statusColor = data.status === 'Running' ? '#10b981' : (data.status === 'Pending' ? '#f59e0b' : '#ef4444'); const statusColor = data.status === 'Running' ? '#10b981' : (data.status === 'Pending' ? '#f59e0b' : (data.status === 'Succeeded' ? '#94a3b8' : '#ef4444'));
tooltip.innerHTML = ` tooltip.innerHTML = `
<div class="tooltip-title"> <div class="tooltip-title">
<span>${data.name}</span> <span>${data.name}</span>

2
static/style.css
View File

@ -10,6 +10,7 @@
/* Chart Colors */ /* Chart Colors */
--color-running: #10b981; --color-running: #10b981;
--color-pending: #f59e0b; --color-pending: #f59e0b;
--color-succeeded: #94a3b8;
--color-failed: #ef4444; --color-failed: #ef4444;
--color-unused: rgba(148, 163, 184, 0.2); --color-unused: rgba(148, 163, 184, 0.2);
--color-node: rgba(30, 41, 59, 0.9); --color-node: rgba(30, 41, 59, 0.9);
@ -269,6 +270,7 @@ body {
.legend-dot.running { background-color: var(--color-running); box-shadow: 0 0 6px var(--color-running); } .legend-dot.running { background-color: var(--color-running); box-shadow: 0 0 6px var(--color-running); }
.legend-dot.pending { background-color: var(--color-pending); box-shadow: 0 0 6px var(--color-pending); } .legend-dot.pending { background-color: var(--color-pending); box-shadow: 0 0 6px var(--color-pending); }
.legend-dot.succeeded { background-color: var(--color-succeeded); box-shadow: 0 0 6px var(--color-succeeded); }
.legend-dot.failed { background-color: var(--color-failed); box-shadow: 0 0 6px var(--color-failed); } .legend-dot.failed { background-color: var(--color-failed); box-shadow: 0 0 6px var(--color-failed); }
.legend-dot.unused { background-color: #64748b; opacity: 0.5; } .legend-dot.unused { background-color: #64748b; opacity: 0.5; }

1
templates/index.html
View File

@ -63,6 +63,7 @@
<div class="legend-panel glass-panel"> <div class="legend-panel glass-panel">
<div class="legend-item"><span class="legend-dot running"></span> Running Pod</div> <div class="legend-item"><span class="legend-dot running"></span> Running Pod</div>
<div class="legend-item"><span class="legend-dot pending"></span> Pending Pod</div> <div class="legend-item"><span class="legend-dot pending"></span> Pending Pod</div>
<div class="legend-item"><span class="legend-dot succeeded"></span> Succeeded Pod</div>
<div class="legend-item"><span class="legend-dot failed"></span> Failed Pod</div> <div class="legend-item"><span class="legend-dot failed"></span> Failed Pod</div>
<div class="legend-item"><span class="legend-dot unused"></span> Available Capacity</div> <div class="legend-item"><span class="legend-dot unused"></span> Available Capacity</div>
<div class="legend-divider"></div> <div class="legend-divider"></div>