From 901817409e348c633ca7c33e39c393c86d1ab99b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ondr=CC=8Cej=20Ny=CC=81vlt?= <ondrej@nyv.lt>
Date: Mon, 21 Aug 2023 11:12:33 +0200
Subject: [PATCH] Persit checkbox state

---
 view/templates/index.html | 98 ++++++++++++++++++++-------------------
 1 file changed, 50 insertions(+), 48 deletions(-)

diff --git a/view/templates/index.html b/view/templates/index.html
index ef699ed..340d0dd 100644
--- a/view/templates/index.html
+++ b/view/templates/index.html
@@ -36,64 +36,66 @@
 			<input type="hidden" name="page" value="{{ page }}" />
 			{% endif %}
 			<label class="checkbox">
-				<input type="checkbox" name="expand_diffs" value="true" />
+				<input type="checkbox" name="expand_diffs" value="true" {{ "checked" if expand_diffs else "" }} />
 				<p>Expand diffs</p>
 			</label>
 		</form>
 	</div>
 </div>
 
-<div class="container mb-8" id="diff-list">
-	{% for diff in diffs %}
-	<article class="card px-5 py-4 mb-4">
-		<p class="flex gap-x-4 gap-y-2 mb-3 flex-wrap shrink-0">
-			<span class="text-sm font-medium">{{ diff.feed_name }}</span>
-			<time class="text-sm font-medium">{{ diff.diff_time }}</time>
-			<a class="action-link" href="{{ diff.article_url }}">
-				<svg class="w-4 fill-current" viewBox="0 0 24 24"><path d="M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z"></path></svg>
-				Display current article
-			</a>
-			<a class="action-link" href="/article/{{ diff.article_id }}">
-				<svg class="w-4 fill-current" viewBox="0 0 24 24"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM13 12H17V14H11V7H13V12Z"></path></svg>
-				Show change history
-			</a>
-		</p>
+<div id="diff-list">
+	<div class="container mb-8">
+		{% for diff in diffs %}
+		<article class="card px-5 py-4 mb-4">
+			<p class="flex gap-x-4 gap-y-2 mb-3 flex-wrap shrink-0">
+				<span class="text-sm font-medium">{{ diff.feed_name }}</span>
+				<time class="text-sm font-medium">{{ diff.diff_time }}</time>
+				<a class="action-link" href="{{ diff.article_url }}">
+					<svg class="w-4 fill-current" viewBox="0 0 24 24"><path d="M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z"></path></svg>
+					Display current article
+				</a>
+				<a class="action-link" href="/article/{{ diff.article_id }}">
+					<svg class="w-4 fill-current" viewBox="0 0 24 24"><path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20ZM13 12H17V14H11V7H13V12Z"></path></svg>
+					Show change history
+				</a>
+			</p>
 
-		{% if expand_diffs %}
-			<div class="md:hidden">
-				<div class="mb-2">
-					<div class="text-sm text-muted">Before</div>
-					<div class="diff-before text-lg">{{ diff.diff_html|safe }}</div>
+			{% if expand_diffs %}
+				<div class="md:hidden">
+					<div class="mb-2">
+						<div class="text-sm text-muted">Before</div>
+						<div class="diff-before text-lg">{{ diff.diff_html|safe }}</div>
+					</div>
+					<div>
+						<div class="text-sm text-muted">After</div>
+						<div class="diff-after text-lg">{{ diff.diff_html|safe }}</div>
+					</div>
 				</div>
-				<div>
-					<div class="text-sm text-muted">After</div>
-					<div class="diff-after text-lg">{{ diff.diff_html|safe }}</div>
-				</div>
-			</div>
 
-			<table class="display-none md:display-table">
-				<tr>
-					<th class="text-caption pr-2">Before</th>
-					<td class="diff-before text-lg">{{ diff.diff_html|safe }}</td>
-				</tr>
-				<tr>
-					<th class="text-caption pr-2">After</th>
-					<td class="diff-after text-lg">{{ diff.diff_html|safe }}</td>
-				</tr>
-			</table>
-		{% else %}
-			<div class="text-lg">{{ diff.diff_html|safe }}</div>
-		{% endif %}
-	</article>
-	{% endfor %}
-</div>
+				<table class="display-none md:display-table">
+					<tr>
+						<th class="text-caption pr-2">Before</th>
+						<td class="diff-before text-lg">{{ diff.diff_html|safe }}</td>
+					</tr>
+					<tr>
+						<th class="text-caption pr-2">After</th>
+						<td class="diff-after text-lg">{{ diff.diff_html|safe }}</td>
+					</tr>
+				</table>
+			{% else %}
+				<div class="text-lg">{{ diff.diff_html|safe }}</div>
+			{% endif %}
+		</article>
+		{% endfor %}
+	</div>
 
-<div class="overflow-x-auto">
-	<div class="container mb-3">
-		{{ pagination.links }}
+	<div class="overflow-x-auto">
+		<div class="container mb-3">
+			{{ pagination.links }}
+		</div>
+	</div>
+	<div class="container text-sm text-gray-500">
+		{{ pagination.info }}
 	</div>
 </div>
-<div class="container text-sm text-gray-500">
-	{{ pagination.info }}
-</div>
 {% endblock body %}