You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
94 lines
3.7 KiB
HTML
94 lines
3.7 KiB
HTML
<ion-content has-bouncing="false" forceOverscroll="false" class="ion-no-padding">
|
|
<ion-grid padding>
|
|
<!-- <ion-row>
|
|
<ion-col [size]="12">
|
|
<img [src]="logo" class="loginLogo" />
|
|
<h1 class="heading1">{{welcome}} </h1>
|
|
<p class="text1" style="margin-bottom: -8px;font-weight: bold;font-size: 28px;">{{'home,welcome-back' | translate}} </p>
|
|
<p class="text1" style="font-size: 28px;margin-top: 0px;" >{{empname}}</p>
|
|
<p *ngIf="!empname" class="text1">{{welcome_txt}} </p>
|
|
<p class="text1">{{txt_account}} </p>
|
|
</ion-col>
|
|
</ion-row> -->
|
|
|
|
|
|
|
|
<ion-row>
|
|
<ion-col [size]="12">
|
|
<h1 class="heading1">{{welcome}} </h1>
|
|
<p *ngIf="!user" class="text1">{{welcome_txt}} </p>
|
|
<p class="text1">{{txt_account}} </p>
|
|
</ion-col>
|
|
</ion-row>
|
|
|
|
<ion-row class="row-border" *ngIf="user && isLastLogin">
|
|
<ion-col size="6" style="padding: 5px 10px; border-right:1px solid #bbbbbb">
|
|
<p class="last-login" style="font-weight: bold">{{'login,last-login' | translate}} </p>
|
|
<p class="last-login small-font-size">{{user.EditedOn | date}}
|
|
{{lastLoginTime }}</p>
|
|
<!-- <p class="last-login "> {{lastLoginDate}}</p> -->
|
|
|
|
|
|
</ion-col>
|
|
<ion-col size="6" style="padding: 5px 10px;">
|
|
<p class="last-login" style="font-weight: bold" [ngClass]="{'fadein':user && isLastLogin }">
|
|
{{'login,last-login-with' | translate}}
|
|
</p>
|
|
<p class="last-login">{{getLoginType(logintype)}}</p>
|
|
</ion-col>
|
|
</ion-row>
|
|
|
|
<ion-row class="ion-no-padding description" *ngIf="user && isLastLogin">
|
|
<ion-col style="margin-top:-5px" class="ion-no-padding " [size]=6>
|
|
<app-confirm-login [accessFromOutSide]="true" *ngIf="user"></app-confirm-login>
|
|
</ion-col>
|
|
<ion-col [size]=6>
|
|
<app-button (click)="loginwithuser()" [title]="button.title | translate " [icon]="button.icon"
|
|
[settings]="button.settings" [strong]="button.txt" [disabled]="button.disabled"
|
|
[buttonClass]="button.buttonClass" [pClass]="button.pClass" [class]="button.class">
|
|
</app-button>
|
|
</ion-col>
|
|
</ion-row>
|
|
<ion-row>
|
|
<ion-col>
|
|
<ion-button *ngIf="userInfo" class="button-digital-id" (click)="loginWithDigitalID()">
|
|
<p style="color: black;">{{ts.trPK('general','digital-id')}}</p>
|
|
<img [ngClass]=" direction === 'en' ? 'digital-id-en' : 'digital-id-ar'" src="../assets/imgs/ID_ico.png">
|
|
</ion-button>
|
|
</ion-col>
|
|
</ion-row>
|
|
<ion-row>
|
|
<ion-col>
|
|
<ion-button *ngIf="userBusiness?.show_business" class="button-digital-id" (click)="openBusinessCard()">
|
|
<p style="color: black;">{{ts.trPK('general','business-card')}}</p>
|
|
<img [ngClass]=" direction === 'en' ? 'digital-id-en' : 'digital-id-ar'" src="../assets/imgs/ID_ico.png">
|
|
</ion-button>
|
|
</ion-col>
|
|
</ion-row>
|
|
</ion-grid>
|
|
</ion-content>
|
|
|
|
<ion-footer class="welcome-footer">
|
|
<ion-row class="ion-justify-content-center " *ngIf="user">
|
|
<ion-col [size]="12">
|
|
|
|
<ion-button class="centerDiv button-login" expand="block" (click)="login()">
|
|
{{'login, another-acc' | translate}}
|
|
</ion-button>
|
|
</ion-col>
|
|
</ion-row>
|
|
|
|
<ng-template #userinfo_login>
|
|
<ion-row class="ion-justify-content-center bottom-buttons">
|
|
<ion-col [size]="12">
|
|
<ion-button class="gray-button" expand="block" (click)="login()">
|
|
{{'rate,yes' | translate}}
|
|
</ion-button>
|
|
|
|
<!-- <ion-button class="red-button" expand="block" (click)="register()">
|
|
{{'general,no' | translate}}
|
|
</ion-button> -->
|
|
</ion-col>
|
|
</ion-row>
|
|
</ng-template>
|
|
</ion-footer> |