|
|
|
|
@ -55,12 +55,12 @@
|
|
|
|
|
|
|
|
|
|
<div class="result-text-container">
|
|
|
|
|
|
|
|
|
|
<h2>{{totalnumber}}</h2>
|
|
|
|
|
<!-- <h2>{{totalnumber}}</h2> -->
|
|
|
|
|
|
|
|
|
|
<!-- <h2>{{accrualNet + accrualUsed + accrualYearly}}</h2> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<span>{{ts.trPK('absenceList','totalNumber')}}</span>
|
|
|
|
|
<!--
|
|
|
|
|
<span>{{ts.trPK('absenceList','totalNumber')}}</span> -->
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@ -68,13 +68,7 @@
|
|
|
|
|
<p-chart #chart class="today-graph" type="doughnut" [data]="data" [options]="options"></p-chart>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
<div style="position: relative;
|
|
|
|
|
left: 82%;
|
|
|
|
|
bottom: 128px;
|
|
|
|
|
color: black;
|
|
|
|
|
background-color: #DDB017;
|
|
|
|
|
width: 13%;
|
|
|
|
|
height: 6px;">
|
|
|
|
|
<div class="green">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<label class="green-label">{{ts.trPK('absenceList','accrualNet')}}</label>
|
|
|
|
|
@ -84,37 +78,25 @@
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="position: relative;
|
|
|
|
|
left: 59%;
|
|
|
|
|
bottom: 131px;
|
|
|
|
|
color: black;
|
|
|
|
|
background-color: #094875;
|
|
|
|
|
width: 13%;
|
|
|
|
|
height: 6px;">
|
|
|
|
|
<div class="red">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<label class="blue-label">{{ts.trPK('absenceList','accrualUsed')}}</label>
|
|
|
|
|
<label class="red-label">{{ts.trPK('absenceList','accrualUsed')}}</label>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
|
|
<label class="blue-amount" for="">{{accrualUsed}}</label>
|
|
|
|
|
<label class="red-amount" for="">{{accrualUsed}}</label>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</div>
|
|
|
|
|
<div style="position: relative;
|
|
|
|
|
left: 82%;
|
|
|
|
|
bottom: 80px;
|
|
|
|
|
color: black;
|
|
|
|
|
background-color: #CB3232;
|
|
|
|
|
width: 13%;
|
|
|
|
|
height: 6px;">
|
|
|
|
|
<div class="orng">
|
|
|
|
|
<ion-col>
|
|
|
|
|
<ion-row>
|
|
|
|
|
<label class="blue-label">{{ts.trPK('absenceList','accrualYearly')}}</label>
|
|
|
|
|
<label class="orng-label">{{ts.trPK('absenceList','accrualYearly')}}</label>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row>
|
|
|
|
|
|
|
|
|
|
<label class="blue-amount" for="">{{accrualYearly}}</label>
|
|
|
|
|
<label class="orng-amount" for="">{{accrualYearly}}</label>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</div>
|
|
|
|
|
|