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 29eae1936a835e5286b97621c7cd279ef0b8cbf8..69e115d9cc42f5ae1d5722a02761fdc58eb43807 100644 (file)
--- 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 1b2e6e5a8135a5cab8977afd41e051293889199d..553375bfa135e36764465f88ffd60631d08d1331 100644 (file)
--- 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>