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} {:else}
<div class="entries"> <div class="entries">
<h2>{$i18n.t("Attributes")}</h2> <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> <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> </div>
{/if} {/if}
<div class="footer"> <div class="footer">

View file

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import filesize from "filesize"; 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 Ellipsis from "../utils/Ellipsis.svelte";
import UpObject from "../display/UpObject.svelte"; import UpObject from "../display/UpObject.svelte";
import { createEventDispatcher } from "svelte"; import { createEventDispatcher } from "svelte";
@ -33,6 +33,8 @@
.split(",") .split(",")
.map((c) => c.trim()); .map((c) => c.trim());
const TIMESTAMP_COL = "timestamp";
const PROVENANCE_COL = "provenance";
const ENTITY_COL = "entity"; const ENTITY_COL = "entity";
const ATTR_COL = "attribute"; const ATTR_COL = "attribute";
const VALUE_COL = "value"; const VALUE_COL = "value";
@ -145,6 +147,8 @@
// Formatting & Display // Formatting & Display
const COLUMN_LABELS: { [key: string]: string } = { const COLUMN_LABELS: { [key: string]: string } = {
timestamp: $i18n.t("Added at"),
provenance: $i18n.t("Provenance"),
entity: $i18n.t("Entity"), entity: $i18n.t("Entity"),
attribute: $i18n.t("Attribute"), attribute: $i18n.t("Attribute"),
value: $i18n.t("Value"), value: $i18n.t("Value"),
@ -211,7 +215,13 @@
</td> </td>
{/if} {/if}
{#each displayColumns as column} {#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"> <td class="entity">
<UpObject <UpObject
link link