fix issue

fatma-issu
Fatimah.Alshammari 6 years ago
parent 73099ddcc9
commit b42c1981fe

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

@ -15,6 +15,15 @@
margin-left: 8px; margin-left: 8px;
font-size: 12px !important; font-size: 12px !important;
} }
.colPayslip-ar{
border-left: 1px solid #cac8c8;
border-bottom-left-radius: -10px !important;
padding-top: 8px;
padding-bottom: 8px;
margin-left: 8px;
font-size: 12px !important;
}
.colPayslips{ .colPayslips{
border-bottom-left-radius: -10px !important; border-bottom-left-radius: -10px !important;
padding-top: 8px; padding-top: 8px;

Loading…
Cancel
Save