feat(cb2-0000): dynamically display tags based off vehicle type

dvsa · Nov 29, 2024 · 69314f3 · 69314f3
1 parent 12f4288
commit 69314f3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/.../custom-sections/vehicle-section/vehicle-section-edit/vehicle-section-edit.component.html b/.../custom-sections/vehicle-section/vehicle-section-edit/vehicle-section-edit.component.html
@@ -134,7 +134,7 @@ <h1>
       label="Speed limiter exempt"
       formControlName="techRecord_speedLimiterMrk"
       [options]="EXEMPT_OR_NOT_OPTIONS"
-      [tags]="[{ colour: TagType.PURPLE, label: TagTypeLabels.PLATES }]"
+      [tags]="[showTagBasedOnVehicleTypes([VehicleTypes.HGV], { colour: TagType.PURPLE, label: TagTypeLabels.PLATES })]"
     ></govuk-form-group-radio>
 
     <!-- Tacho exempt -->

diff --git a/...ms/custom-sections/vehicle-section/vehicle-section-edit/vehicle-section-edit.component.ts b/...ms/custom-sections/vehicle-section/vehicle-section-edit/vehicle-section-edit.component.ts
@@ -37,7 +37,7 @@ import {
 import { VehicleConfiguration } from '@models/vehicle-configuration.enum';
 import { V3TechRecordModel, VehicleSizes, VehicleTypes } from '@models/vehicle-tech-record.model';
 import { Store } from '@ngrx/store';
-import { FormNodeWidth, TagTypeLabels } from '@services/dynamic-forms/dynamic-form.types';
+import { CustomTag, FormNodeWidth, TagTypeLabels } from '@services/dynamic-forms/dynamic-form.types';
 import { TechnicalRecordService } from '@services/technical-record/technical-record.service';
 import { ReplaySubject } from 'rxjs';
 
@@ -408,4 +408,8 @@ export class VehicleSectionEditComponent implements OnInit, OnDestroy {
 			this.getVehicleType() === VehicleTypes.MOTORCYCLE
 		);
 	}
+
+	showTagBasedOnVehicleTypes(vehicleTypes: VehicleTypes[], tagsToDisplay: CustomTag): CustomTag {
+		if (vehicleTypes.includes(this.getVehicleType())) return tagsToDisplay;
+	}
 }