From ba07636a85889f3f4338dd5c2964b40456bb6a3d Mon Sep 17 00:00:00 2001
From: "Edgar P. Burkhart" <git@edgarpierre.fr>
Date: Wed, 21 Dec 2022 14:09:38 +0100
Subject: [PATCH] Add display for snapshot files on homepage

---
 nummi/main/static/main/css/table.css |  1 +
 nummi/main/templates/main/index.html | 10 +++++++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/nummi/main/static/main/css/table.css b/nummi/main/static/main/css/table.css
index bfed8a7..f60c5a4 100644
--- a/nummi/main/static/main/css/table.css
+++ b/nummi/main/static/main/css/table.css
@@ -11,6 +11,7 @@
 .table.col4 {grid-template-columns: repeat(4, auto)}
 .table.col5 {grid-template-columns: repeat(5, auto)}
 .table.col6 {grid-template-columns: repeat(6, auto)}
+.table.col1-5 {grid-template-columns: min-content repeat(5, auto)}
 .table.col1-6 {grid-template-columns: min-content repeat(6, auto)}
 
 .table > div {
diff --git a/nummi/main/templates/main/index.html b/nummi/main/templates/main/index.html
index 4c4f126..3c68739 100644
--- a/nummi/main/templates/main/index.html
+++ b/nummi/main/templates/main/index.html
@@ -26,8 +26,9 @@
 
 {% if snapshots %}
 	<h2>{% translate "Snapshots" %}</h2>
-	<div id="snapshots" class="table col5">
+	<div id="snapshots" class="table col1-5">
 		<div class="header">
+			<strong class="attach center"><i class="fa fa-paperclip"></i></strong>
 			<strong class="date center">{% translate "Date" %}</strong>
 			<strong class="value center">{% translate "Value" %}</strong>
 			<strong class="diff center">{% translate "Difference" %}</strong>
@@ -36,6 +37,13 @@
 		</div>
 		{% for snap in snapshots %}
 			<div class="snapshot {% cycle 'w' 'g' %}">
+				<span class="attach center">
+					{% if snap.file %}
+					<a href="{{ snap.file.url }}">
+						<i class="fa fa-paperclip"></i>
+					</a>
+					{% endif %}
+				</span>
 				<span class="date num center">
 					<a href="{% url 'snapshot' snap.id %}">{{ snap.date|date:"Y-m-d" }}</a>
 				</span>