You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.9 KiB
51 lines
1.9 KiB
<div *ngIf="latestEntry && timeTrackerService.isActive" class="d-flex flex-column">
|
|
<div class="zone"><b>{{resolveZone(latestEntry.zone)}}</b></div>
|
|
<div class="d-flex flex-row">
|
|
Spent:
|
|
<app-wrap-value [value]="{current: currentSpent(), compare: compareSpent()}">
|
|
<ng-template let-v>
|
|
<span class="mx-2" [class]="classCurrentLowBetter(v.current, v.compare)">{{v.current | hms}}</span>
|
|
<span>{{v.compare | hms}}</span>
|
|
</ng-template>
|
|
</app-wrap-value>
|
|
</div>
|
|
<div class="d-flex flex-row">
|
|
First Entry:
|
|
<app-wrap-value [value]="{current: currentFirst(), compare: compareFirst()}">
|
|
<ng-template let-v>
|
|
<span class="mx-2" [class]="classCurrentLowBetter(v.current, v.compare)">{{v.current | hms}}</span>
|
|
<span>{{v.compare | hms}}</span>
|
|
</ng-template>
|
|
</app-wrap-value>
|
|
</div>
|
|
<div class="d-flex flex-row">
|
|
Last Entry:
|
|
<app-wrap-value [value]="{current: currentLast(), compare: compareLast()}">
|
|
<ng-template let-v>
|
|
<span class="mx-2" [class]="classCurrentLowBetter(v.current, v.compare)">{{v.current | hms}}</span>
|
|
<span>{{v.compare | hms}}</span>
|
|
</ng-template>
|
|
</app-wrap-value>
|
|
|
|
|
|
</div>
|
|
<div class="d-flex flex-row">
|
|
Number of Entries:
|
|
<app-wrap-value [value]="{current: currentEntries(), compare: compareEntries()}">
|
|
<ng-template let-v>
|
|
<span class="mx-2" [class]="classCurrentLowBetter(v.current, v.compare)">{{v.current}}</span>
|
|
<span>{{v.compare}}</span>
|
|
</ng-template>
|
|
</app-wrap-value>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<ng-container *ngIf="!latestEntry">
|
|
Awaiting zone entry to compare data
|
|
</ng-container>
|
|
|
|
<ng-container *ngIf="latestEntry && !timeTrackerService.isActive">
|
|
Awaiting stopwatch to start
|
|
</ng-container> |