|
|
|
|
@ -1,16 +1,29 @@
|
|
|
|
|
<ion-header>
|
|
|
|
|
<!-- <ion-header>
|
|
|
|
|
<ion-toolbar class="header-toolbar">
|
|
|
|
|
<ion-title color="light">Attendance Tracking </ion-title>
|
|
|
|
|
<ion-buttons slot="start">
|
|
|
|
|
<nav-buttons></nav-buttons>
|
|
|
|
|
</ion-buttons>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</ion-header>
|
|
|
|
|
</ion-header> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- <ion-header>
|
|
|
|
|
<ion-toolbar class="header-toolbar-new">
|
|
|
|
|
<ion-buttons slot="start">
|
|
|
|
|
<nav-buttons backLink="/home"></nav-buttons>
|
|
|
|
|
</ion-buttons>
|
|
|
|
|
<ion-title>Attendance Tracking</ion-title>
|
|
|
|
|
</ion-toolbar>
|
|
|
|
|
</ion-header> -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<ion-content>
|
|
|
|
|
<div class="back-button-container">
|
|
|
|
|
<nav-buttons backLink="/home"></nav-buttons>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="timer-chart">
|
|
|
|
|
<ion-label class="shift-title" style="font-weight: bold"> {{curentDate}}</ion-label><br/>
|
|
|
|
|
<ion-label class="shift-title" style="font-weight: bold; font-size: 20px;"> {{curentDate}}</ion-label><br/>
|
|
|
|
|
<ion-label class="shift-title"> {{ts.trPK('attendance-tracking','today-time-left')}}</ion-label>
|
|
|
|
|
|
|
|
|
|
<div class="fixed-shift-timer">
|
|
|
|
|
@ -46,32 +59,29 @@
|
|
|
|
|
</div>
|
|
|
|
|
<ion-grid>
|
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
|
<ion-label class="shift-title">{{ts.trPK('attendance-tracking','shift-time')}}</ion-label>
|
|
|
|
|
<br /><br />
|
|
|
|
|
<ion-label class="shift-text shift-title">{{attendanceTrackingList.P_SHT_NAME}} </ion-label>
|
|
|
|
|
<ion-col [size]="12" class="colBorder" style="border-right: none;">
|
|
|
|
|
<ion-label class="shift-title">{{ts.trPK('attendance-tracking','shift-time')}}</ion-label>
|
|
|
|
|
<ion-label class="shift-text shift-title">{{attendanceTrackingList.P_SHT_NAME}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row class="rowBorder">
|
|
|
|
|
<ion-col class="colBorder">
|
|
|
|
|
<ion-col [size]="6" class="colBorder">
|
|
|
|
|
<ion-label class="shift-title"> {{ts.trPK('attendance-tracking','check-in')}}</ion-label>
|
|
|
|
|
<br /><br />
|
|
|
|
|
<ion-label class="shift-text shift-title">08:00</ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<ion-col [size]="6" class="colBorder">
|
|
|
|
|
<ion-label class="shift-title"> {{ts.trPK('attendance-tracking','check-out')}}</ion-label>
|
|
|
|
|
<br /><br />
|
|
|
|
|
<ion-label class="shift-text shift-title">08:00 </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
<ion-row style="text-align: center">
|
|
|
|
|
<ion-col class="colBorder">
|
|
|
|
|
<ion-col [size]="6" class="colBorder">
|
|
|
|
|
<ion-label class="shift-title"> {{ts.trPK('attendance-tracking','late-in')}}</ion-label>
|
|
|
|
|
<br /><br />
|
|
|
|
|
<ion-label class="shift-text shift-title">08:00 </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
<ion-col>
|
|
|
|
|
<ion-col [size]="6" class="colBorder">
|
|
|
|
|
<ion-label class="shift-title"> {{ts.trPK('attendance-tracking','regular')}}</ion-label>
|
|
|
|
|
<br /><br />
|
|
|
|
|
<ion-label class="shift-text shift-title">{{attendanceTrackingList.P_SCHEDULED_HOURS}} </ion-label>
|
|
|
|
|
<ion-label class="shift-text shift-title">{{attendanceTrackingList.P_SCHEDULED_HOURS | slice:0:-3}} </ion-label>
|
|
|
|
|
</ion-col>
|
|
|
|
|
</ion-row>
|
|
|
|
|
</ion-grid>
|
|
|
|
|
|