Eye icon added to login password and trim added to email field

This commit is contained in:
Eudes Inácio
2022-05-02 16:19:59 +01:00
parent 07e15647c6
commit 71ddea9211
6 changed files with 25 additions and 6 deletions
+2 -2
View File
@@ -41,8 +41,8 @@
<div class="width-100" [ngSwitch]="segment">
<ion-list *ngSwitchCase="'Contactos'">
<ion-item-sliding>
<div class="item item-hover width-100 d-flex ion-no-padding ion-no-margin"
*ngFor="let room of wsChatMethodsService._dm"
<div class="item item-hover width-100 d-flex ion-no-padding ion-no-margin"
*ngFor="let room of wsChatMethodsService._dm"
[class.item-active]="room.id == idSelected">
<div class="item-icon">
<ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="icon" slot="start" src="assets/images/icons-chat-chat-40.svg"></ion-icon>
+4 -1
View File
@@ -27,7 +27,10 @@
</ion-item>
<p class="form-label">Palavra-passe</p>
<ion-item class="form-input">
<ion-input (keyup.enter)="Login()" type="password" [(ngModel)]="password" name="input-password" ></ion-input>
<ion-input (keyup.enter)="Login()" [type]="showPassword ? 'text' : 'password' " [(ngModel)]="password" name="input-password" ></ion-input>
<div (click)="togglePassword()">
<ion-icon slot="end" [name]="passwordIcon" ></ion-icon>
</div>
</ion-item>
<div class="d-flex pt-25">
<button class="btn-ok btn-login" fill="clear" expand="block" shape="round" (click)="Login()">Iniciar a sessão</button>
+16 -2
View File
@@ -32,6 +32,8 @@ export class LoginPage implements OnInit {
sessionStore = SessionStore;
permissionList = new PermissionList();
showPassword = false;
passwordIcon = "eye";
constructor(
private notificatinsservice: NotificationsService,
@@ -53,6 +55,18 @@ export class LoginPage implements OnInit {
})
}
togglePassword() {
this.showPassword = !this.showPassword;
if(this.passwordIcon == "eye") {
this.passwordIcon = "eye-off";
} else {
this.passwordIcon = "eye";
}
}
//Function to validade the login inputs
validateUsername() {
return (
@@ -89,8 +103,8 @@ export class LoginPage implements OnInit {
if(this.validatePassword()) {
this.userattempt = {
username: this.username,
password: this.password,
username: this.username.trim(),
password: this.password.trim(),
domainName: environment.domain,
BasicAuthKey: ""
}
@@ -338,6 +338,7 @@ export class WsChatMethodsService {
this.dm[roomId] = room
this._dm.push(room)
console.log(this._dm)
this.dmCount++
} else {
@@ -631,6 +631,7 @@ export class MessagesPage implements OnInit, OnChanges, AfterViewInit, OnDestroy
async takePictureMobile() {
console.log('take picture')
const roomId = this.roomId
const file = await Camera.getPhoto({