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

48
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="sub">
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
builds.
expone una API REST para consultar información de los jobs y builds.
</p>
</div>
{#if loadingHistory}
@@ -371,39 +370,44 @@ along with this program. If not, see <https://www.gnu.org/licenses/>.
{#if buildHistory.length}
<div class="history-list">
{#each buildHistory as build}
<details
class={`history-item ${build.status}`}
open={build === buildHistory[0]}
>
{#each buildHistory as build, i}
<details class={`history-item ${build.status}`} open={i === 0}>
<summary>
<div class="summary-left">
<span class={`status-dot ${build.status}`}></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 class="summary-meta">
<span class="mono">#{build.commit}</span>
<span>{build.finished_at}</span>
<span>
{new Date(build.finished_at).toLocaleDateString()}
</span>
</div>
</summary>
<div class="history-body">
<p class="history-row">
<span>Autor</span>
<span>{build.author}</span>
</p>
{#if build.commits.length > 0}
<p class="history-row">
<span>Mensaje</span>
<span>{build.commits[0].message}</span>
</p>
{/if}
<p class="history-row">
<span>Duración</span>
<span>{build.duration_seconds} s</span>
</p>
{#if build.status === 'failed'}
<p class="history-row">
<span>Stage</span>
<span class="chip danger">{build.failed_stage}</span>
</p>
<p class="history-message">
{build.fun_message}
</p>
{#if build.status === 'failure'}
<p class="history-message danger">Build fallida</p>
{:else}
<p class="history-message success">Correcto</p>
{/if}

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

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