From: Michael Tremer <michael.tremer@ipfire.org>
Date: Sat, 26 Aug 2023 10:11:31 +0000 (+0000)
Subject: builders: Fix styling of edit page
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=9f990c3b8ff91c8dce9ce47ed00406edb3105eea;p=pbs.git

builders: Fix styling of edit page

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

diff --git a/src/templates/builders/edit.html b/src/templates/builders/edit.html
index bad87624..d507434c 100644
--- a/src/templates/builders/edit.html
+++ b/src/templates/builders/edit.html
@@ -1,8 +1,8 @@
-{% extends "../base.html" %}
+{% extends "../modal.html" %}
 
 {% block title %}{{ _("Edit Builder %s") % builder }}{% end block %}
 
-{% block container %}
+{% block breadcrumbs %}
 	<nav class="breadcrumb" aria-label="breadcrumbs">
 		<ul>
 			<li>
@@ -16,80 +16,81 @@
 			</li>
 		</ul>
 	</nav>
+{% end block %}
 
-	<div class="columns is-centered">
-		<div class="column is-narrow">
-			<form method="POST" action="">
-				<div class="box">
-					{% raw xsrf_form_html() %}
+{% block modal_title %}
+	<h4 class="title is-4">{{ _("Edit Builder") }}</h4>
+	<h6 class="subtitle is-6">{{ builder }}</h6>
+{% end block %}
 
-					{# Hostname #}
-					<div class="field">
-						<label class="label">{{ _("Hostname") }}</label>
-						<div class="control">
-							<input class="input" type="text"
-								name="hostname" value="{{ builder.hostname }}" disabled>
-						</div>
-						<p class="help">
-							{{ _("The hostname cannot be changed") }}
-						</p>
-					</div>
+{% block modal %}
+	<form method="POST" action="">
+		{% raw xsrf_form_html() %}
 
-					{# Status #}
-					<div class="field">
-						<div class="control">
-							<label class="checkbox">
-								<input type="checkbox" name="enabled"
-									{% if builder.enabled %}checked{% end %}>
-								{{ _("Enabled") }}
-							</label>
-						</div>
-					</div>
+		{# Hostname #}
+		<div class="field">
+			<label class="label">{{ _("Hostname") }}</label>
+			<div class="control">
+				<input class="input" type="text"
+					name="hostname" value="{{ builder.hostname }}" disabled>
+			</div>
+			<p class="help">
+				{{ _("The hostname cannot be changed") }}
+			</p>
+		</div>
 
-					<fieldset>
-						<legend>{{ _("Job Settings") }}</legend>
+		{# Status #}
+		<div class="field">
+			<div class="control">
+				<label class="checkbox">
+					<input type="checkbox" name="enabled"
+						{% if builder.enabled %}checked{% end %}>
+					{{ _("Enabled") }}
+				</label>
+			</div>
+		</div>
 
-						{# Build Jobs #}
-						<div class="field">
-							<label class="label">{{ _("Maximum Parallel Build Jobs") }}</label>
-							<div class="control">
-								<input class="input" type="number"
-									name="max_jobs" value="{{ builder.max_jobs }}"
-									min="1" {% if builder.cpu_count %}max="{{ builder.cpu_count * 4 }}"{% end %}
-									required>
-							</div>
-						</div>
+		<fieldset>
+			<legend>{{ _("Job Settings") }}</legend>
 
-						{# Maintenance #}
-						<div class="field">
-							<div class="control">
-								<label class="checkbox">
-									<input type="checkbox" name="maintenance"
-										{% if builder.maintenance %}checked{% end %}>
-									{{ _("Enable Maintenance Mode") }}
-								</label>
-							</div>
-							<p class="help">
-								{{ _("When in maintenance mode, builders won't be automatically started or stopped") }}
-							</p>
-						</div>
-					</fieldset>
+			{# Build Jobs #}
+			<div class="field">
+				<label class="label">{{ _("Maximum Parallel Build Jobs") }}</label>
+				<div class="control">
+					<input class="input" type="number"
+						name="max_jobs" value="{{ builder.max_jobs }}"
+						min="1" {% if builder.cpu_count %}max="{{ builder.cpu_count * 4 }}"{% end %}
+						required>
 				</div>
+			</div>
 
-				<div class="field is-grouped">
-					<div class="control">
-						<button class="button is-success is-link" type="submit">
-							{{ _("Save") }}
-						</button>
-					</div>
-
-					<div class="control">
-						<a class="button is-danger is-outlined is-link" href="/builders/{{ builder.hostname }}/delete">
-							{{ _("Delete") }}
-						</a>
-					</div>
+			{# Maintenance #}
+			<div class="field">
+				<div class="control">
+					<label class="checkbox">
+						<input type="checkbox" name="maintenance"
+							{% if builder.maintenance %}checked{% end %}>
+						{{ _("Enable Maintenance Mode") }}
+					</label>
 				</div>
-			</form>
+				<p class="help">
+					{{ _("When in maintenance mode, builders won't be automatically started or stopped") }}
+				</p>
+			</div>
+		</fieldset>
+
+		<div class="field is-grouped">
+			<div class="control">
+				<button class="button is-success is-link" type="submit">
+					{{ _("Save") }}
+				</button>
+			</div>
+
+			<div class="control">
+				<a class="button is-danger is-outlined is-link" href="/builders/{{ builder.hostname }}/delete">
+					{{ _("Delete") }}
+				</a>
+			</div>
 		</div>
-	</div>
+	</form>
 {% end block %}