mirror of
https://github.com/fabioformosa/quartz-manager.git
synced 2026-05-14 22:00:30 +09:00
f6d6cd16e7
# Conflicts: # quartz-manager-frontend/package-lock.json # quartz-manager-frontend/src/app/components/logs-panel/logs-panel.component.html # quartz-manager-frontend/src/app/components/progress-panel/progress-panel.component.html # quartz-manager-frontend/src/app/components/simple-trigger-config/simple-trigger-config.component.ts # quartz-manager-frontend/src/app/views/manager/manager.component.html # quartz-manager-frontend/src/app/views/manager/manager.component.ts
44 lines
2.2 KiB
HTML
44 lines
2.2 KiB
HTML
<!-- <div class="progress" [hidden]="progress.percentage < 0">
|
|
<div class="progress-bar"
|
|
role="progressbar"
|
|
[ngStyle]="{width: percentageStr}">
|
|
{{percentageStr}}
|
|
</div>
|
|
</div> -->
|
|
|
|
<mat-card style="padding-bottom: 0" [ngClass]="{'progress-updated': progressUpdated}">
|
|
<mat-card-header style="padding-bottom: 16px;">
|
|
<mat-card-subtitle><b>JOB PROGRESS</b></mat-card-subtitle>
|
|
</mat-card-header>
|
|
<mat-card-content>
|
|
<div id="progressBarBox" *ngIf="progress.percentage !== -1">
|
|
<mat-progress-bar mode="determinate" value="{{progress.percentage}}"></mat-progress-bar>
|
|
{{percentageStr}}
|
|
</div>
|
|
|
|
<div id="counterBox" fxLayout="row" fxLayoutAlign="center" *ngIf="progress.timesTriggered">
|
|
<span id="timesTriggeredCounter" class="animated pulse">{{progress.timesTriggered}}</span>
|
|
<span id="totCounter" *ngIf="progress.repeatCount > 0"> / {{progress.repeatCount}} </span>
|
|
</div>
|
|
<mat-divider *ngIf="progress.timesTriggered"></mat-divider>
|
|
|
|
<div fxLayout="row" fxLayoutAlign="space-around center">
|
|
<div class="fireBox">
|
|
<div class="fireBoxHeader">prev fire time</div>
|
|
<div class="fireBoxContent"><span class="animated pulse">{{progress.previousFireTime|date:'dd-MM-yyyy HH:mm:ss'}}</span></div>
|
|
<div class="fireBoxContent" [hidden]="progress.previousFireTime"><span>-</span></div>
|
|
</div>
|
|
<div class="fireBox">
|
|
<div class="fireBoxHeader">next fire time</div>
|
|
<div class="fireBoxContent"><span class="animated pulse">{{progress.nextFireTime|date:'dd-MM-yyyy HH:mm:ss'}}</span></div>
|
|
<div class="fireBoxContent" [hidden]="progress.nextFireTime"><span>-</span></div>
|
|
</div>
|
|
<div class="fireBox">
|
|
<div class="fireBoxHeader">final fire time</div>
|
|
<div class="fireBoxContent"><span class="animated pulse">{{progress.finalFireTime|date:'dd-MM-yyyy HH:mm:ss'}}</span></div>
|
|
<div class="fireBoxContent" [hidden]="progress.finalFireTime"><span>-</span></div>
|
|
</div>
|
|
</div>
|
|
</mat-card-content>
|
|
</mat-card>
|