add readonly to all inputs that open a modal or select type inputs (#4090)

Author: arjunaj5

src/app/shared/components/dependent-fields/dependent-field/dependent-field.component.html

@@ -11,6 +11,7 @@
       type="text"
       [placeholder]="placeholder || ('dependentField.selectLabel' | transloco: { label: label })"
       [ngModel]="displayValue"
+      readonly
       (blur)="onBlur()"
       (click)="openModal()"
     />

src/app/shared/components/fy-add-to-report/fy-add-to-report.component.html

@@ -13,6 +13,7 @@
       type="text"
       [placeholder]="'fyAddToReport.selectExpenseReport' | transloco"
       [ngModel]="displayValue"
+      readonly
       (blur)="onBlur()"
       (click)="openModal()"
       [ngClass]="{ 'fy-select--input-disabled': disabled() }"

src/app/shared/components/fy-currency/fy-currency.component.html

@@ -8,6 +8,7 @@
         </div>
         <input
           class="fy-currency--input smartlook-show"
+          readonly
           (click)="openCurrencyModal()"
           formControlName="currency"
           (blur)="onBlur()"

src/app/shared/components/fy-location/fy-location.component.html

@@ -13,6 +13,7 @@
       type="text"
       [placeholder]="placeholder() || ('fyLocation.selectLocation' | transloco: { label: label() })"
       [ngModel]="displayValue"
+      readonly
       (blur)="onBlur()"
       (click)="openModal()"
     />

src/app/shared/components/fy-multiselect/fy-multiselect.component.html

@@ -13,6 +13,7 @@
       type="text"
       [placeholder]="computedPlaceholder"
       [ngModel]="displayValue"
+      readonly
       (blur)="onBlur()"
       (click)="openModal()"
       [ngClass]="{ 'fy-select--input-disabled': disabled() }"

src/app/shared/components/fy-select-project/fy-select-project.component.html

@@ -14,6 +14,7 @@
       [placeholder]="placeholder() || ('fySelectProject.selectLabel' | transloco: { label: label })"
       [ngModel]="displayValue"
       (blur)="onBlur()"
+      readonly
       (click)="openModal()"
     />
     <mat-icon class="fy-select-project--icon" svgIcon="arrow-down"></mat-icon>

src/app/shared/components/fy-select-vendor/fy-select-vendor.component.html

@@ -14,6 +14,7 @@
       type="text"
       [placeholder]="!disabled() ? placeholder() || ('fySelect.selectLabel' | transloco: { label: label }) : ''"
       [ngModel]="displayValue"
+      readonly
       (blur)="onBlur()"
       (click)="openModal()"
       [ngClass]="{ 'fy-select--input-disabled': disabled() }"

src/app/shared/components/fy-select/fy-select.component.html

@@ -13,6 +13,7 @@
       type="text"
       [placeholder]="placeholder() || ('fyUserlist.select' | transloco) + ' ' + label()"
       [ngModel]="displayValue"
+      readonly
       (blur)="onBlur()"
       (click)="openModal()"
       [ngClass]="{ 'fy-select--input-disabled': disabled() }"

src/app/shared/components/fy-userlist/fy-userlist.component.html

@@ -106,6 +106,7 @@
               class="route-selector--input smartlook-show"
               type="text"
               [placeholder]="'routeSelector.enterRoute' | transloco"
+              readonly
               (click)="openModal()"
               [ngClass]="{ 'route-selector--input-disabled': form.controls.mileageLocations.disabled }"
               [disabled]="form.controls.mileageLocations.disabled"