|
|
|
|
@ -8,9 +8,9 @@
|
|
|
|
|
<div class="result-graph">
|
|
|
|
|
<div class="result-text-container">
|
|
|
|
|
<h2 class="percentage">{{percentage}}</h2>
|
|
|
|
|
<span>Completed <br><br><br><br></span>
|
|
|
|
|
<span>{{ts.trPK('attendance','completed')}}<br><br><br><br></span>
|
|
|
|
|
</div>
|
|
|
|
|
<p-chart class="today-graph" type="doughnut" [data]="data" [options]="options"></p-chart>
|
|
|
|
|
<p-chart [ngClass]="direction == 'ltr'? 'today-graph':'today-graph-ar'" type="doughnut" [data]="data" [options]="options"></p-chart>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</ion-col>
|
|
|
|
|
@ -35,7 +35,9 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="gridrow">
|
|
|
|
|
<ion-col [size]="6" style="border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-col [size]="6" [ngClass]="direction == 'ltr'? 'col':'col-ar'">
|
|
|
|
|
<ion-row class="amountlabel"> <p>{{shiftTime}}</p> </ion-row>
|
|
|
|
|
<ion-row class="rowlabel">
|
|
|
|
|
<p >{{ts.trPK('attendance-tracking','shift-time')}}</p>
|
|
|
|
|
@ -50,7 +52,7 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-col [size]="6" style="border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;">
|
|
|
|
|
<ion-col [size]="6" [ngClass]="direction == 'ltr'? 'col':'col-ar'">
|
|
|
|
|
<ion-row class="amountlabel"><p >{{startDate}}</p> </ion-row>
|
|
|
|
|
<ion-row class="rowlabel">
|
|
|
|
|
<p >{{ts.trPK('attendance-tracking','check-in')}}</p>
|
|
|
|
|
@ -65,13 +67,12 @@
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col [size]="6" style="border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;">
|
|
|
|
|
<ion-col [size]="6" [ngClass]="direction == 'ltr'? 'col':'col-ar'">
|
|
|
|
|
<ion-row class="amountlabel"> <p >{{lateIn}}</p> </ion-row>
|
|
|
|
|
<ion-row class="rowlabel">
|
|
|
|
|
<p >{{ts.trPK('attendance-tracking','late-in')}}</p>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col [size]="6" style="border-bottom: 1px solid #ccc;">
|
|
|
|
|
<ion-row class="amountlabel"> <p >{{excess}}</p> </ion-row>
|
|
|
|
|
<ion-row class="rowlabel">
|
|
|
|
|
@ -79,7 +80,7 @@
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-col>
|
|
|
|
|
|
|
|
|
|
<ion-col [size]="6" style="border-right: 1px solid #ccc;">
|
|
|
|
|
<ion-col [size]="6" [ngClass]="direction == 'ltr'? 'col':'col-ar'">
|
|
|
|
|
<ion-row class="amountlabel"> <p >{{shortage}}</p> </ion-row>
|
|
|
|
|
<ion-row class="rowlabel">
|
|
|
|
|
<p>{{ts.trPK('attendance-tracking','shortage')}}</p>
|
|
|
|
|
|