dev(ui): VehicleStatusTagComponent to be standalone

Signed-off-by: Kwong Tung Nan <tungnan5636@gmail.com>

Author: kwongtn

src/app/@ui/action-list/action-list.component.ts

@@ -13,8 +13,8 @@ import {
     SpottingTypeTagModule,
 } from "../spotting-type-tag/spotting-type-tag.module";
 import {
-    VehicleStatusTagModule,
-} from "../vehicle-status-tag/vehicle-status-tag.module";
+    VehicleStatusTagComponent,
+} from "../vehicle-status-tag/vehicle-status-tag.component";
 
 @Component({
     selector: "ui-action-list",
@@ -26,7 +26,7 @@ import {
         NzListModule,
         NzSpaceModule,
         SpottingTypeTagModule,
-        VehicleStatusTagModule,
+        VehicleStatusTagComponent,
     ],
 })
 export class ActionListComponent {

src/app/@ui/vehicle-status-tag/vehicle-status-tag.component.ts

@@ -1,6 +1,8 @@
 
+import { TagsModule } from "ng-devui";
 import {
     VehicleStatus,
+    VehicleStatusPipe,
 } from "src/app/pipes/vehicle-status/vehicle-status.pipe";
 import {
     VehicleStatus as SpottingVehicleStatus,
@@ -12,6 +14,10 @@ import { Component, Input, OnInit } from "@angular/core";
     selector: "vehicle-status-tag",
     templateUrl: "./vehicle-status-tag.component.html",
     styleUrls: ["./vehicle-status-tag.component.scss"],
+    standalone: true,
+    imports: [
+        VehicleStatusPipe, TagsModule
+    ]
 })
 export class VehicleStatusTagComponent implements OnInit {
     @Input() vehicleStatus!: VehicleStatus | SpottingVehicleStatus;

src/app/@ui/vehicle-status-tag/vehicle-status-tag.module.ts

@@ -8,8 +8,8 @@ import { CommonModule } from "@angular/common";
 import { Component, Input, OnInit } from "@angular/core";
 
 import {
-    VehicleStatusTagModule,
-} from "../vehicle-status-tag/vehicle-status-tag.module";
+    VehicleStatusTagComponent,
+} from "../vehicle-status-tag/vehicle-status-tag.component";
 
 interface VehicleData {
     id: string;
@@ -31,7 +31,7 @@ interface VehicleData {
     templateUrl: "./vehicle-table-cell-display.component.html",
     styleUrls: ["./vehicle-table-cell-display.component.scss"],
     standalone: true,
-    imports: [CommonModule, TooltipModule, VehicleStatusTagModule],
+    imports: [CommonModule, TooltipModule, VehicleStatusTagComponent],
 })
 export class VehicleTableCellDisplayComponent implements OnInit {
     @Input() vehicleData!: VehicleData;

src/app/@ui/vehicle-table-cell-display/vehicle-table-cell-display.component.ts

@@ -22,8 +22,8 @@ import {
     ImagePreviewButtonComponent,
 } from "src/app/@ui/spotting/image-preview-button/image-preview-button.component";
 import {
-    VehicleStatusTagModule,
-} from "src/app/@ui/vehicle-status-tag/vehicle-status-tag.module";
+    VehicleStatusTagComponent,
+} from "src/app/@ui/vehicle-status-tag/vehicle-status-tag.component";
 import {
     VehicleTableCellDisplayComponent,
 } from "src/app/@ui/vehicle-table-cell-display/vehicle-table-cell-display.component";
@@ -74,9 +74,8 @@ interface TableSourceType extends ConsoleEventsGqlResponseTableDataElement {
         SpottingTypeCellDisplayComponent,
         ToggleModule,
         TooltipModule,
-        VehicleStatusTagModule,
+        VehicleStatusTagComponent,
         VehicleTableCellDisplayComponent,
-
     ]
 })
 export class ConsoleEventsTableComponent implements OnInit, OnDestroy {

src/app/console/events-table/events-table.component.ts

@@ -15,8 +15,8 @@ import {
     ImagePreviewButtonComponent,
 } from "src/app/@ui/spotting/image-preview-button/image-preview-button.component";
 import {
-    VehicleStatusTagModule,
-} from "src/app/@ui/vehicle-status-tag/vehicle-status-tag.module";
+    VehicleStatusTagComponent,
+} from "src/app/@ui/vehicle-status-tag/vehicle-status-tag.component";
 import {
     VehicleTableCellDisplayComponent,
 } from "src/app/@ui/vehicle-table-cell-display/vehicle-table-cell-display.component";
@@ -49,7 +49,7 @@ import {
         LoadingModule,
         NzToolTipModule,
         SpottingTypeCellDisplayComponent,
-        VehicleStatusTagModule,
+        VehicleStatusTagComponent,
         VehicleTableCellDisplayComponent,
     ],
 })

src/app/profile/spottings/spottings.component.ts

@@ -17,8 +17,8 @@ import {
     ActionListComponent,
 } from "src/app/@ui/action-list/action-list.component";
 import {
-    VehicleStatusTagModule,
-} from "src/app/@ui/vehicle-status-tag/vehicle-status-tag.module";
+    VehicleStatusTagComponent,
+} from "src/app/@ui/vehicle-status-tag/vehicle-status-tag.component";
 import { GetLinesAndVehiclesResponse } from "src/app/models/query/get-vehicles";
 import {
     CoordinatesHumanizerPipe,
@@ -117,7 +117,7 @@ export interface SpottingFormReturnType {
         NzSpaceModule,
         NzSpinModule,
         ReactiveFormsModule,
-        VehicleStatusTagModule,
+        VehicleStatusTagComponent,
     ],
 })
 export class SpottingFormComponent implements OnInit, OnDestroy {

src/app/spotting/spotting-form/spotting-form.component.ts

@@ -14,8 +14,8 @@ import {
     ImagePreviewButtonComponent,
 } from "src/app/@ui/spotting/image-preview-button/image-preview-button.component";
 import {
-    VehicleStatusTagModule,
-} from "src/app/@ui/vehicle-status-tag/vehicle-status-tag.module";
+    VehicleStatusTagComponent,
+} from "src/app/@ui/vehicle-status-tag/vehicle-status-tag.component";
 import {
     GetVehiclesLastSpottingResponse,
     LastSpottingsTableElement,
@@ -39,7 +39,7 @@ import { Component, Input, OnDestroy, OnInit } from "@angular/core";
         LoadingModule,
         NzToolTipModule,
         SpottingTypeCellDisplayComponent,
-        VehicleStatusTagModule,
+        VehicleStatusTagComponent,
     ],
 })
 export class InlineHistoryComponent implements OnInit, OnDestroy {

src/app/spotting/vehicle-type-container/spotting-table/inline-history/inline-history.component.ts

@@ -2,8 +2,8 @@ import { PanelModule, TooltipModule } from "ng-devui";
 import { DataTableModule, TableWidthConfig } from "ng-devui/data-table";
 import { TagsModule } from "ng-devui/tags";
 import {
-    VehicleStatusTagModule,
-} from "src/app/@ui/vehicle-status-tag/vehicle-status-tag.module";
+    VehicleStatusTagComponent,
+} from "src/app/@ui/vehicle-status-tag/vehicle-status-tag.component";
 import {
     WheelStatusTagComponent,
 } from "src/app/@ui/wheel-status-tag/wheel-status-tag.component";
@@ -38,7 +38,7 @@ import {
         PanelModule,
         TagsModule,
         TooltipModule,
-        VehicleStatusTagModule,
+        VehicleStatusTagComponent,
         WheelStatusTagComponent,
     ],
 })