|
|
|
|
@ -159,10 +159,10 @@
|
|
|
|
|
<div class="hrTitle"> {{ts.trPK('payslip','summary-payment')}} </div>
|
|
|
|
|
<ion-grid class="grids">
|
|
|
|
|
<ion-row class="bgcolor">
|
|
|
|
|
<ion-col class="colPayslip">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label" for="">{{ts.trPK('payslip','particular')}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslip">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label">%</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslips">
|
|
|
|
|
@ -171,12 +171,12 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowtable" >
|
|
|
|
|
<ion-col class="colPayslip">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label" for=""> {{ts.trPK('payslip','deductions')}}
|
|
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslip">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label" for="">{{GetSummaryOfPaymentList.TOTAL_DEDUCTIONS_PERCENTAGE}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslips">
|
|
|
|
|
@ -186,11 +186,11 @@
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-row class="rowtable">
|
|
|
|
|
<ion-col class="colPayslip">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label" for="">{{ts.trPK('payslip','earnings')}}
|
|
|
|
|
</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslip">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label" for="">{{GetSummaryOfPaymentList.TOTAL_EARNINGS_PERCENTAGE}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslips" >
|
|
|
|
|
@ -200,11 +200,11 @@
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row class="rowtable">
|
|
|
|
|
<ion-col class="colPayslip">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label-bold" for="">{{ts.trPK('payslip','pay-Amount')}}
|
|
|
|
|
</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslip">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label-bold" for="">{{GetSummaryOfPaymentList.TOTAL_PAY_PERCENTAGE}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslips">
|
|
|
|
|
@ -219,7 +219,7 @@
|
|
|
|
|
<div class="hrTitle"> {{ts.trPK('payslip','earnings')}} </div>
|
|
|
|
|
<ion-grid class="grids">
|
|
|
|
|
<ion-row class="bgcolor">
|
|
|
|
|
<ion-col class="colPayslip">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label" for="">{{ts.trPK('payslip','particular')}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslips">
|
|
|
|
|
@ -228,7 +228,7 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowtable" *ngFor="let list of GetEarningsList" >
|
|
|
|
|
<ion-col class="colPayslip">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label" for="">{{list.ELEMENT_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslips">
|
|
|
|
|
@ -242,7 +242,7 @@
|
|
|
|
|
<div class="hrTitle"> {{ts.trPK('payslip','deductions')}} </div>
|
|
|
|
|
<ion-grid class="grids">
|
|
|
|
|
<ion-row class="bgcolor">
|
|
|
|
|
<ion-col class="colPayslip">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label" for="">{{ts.trPK('payslip','particular')}} </label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslips">
|
|
|
|
|
@ -251,7 +251,7 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowtable" *ngFor="let list of GetDeductionsList" >
|
|
|
|
|
<ion-col class="colPayslip">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label" for="">{{list.ELEMENT_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslips">
|
|
|
|
|
@ -281,7 +281,7 @@
|
|
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowtable">
|
|
|
|
|
<ion-col class="colPayslip">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<ion-row class="col">
|
|
|
|
|
<label class="label" for="">{{ts.trPK('payslip','bank-name')}} </label>
|
|
|
|
|
</ion-row>
|
|
|
|
|
@ -301,7 +301,7 @@
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
<ion-row class="rowtable">
|
|
|
|
|
<ion-col class="colPayslip">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'" >
|
|
|
|
|
<ion-row class="col">
|
|
|
|
|
<label class="label" for="">{{ts.trPK('payslip','account-no')}}
|
|
|
|
|
</label>
|
|
|
|
|
|