|
|
|
|
@ -7,16 +7,16 @@
|
|
|
|
|
<ion-col size="10">
|
|
|
|
|
<div style="width: 100%;">
|
|
|
|
|
<div class="result-graph">
|
|
|
|
|
<div class="result-text-container">
|
|
|
|
|
<div [ngClass]=" direction == 'ltr' ? 'result-text-container' : 'result-text-container-ar'">
|
|
|
|
|
<h2 class="percentage">{{percentage}}</h2>
|
|
|
|
|
<span>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>
|
|
|
|
|
<ion-col size="2">
|
|
|
|
|
<div class="div" >
|
|
|
|
|
<div [ngClass]=" direction == 'ltr' ? 'div' : 'div-ar'">
|
|
|
|
|
<ion-row >
|
|
|
|
|
<p class="p0">{{nameDay}}</p>
|
|
|
|
|
</ion-row>
|
|
|
|
|
@ -40,7 +40,7 @@
|
|
|
|
|
<div>
|
|
|
|
|
<ion-grid class="grid">
|
|
|
|
|
<ion-row class="gridrow">
|
|
|
|
|
<ion-col class="liftcol">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'ltr' ? 'liftcol' : 'liftcol-ar'">
|
|
|
|
|
<ion-row class="amountlabel"> <p>{{shiftTime}}</p> </ion-row>
|
|
|
|
|
<ion-row class="rowlabel">
|
|
|
|
|
<p >{{ts.trPK('attendance-tracking','shift-time')}}</p>
|
|
|
|
|
@ -54,7 +54,7 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="gridrow" >
|
|
|
|
|
<ion-col class="liftcol">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'ltr' ? 'liftcol' : 'liftcol-ar'">
|
|
|
|
|
<ion-row class="amountlabel"><p >{{startDate}}</p> </ion-row>
|
|
|
|
|
<ion-row class="rowlabel">
|
|
|
|
|
<p >{{ts.trPK('attendance-tracking','check-in')}}</p>
|
|
|
|
|
@ -68,7 +68,7 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row >
|
|
|
|
|
<ion-row class="gridrow">
|
|
|
|
|
<ion-col class="liftcol">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'ltr' ? 'liftcol' : 'liftcol-ar'">
|
|
|
|
|
<ion-row class="amountlabel"> <p >{{lateIn}}</p> </ion-row>
|
|
|
|
|
<ion-row class="rowlabel">
|
|
|
|
|
<p >{{ts.trPK('attendance-tracking','late-in')}}</p>
|
|
|
|
|
@ -82,7 +82,7 @@
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="gridrow">
|
|
|
|
|
<ion-col class="liftcol">
|
|
|
|
|
<ion-col [ngClass]=" direction == 'ltr' ? 'liftcol' : 'liftcol-ar'">
|
|
|
|
|
<ion-row class="amountlabel"> <p >{{shortage}}</p> </ion-row>
|
|
|
|
|
<ion-row class="rowlabel">
|
|
|
|
|
<p>{{ts.trPK('attendance-tracking','shortage')}}</p>
|
|
|
|
|
|