feat: also show timestamp & provenance in EntryList
This commit is contained in:
parent
8faaba03fd
commit
8c799245bb
2 changed files with 21 additions and 4 deletions
|
@ -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">
|
||||
|
|
|
@ -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
|
||||
|
|
Loading…
Reference in a new issue