feat: also show timestamp & provenance in EntryList

This commit is contained in:
Tomáš Mládek 2023-04-23 19:08:44 +02:00
parent 8faaba03fd
commit 8c799245bb
2 changed files with 21 additions and 4 deletions

View file

@ -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">

View file

@ -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