|
|
|
|
@ -9,12 +9,21 @@
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</ion-header> -->
|
|
|
|
|
|
|
|
|
|
<ion-header>
|
|
|
|
|
<!-- <ion-header>
|
|
|
|
|
<ion-toolbar class="header-toolbar-new">
|
|
|
|
|
<nav-buttons [enableMenu]="false" [enableBack]="true" [navigate]="true"></nav-buttons>
|
|
|
|
|
<ion-title style="color: white;">{{ts.trPK('payslip','monthly-payslip')}}</ion-title>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</ion-header>
|
|
|
|
|
</ion-header> -->
|
|
|
|
|
|
|
|
|
|
<ion-header >
|
|
|
|
|
<ion-toolbar class="header-toolbar-new">
|
|
|
|
|
<ion-title color="light">{{ts.trPK('payslip','monthly-payslip')}}</ion-title>
|
|
|
|
|
<ion-buttons slot="start">
|
|
|
|
|
<nav-buttons></nav-buttons>
|
|
|
|
|
</ion-buttons>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</ion-header>
|
|
|
|
|
|
|
|
|
|
<ion-content class="colorBG">
|
|
|
|
|
|
|
|
|
|
@ -99,11 +108,11 @@
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div style="position: relative;
|
|
|
|
|
left: 77%;
|
|
|
|
|
left: 86%;
|
|
|
|
|
bottom: 117px;
|
|
|
|
|
color: black;
|
|
|
|
|
background-color: #22c6b3;
|
|
|
|
|
width: 20%; height: 6px;">
|
|
|
|
|
width: 15%; height: 6px;">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<label class="green-label">{{ts.trPK('payslip','earnings-key')}}</label>
|
|
|
|
|
@ -114,11 +123,11 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="position: relative;
|
|
|
|
|
left: 77%;
|
|
|
|
|
left: 86%;
|
|
|
|
|
bottom: 67px;
|
|
|
|
|
color: black;
|
|
|
|
|
background-color: #094875;
|
|
|
|
|
width: 20%; height: 6px;">
|
|
|
|
|
width: 15%; height: 6px;">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<label class="blue-label">{{ts.trPK('payslip','deductions-key')}}</label>
|
|
|
|
|
|