From fd68a2cb101e726fe798dd5f640a9804c2b6ce0a Mon Sep 17 00:00:00 2001
From: "k.triantafyllou" <k.triantafyllou@di.uoa.gr>
Date: Wed, 1 Jun 2022 14:12:18 +0300
Subject: [PATCH] Input: Add condition if formControl to avoid undefined errors

---
 sharedComponents/input/input.component.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/sharedComponents/input/input.component.ts b/sharedComponents/input/input.component.ts
index 6b39e76f..62f69627 100644
--- a/sharedComponents/input/input.component.ts
+++ b/sharedComponents/input/input.component.ts
@@ -46,7 +46,7 @@ declare var UIkit;
 @Component({
   selector: '[dashboard-input], [input]',
   template: `
-    <div [id]="id">
+    <div *ngIf="formControl" [id]="id">
       <div class="input-wrapper" [class.disabled]="formControl.disabled" [class.opened]="opened"
            [class.focused]="focused" [ngClass]="inputClass" [class.hint]="hint"
            [class.active]="(formAsControl?.value || type === 'select' || formAsArray?.length > 0 || getLabel(formAsControl?.value)) && !focused"
@@ -142,14 +142,14 @@ declare var UIkit;
         </ul>
       </div>
     </div>
-    <span *ngIf="formControl.invalid && formControl.touched" class="uk-text-danger">
+    <span *ngIf="formControl?.invalid && formControl?.touched" class="uk-text-danger">
       <span *ngIf="formControl.errors.error">{{formControl.errors.error}}</span>
       <span *ngIf="type === 'URL' || type === 'logoURL'">Please provide a valid URL (e.g. https://example.com)</span>
     </span>
     <span class="uk-text-danger uk-text-small">
       <ng-content select="[error]"></ng-content>
     </span>
-    <span *ngIf="formControl.valid" class="uk-text-warning uk-text-small">
+    <span *ngIf="formControl?.valid" class="uk-text-warning uk-text-small">
       <ng-content select="[warning]"></ng-content>
       <span *ngIf="!secure">
         <span class="uk-text-bold">Note:</span> Prefer urls like "<span class="uk-text-bold">https://</span>example.com/my-secure-image.png"