Add createdat date

.github/workflows/main.yml

@@ -54,7 +54,7 @@ jobs:
         run: cd viewer && npm ci
 
       - name: Build Angular app
-        run: cd viewer && npm run build -- --configuration production
+        run: cd viewer && npm run timestamp && npm run build -- --configuration production
 
       - name: upload artifacts
         uses: actions/upload-artifact@v3

viewer/.eslintrc.json

@@ -1,6 +1,6 @@
 {
   "root": true,
-  "ignorePatterns": ["projects/**/*"],
+  "ignorePatterns": ["projects/**/*", "tools/*"],
   "overrides": [
     {
       "files": ["*.ts"],

viewer/angular.json

@@ -58,7 +58,13 @@
               "vendorChunk": true,
               "extractLicenses": false,
               "sourceMap": true,
-              "namedChunks": true
+              "namedChunks": true,
+              "fileReplacements": [
+                {
+                  "replace": "src/environments/environment.ts",
+                  "with": "src/environments/environment.development.ts"
+                }
+              ]
             }
           },
           "defaultConfiguration": "production"

viewer/package.json

@@ -13,7 +13,8 @@
     "validate": "node tools/validate.mjs",
     "validate:watch": "nodemon --watch ../data tools/validate.mjs",
     "schema": "node tools/schema.mjs",
-    "lint": "ng lint"
+    "lint": "ng lint",
+    "timestamp": "node tools/generate-build-time.mjs"
   },
   "private": true,
   "dependencies": {
@@ -56,6 +57,7 @@
     "karma-jasmine-html-reporter": "~2.1.0",
     "nodemon": "^3.0.1",
     "postcss": "^8.4.24",
+    "replace-in-file": "^7.0.1",
     "typescript": "~5.1.3"
   }
-}
+}

viewer/src/app/credential-profile/credential-profile.component.html

@@ -12,6 +12,9 @@
         >
       </mat-chip-listbox>
     </div>
+    <span id="updateDate"
+      >Last update: {{ updatedAt | date : 'shortDate' }}</span
+    >
   </div>
   <section class="container">
     <table mat-table [dataSource]="dataSource" matSort>

viewer/src/app/credential-profile/credential-profile.component.scss

@@ -9,4 +9,8 @@
 
 .table-header {
   border-bottom: 1px solid #E0E0E0;
+}
+
+#updateDate {
+  padding-right: 10px;
 }

viewer/src/app/credential-profile/credential-profile.component.ts

@@ -6,6 +6,7 @@ import { AppService, Resource } from '../app.service';
 import { Format, Resources } from '../resources';
 import { Filter, FilterComponent } from '../filter/filter.component';
 import { MatPaginator } from '@angular/material/paginator';
+import { environment } from 'src/environments/environment.development';
 
 class ColumnHeader {
   key!: string;
@@ -18,6 +19,7 @@ class ColumnHeader {
   styleUrls: ['./credential-profile.component.scss'],
 })
 export class CredentialProfileComponent implements OnInit, AfterViewInit {
+  updatedAt!: Date;
   data!: Format;
   allColumns: ColumnHeader[] = [];
   displayedColumns: string[] = [];
@@ -36,6 +38,7 @@ export class CredentialProfileComponent implements OnInit, AfterViewInit {
   constructor(private dialog: MatDialog, public appService: AppService) {}
 
   ngOnInit(): void {
+    this.updatedAt = new Date(environment.buildTime);
     this.dataSource = new MatTableDataSource<any>();
     this.data = this.appService.getFormat('Credential Profile');
     this.allColumns = [];

viewer/src/environments/environment.development.ts

@@ -0,0 +1,3 @@
+export const environment = {
+  buildTime: new Date(),
+};

viewer/src/environments/environment.ts

@@ -0,0 +1,3 @@
+export const environment = {
+  buildTime: '',
+};

viewer/tools/generate-build-time.mjs

@@ -0,0 +1,16 @@
+import replace from 'replace-in-file';
+
+const buildTime = new Date().toISOString();
+
+const options = {
+    files: 'src/environments/environment.ts',
+    from: /buildTime: '(.*)'/g,
+    to: `buildTime: '${buildTime}'`,
+}
+
+try {
+    replace(options).then(results => console.log('Replacement results:', results));
+  }
+  catch (error) {
+    console.error('Error occurred:', error);
+  }