add digital id

enad-SFH
enadhilal 4 years ago
parent 95009a1e80
commit 173ba6fd60

@ -66,7 +66,7 @@
</ion-label>
</ion-item>
<!-- <ion-item (click)="openDigitalId()">
<ion-item (click)="openDigitalId()">
<ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 25px !important;" src="../assets/imgs/ID_ico_menu.png" item-left>
</ion-thumbnail>
@ -74,7 +74,7 @@
{{ts.trPK('general','digital-id')}}
<ion-badge class="start-badge main-badge" slot="end" color="danger">{{notBadge}}</ion-badge>
</ion-label>
</ion-item> -->
</ion-item>
<!-- <ion-item *ngIf='userInfo?.show_business' (click)="openBusinessCard()">
<ion-thumbnail slot="start" class="menu-thumb">
@ -165,7 +165,7 @@
</button> -->
</ion-item>
<!-- <ion-item (click)="openDigitalId()">
<ion-item (click)="openDigitalId()">
<ion-thumbnail slot="start" class="menu-thumb">
<img style= "height: 25px !important;" src="../assets/imgs/ID_ico_menu.png" item-left>
</ion-thumbnail>
@ -173,7 +173,7 @@
{{ts.trPK('general','digital-id')}}
<ion-badge class="start-badge main-badge" slot="end" color="danger">{{notBadge}}</ion-badge>
</ion-label>
</ion-item> -->
</ion-item>
<!-- <ion-item *ngIf='userInfo?.show_business' (click)="openBusinessCard()">
<ion-thumbnail slot="start" class="menu-thumb">

@ -1,4 +1,4 @@
<ion-content *ngIf="userInfo.CompanyMainCompany == 'CS'" dir="ltr">
<!-- <ion-content *ngIf="userInfo.CompanyMainCompany == 'CS'" dir="ltr">
<img *ngIf="userInfo.PAYROLL_CODE === 'CS' " style="width: 100%; max-width: 100%; height: 30%;" src="../../../assets/imgs/IDTOP.png">
<img *ngIf="userInfo.PAYROLL_CODE !== 'CS' " style="width: 100%; max-width: 100%;" src="../../../assets/imgs/IDTOP_HMG.png.png">
<ion-grid>
@ -65,8 +65,46 @@
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
</ion-content> -->
<ion-content dir="ltr">
<img style="width: 100%; max-width: 100%; height: 30%;" src="../../../assets/imgs/profile-header.png">
<ion-grid>
<ion-row>
<ion-col size="5" *ngIf="userInfo.EMPLOYEE_IMAGE != null">
<img class="digital-id-image-size"
[src]="'data:image/png;base64,'+userInfo.EMPLOYEE_IMAGE">
</ion-col>
<ion-col size="6" *ngIf="userInfo.EMPLOYEE_IMAGE == null">
<img style="width: 70%;height: 180%; ; bottom: 0%; position: absolute; border: 1px solid #e6e6e6; border-radius: 20px;"
src="../../../assets/imgs/profilePic.png">
</ion-col>
<ion-col size="7">
<p><b style="font-size: 25px !important; font-family: sans-serif;">{{userInfo.ASSIGNMENT_NUMBER}}</b></p>
</ion-col>
</ion-row>
<ion-row>
<ion-col style="padding-left: 10px;">
<p><b style="font-size: 20px !important;">{{userInfo.EMPLOYEE_DISPLAY_NAME}}</b></p>
<ion-label>
<div style="display: flex;">
<p style="color: black; font-size: 18px;"><b>Title: &nbsp; </b></p> <p style="font-size: 16px !important; color: darkgray;"><b>{{userJobName}}</b></p>
</div>
<div style="display: flex;">
<p style="color: black; font-size: 18px;"><b>Dept: &nbsp; </b></p> <p style="font-size: 16px !important; color: darkgray;"><b>{{userInfo.BUSINESS_GROUP_NAME}}</b></p>
</div>
</ion-label>
<p style="border: 1px solid red; border-radius: 40px; background: #c1272d; width: 85px; text-align: center; color: white; font-size: 12px; height: 28px; padding: 4px;">{{userInfo.EMPLOYMENT_CATEGORY_MEANING}}</p>
</ion-col>
</ion-row>
<div style="background-color: lightgray; width: 95%; height: 0.5px; margin-left: 15px;"></div>
<ion-row>
<ion-col>
<img style="width: 50%; max-width: 100%;" [src]="userInfo.EmployeeQR">
</ion-col>
</ion-row>
</ion-grid>
</ion-content>
<ion-footer>
<div class="centerDiv" style="margin-top: 20px !important;">
<ion-button class="button-login" (click)="dismiss()"><b>{{ts.trPK('general','close')}}</b></ion-button>

@ -1,6 +1,6 @@
.button-login{
--background: #c1272d !important;
background: #c1272d !important;
--background: #34b9c1 !important;
background: #34b9c1 !important;
white-space: normal;
color: var(--light);
text-transform: capitalize;
@ -14,17 +14,17 @@
@media only screen and (max-device-height: 640px) {
.digital-id-image-size{
width: 70% !important;
width: 90% !important;
height: 160% !important;
bottom: 0% !important;
position: absolute !important;
border: 1px solid #e6e6e6 !important;
border-radius: 20px !important;
border-radius: 70px !important;
}
}
.digital-id-image-size{
width: 70%;height: 180%; ; bottom: 0%; position: absolute; border: 1px solid #e6e6e6; border-radius: 20px;
width: 90%;height: 180%; ; bottom: 0%; position: absolute; border: 1px solid #e6e6e6; border-radius: 70px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Loading…
Cancel
Save