diff --git a/packages/ecc-client-ga4gh-drs/src/components/objects-list/objects.ts b/packages/ecc-client-ga4gh-drs/src/components/objects-list/objects.ts index ce113378..ac274da0 100644 --- a/packages/ecc-client-ga4gh-drs/src/components/objects-list/objects.ts +++ b/packages/ecc-client-ga4gh-drs/src/components/objects-list/objects.ts @@ -23,6 +23,10 @@ import "@elixir-cloud/design/components/skeleton/index.js"; * * @fires ecc-objects-changed - Fired when objects data changes * @fires ecc-objects-selected - Fired when an object is selected + * + * @breaking-change The `actions-${object.id}` slot has been removed in favor of + * clickable dataset titles. Use the `ecc-objects-selected` event + * to handle object selection instead. */ export class ECCClientGa4ghDrsObjects extends LitElement { static styles = [ @@ -299,7 +303,7 @@ export class ECCClientGa4ghDrsObjects extends LitElement { .map( () => html` - +
- + - + @@ -341,11 +345,21 @@ export class ECCClientGa4ghDrsObjects extends LitElement { return `${parseFloat((bytes / k ** i).toFixed(2))} ${sizes[i]}`; } - private static formatDate(dateString: string): string { + private static formatDateTime(dateString: string): string { try { - return new Date(dateString).toLocaleDateString(); + if (!dateString) return "—"; + + return new Date(dateString).toLocaleString(undefined, { + year: "numeric", + month: "2-digit", + day: "2-digit", + hour: "2-digit", + minute: "2-digit", + second: "2-digit", + hour12: false, + }); } catch { - return dateString; + return dateString || "—"; } } @@ -403,18 +417,18 @@ export class ECCClientGa4ghDrsObjects extends LitElement { - Object Info Size - Created - + Last Updated @@ -426,7 +440,7 @@ export class ECCClientGa4ghDrsObjects extends LitElement { return html` No objects found @@ -437,7 +451,7 @@ export class ECCClientGa4ghDrsObjects extends LitElement { return this.objects.map( (object) => html` - +
- - ${ECCClientGa4ghDrsObjects.formatDate( - object.created_time - )} + + + + ${ECCClientGa4ghDrsObjects.formatDateTime( + object.created_time + )} + + - - - this.handleObjectSelect(object.id)} - > - View Details - + + + + ${ECCClientGa4ghDrsObjects.formatDateTime( + object.updated_time || object.created_time + )} +