diff --git a/package.json b/package.json index 286356f..47846b5 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "deploy-app", - "version": "1.5.7", + "version": "1.5.8", "scripts": { "ng": "ng", "start": "ng serve", diff --git a/src/app/components/tag-list/tag-list.component.html b/src/app/components/tag-list/tag-list.component.html index 4063f79..857afcd 100644 --- a/src/app/components/tag-list/tag-list.component.html +++ b/src/app/components/tag-list/tag-list.component.html @@ -37,6 +37,12 @@

+ + + Tag ID + {{row.tag_id}} + + Tag Name diff --git a/src/app/components/tag-list/tag-list.component.ts b/src/app/components/tag-list/tag-list.component.ts index d917d82..8e5cdd0 100644 --- a/src/app/components/tag-list/tag-list.component.ts +++ b/src/app/components/tag-list/tag-list.component.ts @@ -38,7 +38,7 @@ export class TagListComponent implements OnInit, AfterViewInit { }; /** Columns displayed in the table. Columns IDs can be added, removed, or reordered. */ - displayedColumns = ['action', 'name', 'deployments', 'notes', 'created', 'updated']; + displayedColumns = ['action', 'id', 'name', 'deployments', 'notes', 'created', 'updated']; isHandset$: Observable = this.breakpointObserver.observe(Breakpoints.Handset) .pipe( diff --git a/src/app/components/tag-list/tags-datasource.ts b/src/app/components/tag-list/tags-datasource.ts index 7ca640d..01968ba 100644 --- a/src/app/components/tag-list/tags-datasource.ts +++ b/src/app/components/tag-list/tags-datasource.ts @@ -86,6 +86,7 @@ export class TagsDataSource extends DataSource { return data.sort((a, b) => { const isAsc = this.sort?.direction === 'asc'; switch (this.sort?.active) { + case 'id': return compare(a.tag_id ?? 0, b.tag_id ?? 0, isAsc); case 'name': return compare(a.name ?? '', b.name ?? '', isAsc); case 'deployments': return compare(a.deployments ?? 0, b.deployments ?? 0, isAsc); case 'notes': return compare(a.notes ?? 0, b.notes ?? 0, isAsc);