From 8c799245bbb20e9a095704da74e004c74117933f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sun, 23 Apr 2023 19:08:44 +0200
Subject: [PATCH] feat: also show timestamp & provenance in EntryList

---
 webui/src/components/Inspect.svelte           | 11 +++++++++--
 webui/src/components/widgets/EntryList.svelte | 14 ++++++++++++--
 2 files changed, 21 insertions(+), 4 deletions(-)

diff --git a/webui/src/components/Inspect.svelte b/webui/src/components/Inspect.svelte
index 7dc9974..072ace9 100644
--- a/webui/src/components/Inspect.svelte
+++ b/webui/src/components/Inspect.svelte
@@ -359,9 +359,16 @@
   {:else}
     <div class="entries">
       <h2>{$i18n.t("Attributes")}</h2>
-      <EntryList {editable} entries={$entity.attributes} />
+      <EntryList
+        {editable}
+        entries={$entity.attributes}
+        columns={detail ? "timestamp, provenance, attribute, value" : "attribute, value"}
+      />
       <h2>{$i18n.t("Backlinks")}</h2>
-      <EntryList entries={$entity.backlinks} columns="entity, attribute" />
+      <EntryList
+        entries={$entity.backlinks}
+        columns={detail ? "timestamp, provenance, entity, attribute" : "entity, attribute"}
+      />
     </div>
   {/if}
   <div class="footer">
diff --git a/webui/src/components/widgets/EntryList.svelte b/webui/src/components/widgets/EntryList.svelte
index 2d7e44b..1bfeb0a 100644
--- a/webui/src/components/widgets/EntryList.svelte
+++ b/webui/src/components/widgets/EntryList.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import filesize from "filesize";
-  import { format, formatRelative, fromUnixTime } from "date-fns";
+  import { format, formatRelative, fromUnixTime, parseISO } from "date-fns";
   import Ellipsis from "../utils/Ellipsis.svelte";
   import UpObject from "../display/UpObject.svelte";
   import { createEventDispatcher } from "svelte";
@@ -33,6 +33,8 @@
     .split(",")
     .map((c) => c.trim());
 
+  const TIMESTAMP_COL = "timestamp";
+  const PROVENANCE_COL = "provenance";
   const ENTITY_COL = "entity";
   const ATTR_COL = "attribute";
   const VALUE_COL = "value";
@@ -145,6 +147,8 @@
 
   // Formatting & Display
   const COLUMN_LABELS: { [key: string]: string } = {
+    timestamp: $i18n.t("Added at"),
+    provenance: $i18n.t("Provenance"),
     entity: $i18n.t("Entity"),
     attribute: $i18n.t("Attribute"),
     value: $i18n.t("Value"),
@@ -211,7 +215,13 @@
         </td>
       {/if}
       {#each displayColumns as column}
-        {#if column == ENTITY_COL}
+        {#if column == TIMESTAMP_COL}
+          <td title={entry.timestamp}
+            >{formatRelative(parseISO(entry.timestamp), new Date())}</td
+          >
+        {:else if column == PROVENANCE_COL}
+          <td>{entry.provenance}</td>
+        {:else if column == ENTITY_COL}
           <td class="entity">
             <UpObject
               link