55 lines
2.6 KiB
HTML
55 lines
2.6 KiB
HTML
<div class="row" *ngIf="!progress && lastRun">
|
|
<div class="col-md-2 col-12" i18n>
|
|
Last run:
|
|
</div>
|
|
<div class="col-md-4 col-12" title="Run between" i18n-title >
|
|
<span class="oi oi-clock" aria-hidden="true"></span>
|
|
{{lastRun.time.start | date:'medium'}} - {{lastRun.time.end | date:'mediumTime'}}
|
|
</div>
|
|
<div class="col-md-3 col-6" title="processed+skipped/all" i18n-title>
|
|
<span class="oi oi-check" aria-hidden="true"></span>
|
|
{{lastRun.steps.processed}}+{{lastRun.steps.skipped}}/{{lastRun.steps.all}}
|
|
</div>
|
|
<div class="col-md-3 col-6" title="Status" i18n-title >
|
|
<span class="oi oi-pulse" aria-hidden="true"></span>
|
|
{{JobProgressStates[lastRun.state]}}
|
|
</div>
|
|
</div>
|
|
<div *ngIf="progress">
|
|
|
|
<div class="form-group row">
|
|
<div class="col-md-12">
|
|
<input *ngIf="progress.state === JobProgressStates.running" type="text" class="form-control" disabled
|
|
[ngModel]="progress.logs[progress.logs.length-1]" name="details">
|
|
<input *ngIf="progress.state === JobProgressStates.cancelling" type="text" class="form-control" disabled value="Cancelling: {{progress.logs[progress.logs.length-1]}}"
|
|
i18n-value name="details">
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group row progress-row ">
|
|
<div class="col-6 col-md-2 col-lg-1 text-md-right order-md-0" title="time elapsed" i18n-title>{{TimeElapsed| duration:':'}}</div>
|
|
<div class="col-6 col-md-2 col-lg-1 order-md-2 text-right text-md-left" title="time left" i18n-title>{{TimeAll| duration:':'}}</div>
|
|
<div class="progress col-md-8 col-lg-10 order-md-1"
|
|
title="processed:{{progress.steps.processed}}+ skipped:{{progress.steps.skipped}} / all:{{progress.steps.all}}">
|
|
<div
|
|
*ngIf="progress.steps.all >0"
|
|
class="progress-bar d-inline-block progress-bar-success {{progress.state === JobProgressStates.cancelling ? 'bg-secondary' : ''}}"
|
|
role="progressbar"
|
|
aria-valuenow="2"
|
|
aria-valuemin="0"
|
|
aria-valuemax="100"
|
|
style="min-width: 2em;"
|
|
[style.width.%]="(progress.steps.processed+progress.steps.skipped/(progress.steps.all))*100">
|
|
{{progress.steps.processed}}+{{progress.steps.skipped}}/{{progress.steps.all}}
|
|
</div>
|
|
<div
|
|
*ngIf="progress.steps.all === 0"
|
|
class="progress-bar d-inline-block progress-bar-success progress-bar-striped progress-bar-animated {{progress.state === JobProgressStates.cancelling ? 'bg-secondary' : ''}}"
|
|
role="progressbar" aria-valuenow="100"
|
|
aria-valuemin="0" aria-valuemax="100" style="width: 100%">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|