feat: #1022 Angular code migration (#1038)

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: ianliuwk1019

.github/workflows/analysis.yml

@@ -78,15 +78,6 @@ jobs:
           node_version: 24
           knip_config: .github/knip.json
 
-  map-contract:
-    name: Map Contract (public)
-    if: (! github.event.pull_request.draft)
-    runs-on: ubuntu-24.04
-    steps:
-      - uses: actions/checkout@v7
-      - name: Verify Leaflet map init/layout contract
-        run: bash scripts/check-map-contract.sh
-
   # https://github.com/marketplace/actions/aqua-security-trivy
   trivy:
     name: Trivy Security Scan
@@ -119,7 +110,7 @@ jobs:
   # ==========================================================================
   results:
     name: Analysis Results
-    needs: [tests-admin, tests-api, tests-public, map-contract, trivy]
+    needs: [tests-admin, tests-api, tests-public, trivy]
     if: always()
     runs-on: ubuntu-24.04
     timeout-minutes: 1

admin/package.json

@@ -1,77 +1,76 @@
-{
-  "name": "fom-admin",
-  "version": "0.0.1",
-  "license": "MIT",
-  "scripts": {
-    "start:admin": "ng serve --configuration development --host=0.0.0.0",
-    "build:admin": "ng build --configuration production",
-    "test-unit": "jest --coverage",
-    "test-unit-watch": "jest --watch=true"
-  },
-  "private": true,
-  "engines": {
-    "node": ">=26.0.0 || ^24.15.0 || ^22.22.3"
-  },
-  "dependencies": {
-    "@angular/animations": "^22.0.1",
-    "@angular/cdk": "^22.0.1",
-    "@angular/common": "^22.0.1",
-    "@angular/compiler": "^22.0.1",
-    "@angular/core": "^22.0.1",
-    "@angular/forms": "^22.0.1",
-    "@angular/localize": "^22.0.1",
-    "@angular/material": "^22.0.1",
-    "@angular/platform-browser": "^22.0.1",
-    "@angular/platform-browser-dynamic": "^22.0.1",
-    "@angular/router": "^22.0.1",
-    "@ng-bootstrap/ng-bootstrap": "^21.0.0",
-    "@ngx-dropzone/cdk": "^22.0.0",
-    "@ngx-dropzone/material": "^22.0.0",
-    "@popperjs/core": "^2.11.8",
-    "@rxweb/reactive-form-validators": "^13.0.1",
-    "@types/file-saver-es": "^2.0.3",
-    "@types/luxon": "^3.4.2",
-    "apexcharts": "^5.10.3",
-    "aws-amplify": "^6.16.3",
-    "bootstrap": "^5.3.3",
-    "file-saver-es": "^2.0.5",
-    "json-2-csv": "5.5.11",
-    "jwt-decode": "^4.0.0",
-    "leaflet": "^1.9.4",
-    "leaflet.markercluster": "^1.5.3",
-    "luxon": "^3.5.0",
-    "ng-apexcharts": "^2.0.0",
-    "ngx-bootstrap": "^21.0.0",
-    "remeda": "^2.25.0",
-    "rxjs": "^7.8.2",
-    "tslib": "^2.8.0",
-    "zone.js": "^0.16.0"
-  },
-  "devDependencies": {
-    "@angular-devkit/architect": "^0.2200.1",
-    "@angular-devkit/core": "^22.0.1",
-    "@angular-eslint/builder": "^22.0.0",
-    "@angular-eslint/eslint-plugin": "^22.0.0",
-    "@angular-eslint/eslint-plugin-template": "^22.0.0",
-    "@angular-eslint/schematics": "^22.0.0",
-    "@angular-eslint/template-parser": "^22.0.0",
-    "@angular/build": "^22.0.6",
-    "@angular/cli": "^22.0.1",
-    "@angular/compiler-cli": "^22.0.1",
-    "@noble/hashes": "^2.2.0",
-    "@types/jest": "^30.0.0",
-    "@types/leaflet": "^1.9.12",
-    "@types/leaflet.markercluster": "^1.5.4",
-    "@typescript-eslint/eslint-plugin": "^8.10.0",
-    "@typescript-eslint/parser": "^8.10.0",
-    "eslint": "^10.0.0",
-    "eslint-config-prettier": "^10.1.0",
-    "jest": "^30.3.0",
-    "jest-environment-jsdom": "^30.3.0",
-    "jest-preset-angular": "^17.0.0",
-    "ts-jest": "^29.4.4",
-    "ts-node": "^10.9.2",
-    "typescript": "^6.0.3",
-    "typescript-eslint": "^8.60.1"
-  }
-}
+{
+  "name": "fom-admin",
+  "version": "0.0.1",
+  "license": "MIT",
+  "scripts": {
+    "start:admin": "ng serve --configuration development --host=0.0.0.0",
+    "build:admin": "ng build --configuration production",
+    "test-unit": "jest --coverage",
+    "test-unit-watch": "jest --watch=true"
+  },
+  "private": true,
+  "engines": {
+    "node": ">=26.0.0 || ^24.15.0 || ^22.22.3"
+  },
+  "dependencies": {
+    "@angular/animations": "^22.0.1",
+    "@angular/cdk": "^22.0.1",
+    "@angular/common": "^22.0.1",
+    "@angular/compiler": "^22.0.1",
+    "@angular/core": "^22.0.1",
+    "@angular/forms": "^22.0.1",
+    "@angular/localize": "^22.0.1",
+    "@angular/material": "^22.0.1",
+    "@angular/platform-browser": "^22.0.1",
+    "@angular/platform-browser-dynamic": "^22.0.1",
+    "@angular/router": "^22.0.1",
+    "@ng-bootstrap/ng-bootstrap": "^21.0.0",
+    "@ngx-dropzone/cdk": "^22.0.0",
+    "@ngx-dropzone/material": "^22.0.0",
+    "@popperjs/core": "^2.11.8",
+    "@rxweb/reactive-form-validators": "^13.0.1",
+    "@types/file-saver-es": "^2.0.3",
+    "@types/luxon": "^3.4.2",
+    "apexcharts": "^5.10.3",
+    "aws-amplify": "^6.16.3",
+    "bootstrap": "^5.3.3",
+    "file-saver-es": "^2.0.5",
+    "json-2-csv": "5.5.11",
+    "jwt-decode": "^4.0.0",
+    "leaflet": "^1.9.4",
+    "leaflet.markercluster": "^1.5.3",
+    "luxon": "^3.5.0",
+    "ng-apexcharts": "^2.0.0",
+    "ngx-bootstrap": "^21.0.0",
+    "remeda": "^2.25.0",
+    "rxjs": "^7.8.2",
+    "tslib": "^2.8.0"
+  },
+  "devDependencies": {
+    "@angular-devkit/architect": "^0.2200.1",
+    "@angular-devkit/core": "^22.0.1",
+    "@angular-eslint/builder": "^22.0.0",
+    "@angular-eslint/eslint-plugin": "^22.0.0",
+    "@angular-eslint/eslint-plugin-template": "^22.0.0",
+    "@angular-eslint/schematics": "^22.0.0",
+    "@angular-eslint/template-parser": "^22.0.0",
+    "@angular/build": "^22.0.6",
+    "@angular/cli": "^22.0.1",
+    "@angular/compiler-cli": "^22.0.1",
+    "@noble/hashes": "^2.2.0",
+    "@types/jest": "^30.0.0",
+    "@types/leaflet": "^1.9.12",
+    "@types/leaflet.markercluster": "^1.5.4",
+    "@typescript-eslint/eslint-plugin": "^8.10.0",
+    "@typescript-eslint/parser": "^8.10.0",
+    "eslint": "^10.0.0",
+    "eslint-config-prettier": "^10.1.0",
+    "jest": "^30.3.0",
+    "jest-environment-jsdom": "^30.3.0",
+    "jest-preset-angular": "^17.0.0",
+    "ts-jest": "^29.4.4",
+    "ts-node": "^10.9.2",
+    "typescript": "^6.0.3",
+    "typescript-eslint": "^8.60.1"
+  }
+}

admin/src/app/about/about.component.ts

@@ -1,17 +1,16 @@
-import { Component } from '@angular/core';
-
-/*
-  This component intends to hold useful references/links for users.
-  Currently it only holds two training (how-to) links for reviewer/submitter.
-*/
-@Component({
-  standalone: true,
-  selector: 'app-about',
-  templateUrl: './about.component.html',
-  styleUrls: ['./about.component.scss']
-})
-export class AboutComponent {
-  constructor() {
-    // Deliberately empty
-  }
-}
+import { Component } from '@angular/core';
+
+/*
+  This component intends to hold useful references/links for users.
+  Currently it only holds two training (how-to) links for reviewer/submitter.
+*/
+@Component({
+  selector: 'app-about',
+  templateUrl: './about.component.html',
+  styleUrl: './about.component.scss'
+})
+export class AboutComponent {
+  constructor() {
+    // Deliberately empty
+  }
+}