From: Michael Tremer <michael.tremer@ipfire.org>
Date: Fri, 12 May 2023 23:13:59 +0000 (+0000)
Subject: builds: Colour hero unit depending on build status
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=9b3f3fd0f6df5d5f9f969eea7ef3ef7543875e06;p=pbs.git

builds: Colour hero unit depending on build status

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

diff --git a/src/templates/builds/modules/watchers.html b/src/templates/builds/modules/watchers.html
index 29eae193..69e115d9 100644
--- a/src/templates/builds/modules/watchers.html
+++ b/src/templates/builds/modules/watchers.html
@@ -8,7 +8,7 @@
 						<form method="POST" action="/builds/{{ build.uuid }}/unwatch">
 							{% raw xsrf_form_html() %}
 
-							<button class="button is-primary is-outlined">
+							<button class="button is-dark is-outlined">
 								<span class="icon is-small">
 									<i class="fa-solid fa-eye"></i>
 								</span>
@@ -29,7 +29,7 @@
 						<form method="POST" action="/builds/{{ build.uuid }}/watch">
 							{% raw xsrf_form_html() %}
 
-							<button class="button is-primary">
+							<button class="button is-dark">
 								<span class="icon is-small">
 									<i class="fa-regular fa-eye"></i>
 								</span>
diff --git a/src/templates/builds/show.html b/src/templates/builds/show.html
index 1b2e6e5a..553375bf 100644
--- a/src/templates/builds/show.html
+++ b/src/templates/builds/show.html
@@ -3,7 +3,14 @@
 {% block title %}{{ _("Build") }} - {{ build }}{% end block %}
 
 {% block body %}
-	<section class="hero is-light">
+	<section class="hero
+		{% if build.is_successful() %}
+			is-success
+		{% elif build.has_failed() %}
+			is-danger
+		{% else %}
+			is-light
+		{% end %}">
 		<div class="hero-body">
 			<div class="container">
 				<nav class="breadcrumb" aria-label="breadcrumbs">
@@ -80,7 +87,7 @@
 								<div class="level-item has-text-centered">
 									<div>
 										<p class="heading">{{ _("Points") }}</p>
-										<p class="title">{{ build.points }}</p>
+										<p class="is-size-1">{{ build.points }}</p>
 									</div>
 								</div>
 							</nav>