OpenBokeron/TallerCiCd
8
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix build history styles

Browse Source
This commit is contained in:
jose-rZM
2025-12-18 11:53:44 +01:00
parent 4442f08714
commit a155e64ec7
2 changed files with 29 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/App.svelte
View File

@@ -360,8 +360,7 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
<p class="label">Historial</p> <p class="label">Historial</p>
<p class="sub"> <p class="sub">
Builds recientes en Jenkins. Esto lo conseguimos gracias a que Jenkins nos Builds recientes en Jenkins. Esto lo conseguimos gracias a que Jenkins nos
expone una API REST muy maja para consultar información de los jobs y expone una API REST para consultar información de los jobs y builds.
builds.
</p> </p>
</div> </div>
{#if loadingHistory} {#if loadingHistory}
@@ -371,39 +370,44 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
{#if buildHistory.length} {#if buildHistory.length}
<div class="history-list"> <div class="history-list">
{#each buildHistory as build} {#each buildHistory as build, i}
<details <details class={`history-item ${build.status}`} open={i === 0}>
class={`history-item ${build.status}`}
open={build === buildHistory[0]}
>
<summary> <summary>
<div class="summary-left"> <div class="summary-left">
<span class={`status-dot ${build.status}`}></span> <span class={`status-dot ${build.status}`}></span>
<span class="summary-title">#{build.number}</span> <span class="summary-title">#{build.number}</span>
<span class="summary-branch">{build.branch}</span>
{#if build.commits.length === 0}
<span class="muted">Ejecución manual</span>
{:else}
<span class="summary-commit">
{build.commits[0].commit} · {build.commits[0].author}
</span>
{/if}
</div> </div>
<div class="summary-meta"> <div class="summary-meta">
<span class="mono">#{build.commit}</span> <span>
<span>{build.finished_at}</span> {new Date(build.finished_at).toLocaleDateString()}
</span>
</div> </div>
</summary> </summary>
<div class="history-body"> <div class="history-body">
{#if build.commits.length > 0}
<p class="history-row"> <p class="history-row">
<span>Autor</span> <span>Mensaje</span>
<span>{build.author}</span> <span>{build.commits[0].message}</span>
</p> </p>
{/if}
<p class="history-row"> <p class="history-row">
<span>Duración</span> <span>Duración</span>
<span>{build.duration_seconds} s</span> <span>{build.duration_seconds} s</span>
</p> </p>
{#if build.status === 'failed'}
<p class="history-row"> {#if build.status === 'failure'}
<span>Stage</span> <p class="history-message danger">Build fallida</p>
<span class="chip danger">{build.failed_stage}</span>
</p>
<p class="history-message">
{build.fun_message}
</p>
{:else} {:else}
<p class="history-message success">Correcto</p> <p class="history-message success">Correcto</p>
{/if} {/if}

6
frontend/src/styles/app.css
View File

@@ -691,7 +691,7 @@ li {
color: #f8fafc; color: #f8fafc;
} }
.summary-branch { .summary-commit {
color: #a5b4fc; color: #a5b4fc;
font-weight: 700; font-weight: 700;
font-size: 0.95rem; font-size: 0.95rem;
@@ -718,7 +718,7 @@ li {
box-shadow: 0 0 8px rgba(34, 197, 94, 0.6); box-shadow: 0 0 8px rgba(34, 197, 94, 0.6);
} }
.status-dot.failed { .status-dot.failure {
background: #f87171; background: #f87171;
box-shadow: 0 0 8px rgba(248, 113, 113, 0.5); box-shadow: 0 0 8px rgba(248, 113, 113, 0.5);
} }
@@ -766,7 +766,7 @@ li {
border-color: rgba(34, 197, 94, 0.3); border-color: rgba(34, 197, 94, 0.3);
} }
.history-item.failed { .history-item.failure {
border-color: rgba(248, 113, 113, 0.35); border-color: rgba(248, 113, 113, 0.35);
} }