web: Tidy types. Add timestamps.

Author: GirlBossRush

web/src/elements/events/LogViewer.ts

@@ -1,5 +1,6 @@
 import "#components/ak-status-label";
 import "#elements/EmptyState";
+import "#elements/timestamp/ak-timestamp";
 
 import { formatElapsedTime } from "#common/temporal";
 
@@ -101,7 +102,7 @@ export class LogViewer extends Table<LogEvent> {
 
     row(item: LogEvent): SlottedTemplateResult[] {
         return [
-            html`${formatElapsedTime(item.timestamp)}`,
+            html`<ak-timestamp .timestamp=${item.timestamp} refresh></ak-timestamp>`,
             html`<ak-status-label
                 type=${this.statusForItem(item)}
                 bad-label=${item.logLevel}

web/src/elements/tasks/TaskList.ts

@@ -207,9 +207,9 @@ export class TaskList extends Table<Task> {
     renderExpanded(item: Task): TemplateResult {
         return html`<div class="pf-c-content">
             <p class="pf-c-title pf-u-mb-md">${msg("Current execution logs")}</p>
-            <ak-log-viewer .logs=${item?.logs}></ak-log-viewer>
+            <ak-log-viewer .logs=${item.logs}></ak-log-viewer>
             <p class="pf-c-title pf-u-mt-xl pf-u-mb-md">${msg("Previous executions logs")}</p>
-            <ak-log-viewer .logs=${item?.previousLogs}></ak-log-viewer>
+            <ak-log-viewer .logs=${item.previousLogs}></ak-log-viewer>
         </div>`;
     }
 }