From 65622fa17b6cf917fe8b270ec9282b1d29573be1 Mon Sep 17 00:00:00 2001
From: janic <janic@voser.cloud>
Date: Mon, 7 Nov 2022 22:23:21 +0100
Subject: [PATCH] Login Messages inline

---
 ui/src/app/pages/login/login.page.html | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/ui/src/app/pages/login/login.page.html b/ui/src/app/pages/login/login.page.html
index d75f3e3..fd55ff9 100644
--- a/ui/src/app/pages/login/login.page.html
+++ b/ui/src/app/pages/login/login.page.html
@@ -10,14 +10,13 @@
           <ion-item fill="solid">
             <ion-label position="floating">Email</ion-label>
             <ion-input type="email" formControlName="email"></ion-input>
-            <ion-note slot="helper">Enter a valid email</ion-note>
-            <ion-note slot="error">Invalid email</ion-note>
-            <ion-note slot="success">Valid email</ion-note>
+            <ion-note color="danger" *ngIf="form.get('email').touched && form.get('email').errors?.required">Email is mandatory</ion-note>
+            <ion-note color="danger" *ngIf="form.get('email').touched && form.get('email').errors?.email">Email is invalid</ion-note>
           </ion-item>
           <ion-item fill="solid">
             <ion-label position="floating">Password</ion-label>
             <ion-input type="Password" formControlName="password"></ion-input>
-            <ion-note slot="helper">Choose a secure password</ion-note>
+            <ion-note color="danger" *ngIf="form.get('password').touched && form.get('password').errors?.required">Password is mandatory</ion-note>
           </ion-item>  
           <ion-button fill="clear" [disabled]="!form.get('email').valid" >
             Forgot Password