trustchain-oc1-orchestral
/
authentik
Archived
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

web: improve display of notification age

This commit is contained in:
Jens Langhammer 2021-03-02 15:03:58 +01:00
parent 68a0219d0f
commit e68ec16a34
1 changed files with 2 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/elements/notifications/NotificationDrawer.ts
View File

@ -40,9 +40,7 @@ export class NotificationDrawer extends LitElement {
} }
renderItem(item: Notification): TemplateResult { renderItem(item: Notification): TemplateResult {
const delta = Date.now() - (parseInt(item.created, 10) * 1000); const created = new Date(parseInt(item.created, 10) * 1000);
// TODO: more flexible display, minutes and seconds
const age = `${Math.round(delta / 1000 / 3600)} Hours ago`;
let level = ""; let level = "";
switch (item.severity) { switch (item.severity) {
case "notice": case "notice":
@ -76,7 +74,7 @@ export class NotificationDrawer extends LitElement {
</button> </button>
</div> </div>
<p class="pf-c-notification-drawer__list-item-description">${item.body}</p> <p class="pf-c-notification-drawer__list-item-description">${item.body}</p>
<small class="pf-c-notification-drawer__list-item-timestamp">${age}</small> <small class="pf-c-notification-drawer__list-item-timestamp">${created.toLocaleString()}</small>
</li>`; </li>`;
} }