|
|
|
|
@ -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: </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: </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>
|
|
|
|
|
|