From 3bbe1e8424f258a3611c39409d4f8a5d65cd7ae2 Mon Sep 17 00:00:00 2001
From: CyCl0ne <claus@poweros.de>
Date: Sun, 8 Mar 2026 14:56:16 +0100
Subject: [PATCH] Add "Downloaded" timestamp column to completed downloads list
 Display the completion time for each download in the done list. The backend
 already stores a nanosecond timestamp on DownloadInfo;                       
              this wires it up to the frontend using Angular's DatePipe.

---
 ui/src/app/app.html               | 7 +++++++
 ui/src/app/app.ts                 | 3 ++-
 ui/src/app/interfaces/download.ts | 1 +
 3 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/ui/src/app/app.html b/ui/src/app/app.html
index 6504932..202ee80 100644
--- a/ui/src/app/app.html
+++ b/ui/src/app/app.html
@@ -490,6 +490,7 @@
           </th>
           <th scope="col">Video</th>
           <th scope="col">File Size</th>
+          <th scope="col">Downloaded</th>
           <th scope="col" style="width: 8rem;"></th>
         </tr>
       </thead>
@@ -556,6 +557,11 @@
                 <span>{{ entry[1].size | fileSize }}</span>
               }
             </td>
+            <td class="text-nowrap">
+              @if (entry[1].timestamp) {
+                <span>{{ entry[1].timestamp / 1000000 | date:'yyyy-MM-dd HH:mm' }}</span>
+              }
+            </td>
             <td>
               <div class="d-flex">
                 @if (entry[1].status === 'error') {
@@ -585,6 +591,7 @@
             <span>{{ chapterFile.size | fileSize }}</span>
             }
           </td>
+          <td></td>
           <td>
             <div class="d-flex">
               <a href="{{buildChapterDownloadLink(entry[1], chapterFile.filename)}}" download
diff --git a/ui/src/app/app.ts b/ui/src/app/app.ts
index 15f7ce3..e34b635 100644
--- a/ui/src/app/app.ts
+++ b/ui/src/app/app.ts
@@ -1,4 +1,4 @@
-import { AsyncPipe, KeyValuePipe } from '@angular/common';
+import { AsyncPipe, DatePipe, KeyValuePipe } from '@angular/common';
 import { HttpClient } from '@angular/common/http';
 import { AfterViewInit, Component, ElementRef, viewChild, inject, OnInit } from '@angular/core';
 import { Observable, map, distinctUntilChanged } from 'rxjs';
@@ -21,6 +21,7 @@ import { MasterCheckboxComponent , SlaveCheckboxComponent} from './components/';
         FormsModule,
         KeyValuePipe,
         AsyncPipe,
+        DatePipe,
         FontAwesomeModule,
         NgbModule,
         NgSelectModule,
diff --git a/ui/src/app/interfaces/download.ts b/ui/src/app/interfaces/download.ts
index 6b41625..7e709c2 100644
--- a/ui/src/app/interfaces/download.ts
+++ b/ui/src/app/interfaces/download.ts
@@ -20,6 +20,7 @@ export interface Download {
   eta: number;
   filename: string;
   checked: boolean;
+  timestamp?: number;
   size?: number;
   error?: string;
   deleting?: boolean;