fixed id ui issues

MOHEMM-Q3-DEV-LATEST
enadhilal 5 years ago
parent 84abf319ac
commit 1a2be62897

@ -1,13 +1,14 @@
<ion-content>
<ion-content dir="ltr">
<img *ngIf="userInfo.PAYROLL_CODE === 'CS' " style="width: 100%; max-width: 100%;" 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>
<ion-row>
<ion-col>
<img style="width: 65%; bottom: 0%; position:absolute" [src]="'data:image/png;base64,'+userInfo.EMPLOYEE_IMAGE">
<ion-col size="6" >
<img style="width: 80%;height: 215%; ; bottom: 0%; position: absolute; border: 1px solid #e6e6e6; border-radius: 20px;"
[src]="'data:image/png;base64,'+userInfo.EMPLOYEE_IMAGE">
</ion-col>
<ion-col>
<p><b style="font-size: 25px !important;">{{userInfo.ASSIGNMENT_NUMBER}}</b></p>
<ion-col size="6">
<p><b style="font-size: 25px !important; font-family: sans-serif;">{{userInfo.ASSIGNMENT_NUMBER}}</b></p>
</ion-col>
</ion-row>
<ion-row>
@ -17,8 +18,8 @@
</ion-col>
</ion-row>
<ion-row>
<ion-col offset="2">
<img style="width: 85%; max-width: 100%;" [src]="userInfo.EmployeeQR">
<ion-col>
<img style="width: 65%; max-width: 100%; margin-left: 60px;" [src]="userInfo.EmployeeQR">
</ion-col>
</ion-row>
</ion-grid>

@ -27,17 +27,19 @@
</div>
<ion-grid *ngIf="personalInfo">
<div class="gridService" style="background: #0B4775; border-radius: 20px;">
<ion-grid *ngIf="personalInfo" style="position: relative; display: block; z-index: 5;">
<div [ngClass]=" direction == 'ltr' ? 'gridService-en' : 'gridService-ar'" style="background: #0B4775; border-radius: 20px;">
<ion-row>
<ion-col>
<label style="font-size: 12px; color: white; margin: 5%;">We appreciate you for completing service of</label>
<label style="font-size: 12px; color: white; margin: 10px 0px 0px 0px; display: block; text-align: center;font-weight: bold;">
{{ 'general, appreciate-service' | translate}}
</label>
</ion-col>
</ion-row>
<ion-row >
<ion-row [ngClass]=" direction == 'ltr' ? 'service-row-en' : 'service-row-ar'">
<ion-col [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'">
<ion-grid>
<ion-row>
<ion-row style="text-align:center">
<ion-col>
<label [ngClass]=" direction == 'ltr' ? 'service' : 'service-ar'">{{personalInfo.SERVICE_YEARS}}</label>
</ion-col>
@ -54,7 +56,7 @@
</ion-col>
<ion-col [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'">
<ion-grid>
<ion-row>
<ion-row style="text-align:center">
<ion-col>
<label [ngClass]=" direction == 'ltr' ? 'service' : 'service-ar'">{{personalInfo.SERVICE_MONTHS}}</label>
</ion-col>
@ -71,7 +73,7 @@
</ion-col>
<ion-col [ngClass]=" direction == 'ltr' ? 'columns' : 'columns-ar'">
<ion-grid>
<ion-row>
<ion-row style="text-align:center">
<ion-col>
<label [ngClass]=" direction == 'ltr' ? 'service' : 'service-ar'">{{personalInfo.SERVICE_DAYS}}</label>
</ion-col>

@ -1,11 +1,19 @@
.list-ios {
// margin-left: 0;
// margin-right: 0;
// margin-top: 32px;
// margin-bottom: 32px;
// background: var(--ion-item-background,var(--ion-background-color,#fff));
margin-left: 0;
margin-right: 0;
margin-top: 32px;
margin-top: -15px;
margin-bottom: 32px;
background: var(--ion-item-background,var(--ion-background-color,#fff));
border: 1px solid #d8d8d8;
background: var(--ion-item-background, var(--ion-background-color, #fff));
border-radius: 10px;
padding-top: 60px;
}
.header-toolbar-new{
@ -76,33 +84,38 @@
}
.gridService{
// background-color: #269DB8;
.gridService-en{
margin-top: 87px;
border-radius: 10px;
margin-bottom: -49px;
margin-left: 30px;
margin-right: 30px;
}
.gridService-ar{
margin-top: 87px;
border-radius: 10px;
margin-bottom: -49px;
margin-left: 20px;
margin-right: 25px;
}
.columns{
margin: 10px;
background: #0B4775;
border-radius: 27px;
// margin: 10px;
// background: #0B4775;
// border-radius: 27px;
// padding-left: 30px;
// padding-right: 6px;
// padding-top: 19px;
// padding-bottom: 26px;
}
.columns-ar{
margin: 10px;
background: #0B4775;
border-radius: 27px;
padding-left: 7px;
padding-right: 3px;
padding-top: 19px;
padding-bottom: 26px;
// margin: 10px;
// background: #0B4775;
// border-radius: 27px;
// padding-left: 7px;
// padding-right: 3px;
// padding-top: 19px;
// padding-bottom: 26px;
}
.service{
@ -125,7 +138,7 @@
margin-right: 26px;
}
.services-ar{
font-size: 14px;
font-size: 20px;
color: white;
margin-right: 25px;
}
@ -191,4 +204,13 @@
background:white;
margin-top: 100%;
// margin-left: 10%;
}
.service-row-en{
width: 79%;
margin: -12px 0px 0px 35px;
}
.service-row-ar{
width: 95%;
margin: -12px 0px 35px 0px;
}

@ -942,6 +942,10 @@
"digital-id":{
"en":"Employee Digital ID",
"ar":"هوية الموظف الرقمية"
},
"appreciate-service":{
"en":"We appreciate you for completing the service of",
"ar":"نحن نقدر لك استكمال خدمة"
}
},
"home": {

Loading…
Cancel
Save