feat(CB2-14451): add tags to select

dvsa · Dec 4, 2024 · 096bae7 · 096bae7
1 parent b3fe7fe
commit 096bae7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/src/app/forms/components/govuk-form-group-select/govuk-form-group-select.component.html b/src/app/forms/components/govuk-form-group-select/govuk-form-group-select.component.html
@@ -1,6 +1,11 @@
 <div class="govuk-form-group-select">
-  <label for="{{ id }}" [id]="labelId">
+  <label tag for="{{ id }}" [id]="labelId">
     {{ controlLabel }}
+    <ng-container *ngIf="tags?.length">
+      <div>
+        <app-tag *ngFor="let tag of tags" [type]="tag.colour">{{ tag.label }}</app-tag>
+      </div>
+    </ng-container>
   </label>
 
   <ng-container *ngIf="controlHint">

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
@@ -166,11 +166,11 @@
 
     <ng-template #otherVehicleConfigurations>
       <govuk-form-group-select
-      label="Vehicle configuration"
-      [tags]="[{ label: TagTypeLabels.REQUIRED, colour: TagType.RED }]"
-      [options]="vehicleConfigurationOptions"
-      formControlName="techRecord_vehicleConfiguration"
-    ></govuk-form-group-select>
+        label="Vehicle configuration"
+        [tags]="[{ label: TagTypeLabels.REQUIRED, colour: TagType.RED }]"
+        [options]="vehicleConfigurationOptions"
+        formControlName="techRecord_vehicleConfiguration"
+      ></govuk-form-group-select>
     </ng-template>
   </ng-container>