From a601fa269a93d09b54dccbb3b1d87f3b48f4349c Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Wed, 19 Oct 2022 18:13:15 +0000
Subject: [PATCH] web: Refactor builds listings

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 src/templates/builds/index.html        | 15 +++---
 src/templates/builds/modules/list.html | 71 ++++++++++++++------------
 2 files changed, 44 insertions(+), 42 deletions(-)

diff --git a/src/templates/builds/index.html b/src/templates/builds/index.html
index 85720b1b..44ab6933 100644
--- a/src/templates/builds/index.html
+++ b/src/templates/builds/index.html
@@ -3,18 +3,17 @@
 {% block title %}{{ _("Builds") }}{% end block %}
 
 {% block container %}
-	<nav aria-label="{{ _("You are here:") }}" role="navigation">
-		<ul class="breadcrumbs">
-			<li>
-				<a href="/">{{ _("Home") }}</a>
-			</li>
-			<li>
-				<span class="show-for-sr">{{ _("Current") }}: </span> {{ _("Builds") }}
+	<nav class="breadcrumb" aria-label="breadcrumbs">
+		<ul>
+			<li class="is-active">
+				<a href="#" aria-current="page">
+					{{ _("Builds") }}
+				</a>
 			</li>
 		</ul>
 	</nav>
 
-	<h1>{{ _("Builds") }}</h1>
+	<h1 class="title">{{ _("Recent Builds") }}</h1>
 
 	{# Render all builds #}
 	{% module BuildsList(builds) %}
diff --git a/src/templates/builds/modules/list.html b/src/templates/builds/modules/list.html
index b2ebd7ee..54d9a678 100644
--- a/src/templates/builds/modules/list.html
+++ b/src/templates/builds/modules/list.html
@@ -1,43 +1,46 @@
 {% for build in builds %}
 	{% set package = build.pkg %}
 
-	<div class="callout">
-		<h5>
-			<a href="/builds/{{ build.uuid }}">{{ build }}</a>
-
-			{% if package.summary %}
-				<small>{{ package.summary }}</small>
-			{% end %}
-		</h5>
+	<div class="block">
+		<div class="card">
+			<div class="card-content">
+				<h5 class="title is-5">
+					<a href="/builds/{{ build.uuid }}">{{ build }}</a>
+				</h5>
+				{% if package.summary %}
+					<h6 class="subtitle is-6">{{ package.summary }}</h6>
+				{% end %}
 
-		{% if build.jobs %}
-			<p>
-				{% for job in build.jobs %}
-					<span class="label
-						{% if job.has_failed() %}
-							danger
-						{% elif job.is_running() %}
-							primary
-						{% elif job.has_finished() %}
-							success
-						{% else %}
-							secondary
-						{% end %}">{{ job.arch }}</span>
+				{% if build.jobs %}
+					<div class="tags">
+						{% for job in build.jobs %}
+							<span class="tag
+								{% if job.has_failed() %}
+									is-danger
+								{% elif job.is_running() %}
+									is-primary
+								{% elif job.has_finished() %}
+									is-success
+								{% else %}
+									is-light
+								{% end %}">{{ job.arch }}</span>
+						{% end %}
+					</div>
 				{% end %}
-			</p>
-		{% end %}
 
-		<small>
-			{% if build.owner %}
-				{{ _("Created %(when)s by %(author)s") % {
-					"when" : locale.format_date(build.created_at, shorter=True),
-					"author" : build.owner,
-					} }}
-			{% else %}
-				{{ _("Created %s") % locale.format_date(build.created_at, shorter=True) }}
-			{% end %}
-		</small>
+				<small>
+					{% if build.owner %}
+						{{ _("Created %(when)s by %(author)s") % {
+							"when" : locale.format_date(build.created_at, shorter=True),
+							"author" : build.owner,
+							} }}
+					{% else %}
+						{{ _("Created %s") % locale.format_date(build.created_at, shorter=True) }}
+					{% end %}
+				</small>
 
-		{# XXX show repository #}
+				{# XXX show repository #}
+			</div>
+		</div>
 	</div>
 {% end %}
-- 
2.47.2