From f213aeb93a94fe2683c9f869cdd79f8bc7bf90f9 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Wed, 29 Mar 2023 20:42:36 +1000
Subject: [PATCH] added download option

---
 resources/js/components/SMAttachments.vue | 32 ++++++++++++++++++++++-
 1 file changed, 31 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/SMAttachments.vue b/resources/js/components/SMAttachments.vue
index a403af6..241e038 100644
--- a/resources/js/components/SMAttachments.vue
+++ b/resources/js/components/SMAttachments.vue
@@ -19,6 +19,24 @@
                 class="sm-attachment-file-name"
                 >{{ file.title || file.name }}</a
             >
+            <a :href="file.url + '?download=1'" class="sm-attachment-download"
+                ><svg
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    xmlns="http://www.w3.org/2000/svg">
+                    <path
+                        d="M12 10V20M12 20L9.5 17.5M12 20L14.5 17.5"
+                        stroke="currentColor"
+                        stroke-width="2"
+                        stroke-linecap="round"
+                        stroke-linejoin="round" />
+                    <path
+                        fill-rule="evenodd"
+                        clip-rule="evenodd"
+                        d="M6.3218 7.05726C7.12925 4.69709 9.36551 3 12 3C14.6345 3 16.8708 4.69709 17.6782 7.05726C19.5643 7.37938 21 9.02203 21 11C21 13.2091 19.2091 15 17 15H16C15.4477 15 15 14.5523 15 14C15 13.4477 15.4477 13 16 13H17C18.1046 13 19 12.1046 19 11C19 9.89543 18.1046 9 17 9C16.9776 9 16.9552 9.00037 16.9329 9.0011C16.4452 9.01702 16.0172 8.67854 15.9202 8.20023C15.5502 6.37422 13.9345 5 12 5C10.0655 5 8.44979 6.37422 8.07977 8.20023C7.98284 8.67854 7.55482 9.01702 7.06706 9.0011C7.04476 9.00037 7.02241 9 7 9C5.89543 9 5 9.89543 5 11C5 12.1046 5.89543 13 7 13H8C8.55228 13 9 13.4477 9 14C9 14.5523 8.55228 15 8 15H7C4.79086 15 3 13.2091 3 11C3 9.02203 4.43567 7.37938 6.3218 7.05726Z"
+                        fill="currentColor" />
+                </svg>
+            </a>
             <div class="sm-attachment-file-size">
                 ({{ bytesReadable(file.size) }})
             </div>
@@ -62,9 +80,21 @@ const props = defineProps({
             justify-content: center;
         }
 
+        .sm-attachment-download {
+            margin-left: 0.75rem;
+            width: 1rem;
+            height: 1rem;
+            color: $secondary-color-dark;
+            transition: color 0.2s ease-in-out;
+
+            &:hover {
+                color: $primary-color-dark;
+            }
+        }
+
         .sm-attachment-file-size {
             font-size: 75%;
-            padding-left: 0.75rem;
+            margin-left: 0.75rem;
             color: $secondary-color-dark;
         }
     }