From 00e06cee5c9a1d29bfb8fa3214a8a617af519ec4 Mon Sep 17 00:00:00 2001
From: doug0102 <shea.wow@hotmail.com>
Date: Fri, 1 Sep 2023 11:34:04 -0400
Subject: [PATCH 1/2] adjust input hint button

---
 .../components/input/input.component.html     | 26 +++++++------------
 .../components/input/input.component.scss     | 12 +++++++++
 2 files changed, 22 insertions(+), 16 deletions(-)

diff --git a/src/app/shared/components/input/input.component.html b/src/app/shared/components/input/input.component.html
index 4af7a044..652ffe23 100644
--- a/src/app/shared/components/input/input.component.html
+++ b/src/app/shared/components/input/input.component.html
@@ -1,23 +1,17 @@
 <div class="gcc-input-wrapper">
-
-    <mat-label *ngIf="label">
+    <mat-label *ngIf="label" [ngClass]="disabled ? 'disabled' : ''">
         {{ label }} 
-        <div *ngIf="required" class="required-star">
-            *
-        </div>
+        <div *ngIf="required" class="required-star">*</div>
+        <i *ngIf="hint" 
+           tabindex="0"
+           [ngClass]="{'fa-circle-xmark' : showHint, 'fa-circle-question' : !showHint}" class="fa-regular"
+           [matTooltip]="showHint ? (translations.input.hint.hide.text | translate) : translations.input.hint.show.text | translate"
+           [attr.aria-label]="showHint ? (translations.input.hint.hide.aria | translate) : translations.input.hint.show.aria | translate"
+           [matTooltipPosition]="tooltipDirection.Right"
+           (click)="toggleShowHint()">
+        </i>
     </mat-label>
 
-    <app-button *ngIf="hint"
-                [matButtonType]="materialButtonType.Icon"
-                [tooltip]="showHint ? (translations.input.hint.hide.text | translate) : translations.input.hint.show.text | translate"
-                [ariaLabel]="showHint ? (translations.input.hint.hide.aria | translate) : translations.input.hint.show.aria | translate"
-                [tooltipDirection]="tooltipDirection.Right"
-                [disabled]="disabled"
-                (click)="toggleShowHint()"
-                class="hint-button">
-        <i [ngClass]="showHint ? 'fa-circle-xmark' : 'fa-circle-question'" class="fa-regular"></i>
-    </app-button>
-
     <mat-form-field>
         <input matInput 
                [id]="inputId"
diff --git a/src/app/shared/components/input/input.component.scss b/src/app/shared/components/input/input.component.scss
index e0d29759..dee2aa30 100644
--- a/src/app/shared/components/input/input.component.scss
+++ b/src/app/shared/components/input/input.component.scss
@@ -14,6 +14,18 @@ mat-label {
         display: inline-block;
         color: $error-red;
     }
+
+    i {
+        margin-left: 5px;
+        cursor: pointer;
+        color: $primary-1;
+    }
+}
+
+mat-label.disabled {
+    .required-star, i {
+        color: $neutral-300 !important;
+    }
 }
 
 mat-form-field {

From c1b276d6d34112a9d9b532f4935337748292e963 Mon Sep 17 00:00:00 2001
From: doug0102 <shea.wow@hotmail.com>
Date: Fri, 1 Sep 2023 14:52:39 -0400
Subject: [PATCH 2/2] url encode the routes in typescript loader

---
 src/app/core/helpers/typescript-loader.ts | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/app/core/helpers/typescript-loader.ts b/src/app/core/helpers/typescript-loader.ts
index 70e7a901..caeb9126 100644
--- a/src/app/core/helpers/typescript-loader.ts
+++ b/src/app/core/helpers/typescript-loader.ts
@@ -16,6 +16,11 @@ export class TypescriptLoader implements TranslateLoader {
       map(response => {
         let obj = response.substring(response.indexOf('{'), response.lastIndexOf('}') + 1);
         const translations = eval(JSON.parse(obj));
+
+        for (const [key, value] of Object.entries(translations.routes)) {
+          translations.routes[key] = encodeURIComponent(`${value}`);
+        }
+
         return translations.default || translations;
       })
     );