download url now actually download the file

Tobi-De · Nov 22, 2023 · e06b460 · e06b460
1 parent 69bfcc3
commit e06b460
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/content/index.md b/content/index.md
@@ -24,7 +24,7 @@
         {% endif %}
       </td>
       <td scope="row">
-         <a href="{{ext.download_url}}" role="button" class="outline">Download</a>
+         <a href="#" onclick="download_file('{{ext.download_url}}')" role="button">Download</a>
       </td>
     </tr>
   {% endfor %}
@@ -37,4 +37,5 @@
       <th scope="col">Download</th>
     </tr>
   </tfoot>
-</table>
+</table>
+
diff --git a/templates/coltrane/base.html b/templates/coltrane/base.html
@@ -36,7 +36,25 @@ <h2>A registry of htmx extensions, both official and third-party.</h2>
     <footer>
         &copy; 2023 Tobi DEGNON| <a href="https://oluwatobi.dev">oluwatobi.dev</a>
     </footer>
-
+
+    <script>
+        const download_file = (url) => {
+            let extensionName = url.split('/').pop();
+            fetch(url)
+                .then(resp => resp.blob())
+                .then(blob => {
+                    const url = window.URL.createObjectURL(blob);
+                    const a = document.createElement('a');
+                    a.style.display = 'none';
+                    a.href = url;
+                    a.download = extensionName
+                    document.body.appendChild(a);
+                    a.click();
+                    window.URL.revokeObjectURL(url);
+                })
+                .catch(() => alert('oh no!'));
+        }
+    </script>
 </body>
 
 </html>