This commit is contained in:
jliddev
2020-10-27 23:02:43 -05:00
parent 57cedebe00
commit 39c2a76972
3 changed files with 13 additions and 9 deletions

View File

@@ -12,6 +12,9 @@ export class AddonViewModel {
public stateTextTranslationKey: string = "";
public selected: boolean = false;
get installedAt(){
return new Date(this.addon?.installedAt);
}
get hasThumbnail() {
return !!this.addon.thumbnailUrl;
}

View File

@@ -54,7 +54,7 @@
<h1>No Addons found</h1>
</div>
<div class="table-container flex-grow-1" [hidden]="isBusy === true || sortedListItems.length === 0" >
<div class="table-container flex-grow-1" [hidden]="isBusy === true || sortedListItems.length === 0">
<table mat-table matSort [dataSource]="dataSource" class="mat-elevation-z8">
<ng-container matColumnDef="addon.name">
<th mat-header-cell mat-sort-header *matHeaderCellDef>
@@ -73,14 +73,14 @@
</td>
</ng-container>
<ng-container matColumnDef="addon.installedAt">
<ng-container matColumnDef="installedAt">
<th class="installed-at-cell" mat-header-cell mat-sort-header *matHeaderCellDef>
{{'PAGES.MY_ADDONS.TABLE.UPDATED_AT_COLUMN_HEADER' | translate}}
</th>
<td mat-cell *matCellDef="let element" class="cell-padding"
[matTooltip]="'COMMON.DATES.DATETIME_SHORT' | translate: {d: element.addon.installedAt}"
matTooltipPosition="above" matTooltipShowDelay="500">
{{element.addon.installedAt | relativeDuration}}
[matTooltip]="'COMMON.DATES.DATETIME_SHORT' | translate: {d: element.installedAt}" matTooltipPosition="above"
matTooltipShowDelay="500">
{{element.installedAt | relativeDuration}}
</td>
</ng-container>
@@ -98,8 +98,8 @@
{{'PAGES.MY_ADDONS.TABLE.RELEASED_AT_COLUMN_HEADER' | translate}}
</th>
<td mat-cell *matCellDef="let element" class="cell-padding"
[matTooltip]="'COMMON.DATES.DATETIME_SHORT' | translate: {d: element.addon.releasedAt}"
matTooltipPosition="above" matTooltipShowDelay="500">
[matTooltip]="'COMMON.DATES.DATETIME_SHORT' | translate: {d: element.addon.releasedAt}"
matTooltipPosition="above" matTooltipShowDelay="500">
{{element.addon.releasedAt | relativeDuration}}
</td>
</ng-container>
@@ -295,4 +295,4 @@
{{'PAGES.MY_ADDONS.UPDATE_ALL_CONTEXT_MENU.UPDATE_ALL_CLIENTS_BUTTON' | translate}}
</button>
</ng-template>
</mat-menu>
</mat-menu>

View File

@@ -72,7 +72,7 @@ export class MyAddonsComponent implements OnInit, OnDestroy {
{ name: "addon.name", display: "Addon", visible: true },
{ name: "sortOrder", display: "Status", visible: true },
{
name: "addon.installedAt",
name: "installedAt",
display: "Updated At",
visible: true,
allowToggle: true,
@@ -192,6 +192,7 @@ export class MyAddonsComponent implements OnInit, OnDestroy {
const dataSourceSortSubscription = this.dataSource
.connect()
.subscribe((sortedListItems) => {
console.debug('sortedListItems', sortedListItems)
this.sortedListItems = sortedListItems;
this.setPageContextText();
});