From 30c658baaa6eb8df24139edb076bf836c3038b33 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Luk=C3=A1=C5=A1=20Pleva=C4=8D?= <lukas@plevac.eu>
Date: Tue, 10 Oct 2023 21:27:50 +0200
Subject: [PATCH] Added support for download

---
 web/VIEWS/observation.html    | 2 +-
 web/static/icons/download.svg | 8 ++++++++
 2 files changed, 9 insertions(+), 1 deletion(-)
 create mode 100644 web/static/icons/download.svg

diff --git a/web/VIEWS/observation.html b/web/VIEWS/observation.html
index f9c3378..6a7eb7d 100644
--- a/web/VIEWS/observation.html
+++ b/web/VIEWS/observation.html
@@ -225,7 +225,7 @@
             var url  = el.getAttribute("value");
             var name = el.innerHTML;
 
-            document.getElementById("artefact-title").innerHTML = name;
+            document.getElementById("artefact-title").innerHTML = name + " <a href='" + url + "' download><img class='icon' width='24' height='24' src='/static/icons/download.svg'></a>";
 
             if (extension(name) == "png" || extension(name) == "jpg" ) {
               getMeta(url, (err, img) => {
diff --git a/web/static/icons/download.svg b/web/static/icons/download.svg
new file mode 100644
index 0000000..0f043e8
--- /dev/null
+++ b/web/static/icons/download.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-download" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" />
+  <path d="M7 11l5 5l5 -5" />
+  <path d="M12 4l0 12" />
+</svg>
+
+