From 96b2549503cc24f7bdeba77e89af8ffa6acaf987 Mon Sep 17 00:00:00 2001
From: Patrick Mayr <patrick@fet.at>
Date: Wed, 16 Jul 2025 22:30:47 +0200
Subject: [PATCH] better file display

---
 fet2020/finance/models.py                  |  5 +++++
 fet2020/templates/finance/bill_update.html | 12 ++++++++++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/fet2020/finance/models.py b/fet2020/finance/models.py
index 6f49b490..a3ed385c 100644
--- a/fet2020/finance/models.py
+++ b/fet2020/finance/models.py
@@ -1,3 +1,5 @@
+from pathlib import Path
+
 from django.core.validators import FileExtensionValidator, ValidationError
 from django.db import models
 from django.urls import reverse
@@ -221,3 +223,6 @@ class Bill(models.Model):
     def clean(self):
         if self.status is None:
             self.status = Bill.Status.SUBMITTED
+
+    def filename(self):
+        return Path(self.file_field.name).name
diff --git a/fet2020/templates/finance/bill_update.html b/fet2020/templates/finance/bill_update.html
index 0778341d..3cf30f56 100644
--- a/fet2020/templates/finance/bill_update.html
+++ b/fet2020/templates/finance/bill_update.html
@@ -103,8 +103,12 @@
 
                                 <a
                                     href="{{ form.file_field.value.url }}"
+                                    target="_blank"
                                     class="text-gray-700 dark:text-gray-200 block w-full mt-1 rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50"
-                                >{{ form.file_field.value }}</a>
+                                >
+                                    <i class="fa-solid fa-file fa-fw text-red-800 dark:text-red-500 md:text-inherit group-hover:text-red-800 dark:group-hover:text-red-500"></i>
+                                    <span class="ml-2 sm:ml-1">{{ object.filename }}</span>
+                                </a>
                             </label>
                         </div>
                     {% endif %}
@@ -122,8 +126,12 @@
                                 <span class="text-gray-700 dark:text-gray-200">Hochgeladene Rechnung:</span>
                                 <a
                                     href="{{ form.file_field.value.url }}"
+                                    target="_blank"
                                     class="text-gray-700 dark:text-gray-200 block w-full mt-1 rounded-md border-gray-300 dark:border-none shadow-sm focus:border-none focus:ring focus:ring-blue-200 dark:focus:ring-sky-700 focus:ring-opacity-50"
-                                >{{ form.file_field.value }}</a>
+                                >
+                                    <i class="fa-solid fa-file fa-fw text-red-800 dark:text-red-500 md:text-inherit group-hover:text-red-800 dark:group-hover:text-red-500"></i>
+                                    <span class="ml-2 sm:ml-1">{{ object.filename }}</span>
+                                </a>
                             </label>
                         </div>