for round trip disabling

fylein · Mar 11, 2024 · 26d9faf · 26d9faf
1 parent 3aa7f12
commit 26d9faf
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/...shared/components/route-selector/route-selector-modal/route-selector-modal.component.html b/...shared/components/route-selector/route-selector-modal/route-selector-modal.component.html
@@ -90,8 +90,12 @@
     >
     </app-fy-alert-info>
 
-    <div class="route-selector-modal--internal-block" *ngIf="mileageLocations.controls.length < 3">
-      <mat-checkbox [disabled]="isAmountDisabled" formControlName="roundTrip">
+    <div
+      class="route-selector-modal--internal-block"
+      *ngIf="mileageLocations.controls.length < 3"
+      [ngClass]="{ 'route-selector-modal--input-disabled': !distance }"
+    >
+      <mat-checkbox [disabled]="!distance" formControlName="roundTrip">
         <span class="route-selector-modal--checkbox"> Round Trip </span>
       </mat-checkbox>
     </div>

diff --git a/src/app/shared/components/route-selector/route-selector.component.html b/src/app/shared/components/route-selector/route-selector.component.html
@@ -127,8 +127,12 @@
     </ng-template>
   </div>
 
-  <div class="route-selector--internal-block" *ngIf="mileageLocations.controls.length < 3">
-    <mat-checkbox [disabled]="isAmountDisabled || !form.controls.distance" formControlName="roundTrip">
+  <div
+    class="route-selector--internal-block"
+    *ngIf="mileageLocations.controls.length < 3"
+    [ngClass]="{ 'route-selector--input-disabled': isRoundTripEnabled }"
+  >
+    <mat-checkbox [disabled]="isRoundTripEnabled" formControlName="roundTrip">
       <span class="route-selector--checkbox"> Round Trip </span>
     </mat-checkbox>
   </div>

diff --git a/src/app/shared/components/route-selector/route-selector.component.ts b/src/app/shared/components/route-selector/route-selector.component.ts
@@ -71,6 +71,10 @@ export class RouteSelectorComponent implements OnInit, ControlValueAccessor, OnD
     return this.form.controls.mileageLocations as FormArray;
   }
 
+  get isRoundTripEnabled(): boolean {
+    return this.isAmountDisabled || !this.form.controls.distance?.value;
+  }
+
   onTouched = () => {};
 
   ngDoCheck() {