fixing payslip in arabic version

arabic-version^2
enadhilal 6 years ago
parent 3eb8914986
commit 10ec3c4ec8

@ -638,7 +638,7 @@ getSubordinatesAttStatus() {
} }
openPage(subMenu) { openPage(subMenu) {
console.log("openPage"); console.log(subMenu);
let selMenu: MenuResponse = new MenuResponse(); let selMenu: MenuResponse = new MenuResponse();
selMenu = this.common.sharedService.getSharedData( selMenu = this.common.sharedService.getSharedData(
MenuResponse.SHARED_DATA, MenuResponse.SHARED_DATA,

@ -78,7 +78,7 @@
[value]="gaugeValue" [value]="gaugeValue"
[label]="gaugeLabel"> [label]="gaugeLabel">
</ngx-gauge> --> </ngx-gauge> -->
<div class="result-graph"> <div [ngClass]="direction == 'en'? 'result-graph':'result-graph-ar'">
<!-- <div class="request-heading"> <!-- <div class="request-heading">
@ -86,7 +86,7 @@
</div> --> </div> -->
<div class="result-text-container"> <div [ngClass]="direction == 'en'? 'result-text-container':'result-text-container-ar'">
<h2>{{GetSummaryOfPaymentList.TOTAL_PAY_AMOUNT}}</h2> <h2>{{GetSummaryOfPaymentList.TOTAL_PAY_AMOUNT}}</h2>
@ -138,9 +138,9 @@
<!-- <p>Summary of Payment</p> --> <!-- <p>Summary of Payment</p> -->
<div class="hrTitle"> {{ts.trPK('payslip','summary-payment')}} </div>
<div *ngIf="GetSummaryOfPaymentList !=''">
<div *ngIf="GetSummaryOfPaymentList !=''"> <div class="hrTitle"> {{ts.trPK('payslip','summary-payment')}} </div>
<ion-grid class="grids"> <ion-grid class="grids">
<ion-row class="bgcolor"> <ion-row class="bgcolor">
<ion-col class="colPayslip"> <ion-col class="colPayslip">
@ -201,8 +201,8 @@
</ion-grid> </ion-grid>
</div> </div>
<div class="hrTitle"> {{ts.trPK('payslip','earnings')}} </div>
<div *ngIf="GetEarningsList !=''"> <div *ngIf="GetEarningsList !=''">
<div class="hrTitle"> {{ts.trPK('payslip','earnings')}} </div>
<ion-grid class="grids"> <ion-grid class="grids">
<ion-row class="bgcolor"> <ion-row class="bgcolor">
<ion-col class="colPayslip"> <ion-col class="colPayslip">
@ -224,8 +224,8 @@
</ion-grid> </ion-grid>
</div> </div>
<div class="hrTitle"> {{ts.trPK('payslip','deductions')}} </div>
<div *ngIf="GetDeductionsList !=''"> <div *ngIf="GetDeductionsList !=''">
<div class="hrTitle"> {{ts.trPK('payslip','deductions')}} </div>
<ion-grid class="grids"> <ion-grid class="grids">
<ion-row class="bgcolor"> <ion-row class="bgcolor">
<ion-col class="colPayslip"> <ion-col class="colPayslip">
@ -255,8 +255,8 @@
</ion-select> </ion-select>
</ion-item> --> </ion-item> -->
<div *ngIf="GetPaymentInformationList !=''">
<div class="hrTitle"> {{ts.trPK('payslip','payment-information')}} </div> <div class="hrTitle"> {{ts.trPK('payslip','payment-information')}} </div>
<div *ngIf="GetPaymentInformationList !=''">
<ion-grid class="grids" > <ion-grid class="grids" >
<ion-row class="rowtables"> <ion-row class="rowtables">
<ion-col class="colPayslips"> <ion-col class="colPayslips">

@ -137,6 +137,12 @@
margin-left: -48px; margin-left: -48px;
margin-right: 3px; margin-right: 3px;
} }
.result-graph-ar{
font-size: 14px;
margin-right: -48px;
margin-left: 3px;
}
.headerGrid{ .headerGrid{
background-color: white !important; background-color: white !important;
border: 1px solid #cac8c8 !important; border: 1px solid #cac8c8 !important;
@ -150,6 +156,37 @@
padding-right: 21px; padding-right: 21px;
} }
.result-text-container-ar {
padding: 0;
margin: 0;
position: absolute;
left: 54%;
top: 50%;
display: block;
text-align: center;
transform: translate(-50%, -50%);
h2 {
font-size: 25px;
font-family: WorkSans-Bold;
margin: 0 auto;
line-height: 36px;
}
span {
width: 125px;
display: block;
margin: 0 auto;
font-size: 15px;
font-family: workSans-Regular;
}
}
.result-text-container { .result-text-container {
padding: 0; padding: 0;
margin: 0; margin: 0;

@ -57,6 +57,7 @@ export class HomeComponent implements OnInit {
tooltips: { enabled: false }, tooltips: { enabled: false },
legend: { display: false }}; legend: { display: false }};
gaugeType = "full"; gaugeType = "full";
direction: string;
// gaugeValue = 11.200; // gaugeValue = 11.200;
// gaugeLabel = ""; // gaugeLabel = "";
@ -74,6 +75,7 @@ export class HomeComponent implements OnInit {
ngOnInit() { ngOnInit() {
this.direction = TranslatorService.getCurrentLanguageName()
// this.selEmp = this.common.sharedService.getSharedData( // this.selEmp = this.common.sharedService.getSharedData(
// MenuResponse.SHARED_SEL_EMP, // MenuResponse.SHARED_SEL_EMP,
// false // false

Loading…
Cancel
Save