date added column

viewer/src/routes/+page.svelte

@@ -62,6 +62,25 @@
             parseHTML: true,
             hideFilterHeader: true,
         },
+        {
+            key: "Added",
+            title: "Added",
+            value: (v: Row) => v.Added || "",
+            sortable: true,
+            searchValue: (v: Row) => v.Added || "",
+            renderValue: (v: Row) => {
+                if (!v.Added) return "";
+                let renderDate = v.Added;
+
+                // Convert ISO to YYYY-MM-DD
+                if (v.Added.includes("T")) {
+                    renderDate = v.Added.split("T")[0];
+                }
+
+                return `<span title="${v.Added}">${renderDate}</span>`;
+            },
+            parseHTML: true,
+        },
         {
             key: "Date",
             title: "Date",
@@ -262,7 +281,7 @@
             sortable: false,
             renderComponent: SearchButtonComponent,
             hideFilterHeader: true,
-        }
+        },
     ];
 
     let selection: Record<string | number, any> = {};

viewer/src/routes/EditModal.svelte

@@ -63,6 +63,10 @@
                     <label for="name">Name</label>
                     <input id="name" bind:value={row.Name} />
                 </div>
+                <div class="input-group">
+                    <label for="added">Added</label>
+                    <input id="added" bind:value={row.Added} />
+                </div>
                 <div class="input-group">
                     <label for="date">Date</label>
                     <input id="date" bind:value={row.Date} />

viewer/src/routes/Row.ts

@@ -12,6 +12,7 @@ class Row {
     Project: string | null = null;
     License: string | null = null;
     Date: string | null = null;
+    Added: string | null = null;
 }
 
 export default Row;