You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
118 lines
4.0 KiB
HTML
118 lines
4.0 KiB
HTML
|
6 years ago
|
<ion-header>
|
||
|
|
<ion-toolbar class="header-toolbar-new">
|
||
|
|
<ion-buttons slot="start">
|
||
|
|
<ion-back-button color="light" class="btnBack" ></ion-back-button>
|
||
|
|
</ion-buttons>
|
||
|
|
<ion-title color="light" >Shift Details</ion-title>
|
||
|
|
</ion-toolbar>
|
||
|
|
</ion-header>
|
||
|
|
|
||
|
|
<ion-content>
|
||
|
|
<div class="ion-padding shift-container" *ngIf="shiftDetailsData && selectedShift.origin === 'shiftDetails'">
|
||
|
|
<ion-card *ngFor="let shiftData of shiftDetailsData;">
|
||
|
|
<ion-card-content>
|
||
|
|
<h2 class="card-summary-heading">Days</h2>
|
||
|
|
<ion-grid style="line-height: 10px;">
|
||
|
|
<ion-row>
|
||
|
|
<ion-col [size]="8">
|
||
|
|
Shift type
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [size]="4">
|
||
|
|
{{shiftData.SHT_TYPE_DESC}}
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
<ion-row>
|
||
|
|
<ion-col [size]="8">
|
||
|
|
Shift
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [size]="4">
|
||
|
|
{{shiftData.SHT_NAME}}
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
<ion-row>
|
||
|
|
<ion-col [size]="8">
|
||
|
|
Break
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [size]="4">
|
||
|
|
{{shiftData.BREAK_NAME}}
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
<ion-row>
|
||
|
|
<ion-col [size]="8">
|
||
|
|
Work On Break
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [size]="4">
|
||
|
|
{{shiftData.ACTUAL_WOB_HRS}}
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
<ion-row>
|
||
|
|
<h2 class="card-summary-heading">Actual Swipe(s)</h2>
|
||
|
|
</ion-row>
|
||
|
|
<ion-row>
|
||
|
|
<ion-col [size]="8">
|
||
|
|
Start
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [size]="4">
|
||
|
|
{{shiftData.SHT_ACTUAL_START_TIME}}
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
<ion-row>
|
||
|
|
<ion-col [size]="8">
|
||
|
|
End
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [size]="4">
|
||
|
|
{{shiftData.SHT_ACTUAL_END_TIME}}
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
<ion-row>
|
||
|
|
<h2 class="card-summary-heading">Approved Swipe(s)</h2>
|
||
|
|
</ion-row>
|
||
|
|
<ion-row>
|
||
|
|
<ion-col [size]="8">
|
||
|
|
Start
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [size]="4">
|
||
|
|
{{shiftData.APPROVED_START_TIME}}
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
<ion-row>
|
||
|
|
<ion-col [size]="8">
|
||
|
|
Start Reason
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [size]="4">
|
||
|
|
{{shiftData.APPROVED_START_REASON_DESC}}
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
<ion-row>
|
||
|
|
<ion-col [size]="8">
|
||
|
|
End
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [size]="4">
|
||
|
|
{{shiftData.APPROVED_END_TIME}}
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
<ion-row>
|
||
|
|
<ion-col [size]="8">
|
||
|
|
End Reason
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [size]="4">
|
||
|
|
{{shiftData.APPROVED_END_REASON_DESC}}
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
<ion-row>
|
||
|
|
<ion-col [size]="8">
|
||
|
|
Actual Hours
|
||
|
|
</ion-col>
|
||
|
|
<ion-col [size]="4">
|
||
|
|
{{shiftData.SHT_ACTUAL_HRS}}
|
||
|
|
</ion-col>
|
||
|
|
</ion-row>
|
||
|
|
</ion-grid>
|
||
|
|
</ion-card-content>
|
||
|
|
</ion-card>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="ion-padding shift-container" *ngIf="swipeDetailsData && selectedShift.origin === 'shiftSwipes'">
|
||
|
|
No results Found
|
||
|
|
</div>
|
||
|
|
</ion-content>
|