Files
local-ci-cd-system/src/ci_orchestrator/web/templates/partials/icons.html
T
Simone 7f2b03029a feat(web): Executions table gets real columns and status icons
No cell stacks two facts on separate lines with <br> any more (Run/Repo,
Branch/Commit, Trigger/Actor, Duration/Started, VM/IP-Uptime each get their
own column, 8 -> 13 total). The card is already .card--wide with its own
.table-wrap, so the extra width scrolls horizontally rather than the page.

Status pills carry a check/x/play icon for the three outcomes that are a
real verdict or an in-progress state (success/failure/running); queued,
cancelled, skipped stay plain text. Every pill in the column -- including
the VM-only orphan/running pills on unmatched-VM rows -- is forced to the
same width with left-aligned content instead of a ragged column.
2026-07-25 19:33:27 +02:00

94 lines
3.7 KiB
HTML

{#
Inline SVG icon sprite (A6). One copy per page (included once from
base.html), visually hidden -- every icon elsewhere is a
<svg class="icon"><use href="#i-...">. No external requests: this is the
entire icon set, vendored as markup, not a font/CDN.
#}
<svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="display:none"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<symbol id="i-server" viewBox="0 0 24 24">
<rect x="2" y="3" width="20" height="7" rx="1.5"></rect>
<rect x="2" y="14" width="20" height="7" rx="1.5"></rect>
<line x1="6" y1="6.5" x2="6.01" y2="6.5"></line>
<line x1="6" y1="17.5" x2="6.01" y2="17.5"></line>
</symbol>
<symbol id="i-disk" viewBox="0 0 24 24">
<ellipse cx="12" cy="5" rx="9" ry="3"></ellipse>
<path d="M3 5v6c0 1.66 4.03 3 9 3s9-1.34 9-3V5"></path>
<path d="M3 11v6c0 1.66 4.03 3 9 3s9-1.34 9-3v-6"></path>
</symbol>
<symbol id="i-cpu" viewBox="0 0 24 24">
<rect x="6" y="6" width="12" height="12" rx="1.5"></rect>
<rect x="10" y="1.5" width="4" height="3"></rect>
<rect x="10" y="19.5" width="4" height="3"></rect>
<rect x="1.5" y="10" width="3" height="4"></rect>
<rect x="19.5" y="10" width="3" height="4"></rect>
</symbol>
<symbol id="i-memory" viewBox="0 0 24 24">
<rect x="2" y="7" width="20" height="10" rx="1.5"></rect>
<line x1="6" y1="17" x2="6" y2="20"></line>
<line x1="12" y1="17" x2="12" y2="20"></line>
<line x1="18" y1="17" x2="18" y2="20"></line>
<line x1="7" y1="11" x2="9" y2="11"></line>
<line x1="11" y1="11" x2="13" y2="11"></line>
<line x1="15" y1="11" x2="17" y2="11"></line>
</symbol>
<symbol id="i-trash" viewBox="0 0 24 24">
<path d="M3 6h18"></path>
<path d="M8 6V4a1 1 0 011-1h6a1 1 0 011 1v2"></path>
<path d="M19 6l-1 14a2 2 0 01-2 2H8a2 2 0 01-2-2L5 6"></path>
<line x1="10" y1="11" x2="10" y2="17"></line>
<line x1="14" y1="11" x2="14" y2="17"></line>
</symbol>
<symbol id="i-box" viewBox="0 0 24 24">
<path d="M21 8l-9-5-9 5 9 5 9-5z"></path>
<path d="M3 8v8l9 5 9-5V8"></path>
<line x1="12" y1="13" x2="12" y2="21"></line>
</symbol>
<symbol id="i-gear" viewBox="0 0 24 24">
<circle cx="12" cy="12" r="3"></circle>
<path d="M12 2v3M12 19v3M4.2 4.2l2.1 2.1M17.7 17.7l2.1 2.1M2 12h3M19 12h3M4.2 19.8l2.1-2.1M17.7 6.3l2.1-2.1"></path>
</symbol>
<symbol id="i-file" viewBox="0 0 24 24">
<path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"></path>
<path d="M14 2v6h6"></path>
</symbol>
<symbol id="i-external" viewBox="0 0 24 24">
<path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"></path>
<path d="M15 3h6v6"></path>
<path d="M10 14L21 3"></path>
</symbol>
<symbol id="i-check" viewBox="0 0 24 24">
<path d="M20 6L9 17l-5-5"></path>
</symbol>
<symbol id="i-alert" viewBox="0 0 24 24">
<path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"></path>
<line x1="12" y1="9" x2="12" y2="13"></line>
<line x1="12" y1="17" x2="12.01" y2="17"></line>
</symbol>
<!-- Executions card: pass/fail run-status pills -- i-check pairs with
i-alert everywhere else in this sprite, but a failed *run* is a
boolean outcome, not a resource warning, so it gets its own cross. -->
<symbol id="i-x" viewBox="0 0 24 24">
<line x1="18" y1="6" x2="6" y2="18"></line>
<line x1="6" y1="6" x2="18" y2="18"></line>
</symbol>
<!-- Executions card: a run/play glyph, stroked like every other icon here. -->
<symbol id="i-play" viewBox="0 0 24 24">
<circle cx="12" cy="12" r="9"></circle>
<path d="M10 8.5l6 3.5-6 3.5z"></path>
</symbol>
</svg>