|
|
|
|
@ -98,7 +98,7 @@
|
|
|
|
|
|
|
|
|
|
<ion-row >
|
|
|
|
|
<label class="date" for="">{{showPaySlip.PERIOD_START_DATE}}</label>
|
|
|
|
|
<label class="label" for="">{{showPaySlip.PERIOD_END_DATE}}</label>
|
|
|
|
|
<label class="label date-label" for="">{{showPaySlip.PERIOD_END_DATE}}</label>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<div style="color: black;">
|
|
|
|
|
<!-- <ngx-gauge
|
|
|
|
|
@ -172,7 +172,7 @@
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowtable" >
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label" for=""> {{ts.trPK('payslip','deductions')}}
|
|
|
|
|
<label class="label number" for=""> {{ts.trPK('payslip','deductions')}}
|
|
|
|
|
|
|
|
|
|
</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
@ -180,7 +180,7 @@
|
|
|
|
|
<label class="label" for="">{{GetSummaryOfPaymentList.TOTAL_DEDUCTIONS_PERCENTAGE}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslips">
|
|
|
|
|
<label class="label" for="">{{GetSummaryOfPaymentList.TOTAL_DEDUCTIONS_AMOUNT}}</label>
|
|
|
|
|
<label class="label number" for="">{{GetSummaryOfPaymentList.TOTAL_DEDUCTIONS_AMOUNT}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
@ -191,10 +191,10 @@
|
|
|
|
|
</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label" for="">{{GetSummaryOfPaymentList.TOTAL_EARNINGS_PERCENTAGE}}</label>
|
|
|
|
|
<label class="label number" for="">{{GetSummaryOfPaymentList.TOTAL_EARNINGS_PERCENTAGE}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslips" >
|
|
|
|
|
<label class="label" for="">{{GetSummaryOfPaymentList.TOTAL_EARNINGS_AMOUNT}}</label>
|
|
|
|
|
<label class="label number" for="">{{GetSummaryOfPaymentList.TOTAL_EARNINGS_AMOUNT}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
</ion-row>
|
|
|
|
|
@ -205,10 +205,10 @@
|
|
|
|
|
</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label-bold" for="">{{GetSummaryOfPaymentList.TOTAL_PAY_PERCENTAGE}}</label>
|
|
|
|
|
<label class="label-bold number" for="">{{GetSummaryOfPaymentList.TOTAL_PAY_PERCENTAGE}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslips">
|
|
|
|
|
<label class="label-bold" for="">{{GetSummaryOfPaymentList.TOTAL_PAY_AMOUNT}}</label>
|
|
|
|
|
<label class="label-bold number" for="">{{GetSummaryOfPaymentList.TOTAL_PAY_AMOUNT}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
|
|
|
|
|
@ -229,10 +229,10 @@
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowtable" *ngFor="let list of GetEarningsList" >
|
|
|
|
|
<ion-col [ngClass]=" direction == 'en' ? 'colPayslip' : 'colPayslip-ar'">
|
|
|
|
|
<label class="label" for="">{{list.ELEMENT_NAME}}</label>
|
|
|
|
|
<label class="label number" for="">{{list.ELEMENT_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslips">
|
|
|
|
|
<label class="label" for="">{{list.AMOUNT}}</label>
|
|
|
|
|
<label class="label number" for="">{{list.AMOUNT}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
@ -255,7 +255,7 @@
|
|
|
|
|
<label class="label" for="">{{list.ELEMENT_NAME}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col class="colPayslips">
|
|
|
|
|
<label class="label" for="">{{list.AMOUNT}}</label>
|
|
|
|
|
<label class="label number" for="">{{list.AMOUNT}}</label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|