From a8f82564a5e98724dbff3774e3122179408326f7 Mon Sep 17 00:00:00 2001
From: Alice Gaudon <alice@gaudon.pro>
Date: Wed, 2 Mar 2022 11:21:23 +0100
Subject: [PATCH] feat(front/file-uploader): display human readable time in
 file list

---
 src/assets/views/file-uploader.svelte | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/assets/views/file-uploader.svelte b/src/assets/views/file-uploader.svelte
index a17f47a..ecc9d90 100644
--- a/src/assets/views/file-uploader.svelte
+++ b/src/assets/views/file-uploader.svelte
@@ -9,6 +9,7 @@
     import Message from "./components/Message.svelte";
     import Icon from "./utils/Icon.svelte"
     import FileUpload from "./components/FileUpload.svelte";
+    import {Time} from "../../common/Time.js";
 
     let neverExpire: string;
     let autogenUrl: string;
@@ -197,7 +198,7 @@
                         <th>#</th>
                         <th class="table-col-grow">Name</th>
                         <th>Size</th>
-                        <th>Expires at</th>
+                        <th>Expires in</th>
                         <th>Actions</th>
                     </tr>
                     </thead>
@@ -211,8 +212,14 @@
                             </a></td>
                             <td>{(file.size / (1024 * 1024)).toFixed(2)}MB</td>
                             <td>
-                                {#if file.expires_at}{file.expires_at}{:else}Never{/if}
-                            </td><!-- todo: convert that to relative, human readable time -->
+                                {#if file.expires_at}
+                                    <time datetime="{file.expires_at}" title="{file.expires_at}">
+                                        {Time.humanizeTimeTo(new Date(file.expires_at))}
+                                    </time>
+                                {:else}
+                                    Never
+                                {/if}
+                            </td>
                             <td class="actions">
                                 {#if file.shouldBeDeleted}
                                     Pending deletion