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.
mohemm_srca/Mohem/src/app/hmg-common/ui/welcome-login/welcome.component.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>