mirror of
https://github.com/xuthus83/pigallery2.git
synced 2025-01-14 14:43:17 +08:00
252 lines
12 KiB
HTML
252 lines
12 KiB
HTML
<form #settingsForm="ngForm" class="form-horizontal">
|
|
<div class="card mb-4">
|
|
<h5 class="card-header">
|
|
{{Name}}
|
|
<ng-container *ngIf="changed">*</ng-container>
|
|
</h5>
|
|
<div class="card-body">
|
|
<div [hidden]="!error" class="alert alert-danger" role="alert"><strong>Error: </strong>{{error}}</div>
|
|
|
|
<div *ngFor="let schedule of sortedSchedules() as schedules; let i= index">
|
|
<div class="card bg-light {{shouldIdent(schedule,schedules[i-1])? 'ml-4' : ''}}">
|
|
<div class="card-header clickable" (click)="showDetails[schedule.name]=!showDetails[schedule.name]">
|
|
<div class="d-flex justify-content-between">
|
|
{{schedule.name}} @<!--
|
|
-->
|
|
<ng-container [ngSwitch]="schedule.trigger.type">
|
|
<ng-container *ngSwitchCase="JobTriggerType.periodic">
|
|
<ng-container i18n>every</ng-container>
|
|
{{periods[schedule.trigger.periodicity]}} {{schedule.trigger.atTime | date:"HH:mm":"+0"}}
|
|
</ng-container>
|
|
<ng-container
|
|
*ngSwitchCase="JobTriggerType.scheduled">{{schedule.trigger.time | date:"medium"}}</ng-container>
|
|
<ng-container *ngSwitchCase="JobTriggerType.never" i18n>never</ng-container>
|
|
<ng-container *ngSwitchCase="JobTriggerType.after">
|
|
<ng-container i18n>after</ng-container>
|
|
{{schedule.trigger.afterScheduleName}}
|
|
</ng-container>
|
|
</ng-container>
|
|
<button class="btn btn-danger button-delete" (click)="remove(i)"><span class="oi oi-trash"></span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card-body" [hidden]="!showDetails[schedule.name]">
|
|
<div class="row">
|
|
|
|
<div class="col-md-9">
|
|
<div class="form-group row">
|
|
<label class="col-md-2 control-label" [for]="'jobName'+i" i18n>Job:</label>
|
|
<div class="col-md-10">
|
|
{{schedule.jobName}}
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<label class="col-md-2 control-label" [for]="'repeatType'+i" i18n>Periodicity:</label>
|
|
<div class="col-md-10">
|
|
<select class="form-control" [(ngModel)]="schedule.trigger.type"
|
|
(ngModelChange)="jobTriggerTypeChanged($event,schedule)"
|
|
[name]="'repeatType'+i" required>
|
|
<option *ngFor="let jobTrigger of JobTriggerTypeMap"
|
|
[ngValue]="jobTrigger.key">{{jobTrigger.value}}
|
|
</option>
|
|
</select>
|
|
<small class="form-text text-muted"
|
|
i18n>Set the time to run the job.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row" *ngIf="schedule.trigger.type == JobTriggerType.after">
|
|
<label class="col-md-2 control-label" [for]="'triggerAfter'+i" i18n>After:</label>
|
|
<div class="col-md-10">
|
|
<select class="form-control" [(ngModel)]="schedule.trigger.afterScheduleName"
|
|
[name]="'triggerAfter'+i" required>
|
|
<ng-container *ngFor="let sch of settings.scheduled">
|
|
<option *ngIf="sch.name !== schedule.name"
|
|
[ngValue]="sch.name">{{sch.name}}
|
|
</option>
|
|
</ng-container>
|
|
</select>
|
|
<small class="form-text text-muted"
|
|
i18n>The job will run after that job finishes.
|
|
</small>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group row" *ngIf="schedule.trigger.type == JobTriggerType.scheduled">
|
|
<label class="col-md-2 control-label" [for]="'triggerTime'+i" i18n>At:</label>
|
|
<div class="col-md-10">
|
|
<app-timestamp-datepicker
|
|
[name]="'triggerTime'+i"
|
|
(timestampChange)="testSettingChanges()"
|
|
[(timestamp)]="schedule.trigger.time"></app-timestamp-datepicker>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="form-group row" *ngIf="schedule.trigger.type == JobTriggerType.periodic">
|
|
<label class="col-md-2 control-label" [for]="'periodicity'+i" i18n>At:</label>
|
|
<div class="col-md-10">
|
|
<select
|
|
class="form-control" [(ngModel)]="schedule.trigger.periodicity"
|
|
[name]="'periodicity' + i"
|
|
required>
|
|
<option *ngFor="let period of periods; let i = index"
|
|
[ngValue]="i">
|
|
<ng-container i18n>every</ng-container>
|
|
{{period}}
|
|
</option>
|
|
</select>
|
|
<app-timestamp-timepicker
|
|
[name]="'atTime'+i"
|
|
(timestampChange)="testSettingChanges()"
|
|
[(timestamp)]="schedule.trigger.atTime"></app-timestamp-timepicker>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-md-3">
|
|
<button class="btn btn-success float-right"
|
|
*ngIf="!jobsService.progress.value[schedule.jobName]"
|
|
[disabled]="disableButtons"
|
|
title="Trigger job run manually"
|
|
i18n-title
|
|
(click)="start(schedule)" i18n>Start now
|
|
</button>
|
|
<button class="btn btn-secondary float-right"
|
|
*ngIf="jobsService.progress.value[schedule.jobName]"
|
|
[disabled]="disableButtons || jobsService.progress.value[schedule.jobName].state !== JobState.running"
|
|
(click)="stop(schedule)" i18n>Stop
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<ng-container *ngIf="getConfigTemplate(schedule.jobName) ">
|
|
<hr/>
|
|
<div *ngFor="let configEntry of getConfigTemplate(schedule.jobName)">
|
|
<ng-container [ngSwitch]="configEntry.type">
|
|
<ng-container *ngSwitchCase="'boolean'">
|
|
<div class="form-group row">
|
|
<label class="col-md-2 control-label"
|
|
[for]="configEntry.id+'_boolean_'+i">{{configEntry.name}}</label>
|
|
<div class="col-md-10">
|
|
<bSwitch
|
|
id="enableThreading"
|
|
class="switch"
|
|
[name]="configEntry.id+'_boolean_'+i"
|
|
[id]="configEntry.id+'_boolean_'+i"
|
|
[switch-on-color]="'primary'"
|
|
[switch-inverse]="true"
|
|
[switch-off-text]="text.Disabled"
|
|
[switch-on-text]="text.Enabled"
|
|
[switch-handle-width]="100"
|
|
[switch-label-width]="20"
|
|
[(ngModel)]="schedule.config[configEntry.id]">
|
|
</bSwitch>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'string'">
|
|
<div class="form-group row" [hidden]="simplifiedMode">
|
|
<label class="col-md-2 control-label"
|
|
[for]="configEntry.id+'_string_'+i">{{configEntry.name}}</label>
|
|
<div class="col-md-10">
|
|
<input type="text" class="form-control" [name]="configEntry.id+'_string_'+i"
|
|
[id]="configEntry.id+'_string_'+i"
|
|
[(ngModel)]="schedule.config[configEntry.id]" required>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'number'">
|
|
<div class="form-group row" [hidden]="simplifiedMode">
|
|
<label class="col-md-2 control-label"
|
|
[for]="configEntry.id+'_number_'+i">{{configEntry.name}}</label>
|
|
<div class="col-md-10">
|
|
<input type="number" class="form-control" [name]="configEntry.id+'_number_'+i"
|
|
[id]="configEntry.id+'_number_'+i"
|
|
[(ngModel)]="schedule.config[configEntry.id]" required>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
<ng-container *ngSwitchCase="'number-array'">
|
|
<div class="form-group row" [hidden]="simplifiedMode">
|
|
<label class="col-md-2 control-label"
|
|
[for]="configEntry.id+'_number-array_'+i">{{configEntry.name}}</label>
|
|
<div class="col-md-10">
|
|
<input type="text" class="form-control"
|
|
[name]="configEntry.id+'_number-array_'+i"
|
|
[id]="configEntry.id+'_number-array_'+i"
|
|
(ngModelChange)="setNumberArray(schedule.config,configEntry.id,$event)"
|
|
[ngModel]="getNumberArray(schedule.config,configEntry.id)" required>
|
|
<small class="form-text text-muted">
|
|
<ng-container i18n>';' separated integers.</ng-container>
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
</ng-container>
|
|
</div>
|
|
</ng-container>
|
|
</div>
|
|
<app-settings-job-progress
|
|
class="card-footer bg-transparent"
|
|
[progress]="jobsService.progress.value[schedule.jobName]">
|
|
</app-settings-job-progress>
|
|
|
|
</div>
|
|
</div>
|
|
<button class="btn btn-success float-right"
|
|
[disabled]="!settingsForm.form.valid || !changed || inProgress"
|
|
(click)="save()" i18n>Save
|
|
</button>
|
|
<button class="btn btn-secondary float-right"
|
|
[disabled]=" !changed || inProgress"
|
|
(click)="reset()" i18n>Reset
|
|
</button>
|
|
<button class="btn btn-primary float-right"
|
|
(click)="prepareNewJob()" i18n>+ Add Job
|
|
</button>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</form>
|
|
|
|
|
|
<!-- Modal -->
|
|
<div bsModal #jobModal="bs-modal" class="modal fade" id="jobModal" tabindex="-1" role="dialog"
|
|
aria-labelledby="jobModalLabel">
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="jobModalLabel" i18n>Add new job</h5>
|
|
<button type="button" class="close" (click)="jobModal.hide()" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<form #jobModalForm="ngForm">
|
|
<div class="modal-body">
|
|
<select class="form-control" (change)="jobTypeChanged(newSchedule)" [(ngModel)]="newSchedule.jobName"
|
|
name="newJobName" required>
|
|
<option *ngFor="let availableJob of _settingsService.availableJobs | async"
|
|
[ngValue]="availableJob.Name">{{availableJob.Name}}
|
|
</option>
|
|
</select>
|
|
<small class="form-text text-muted"
|
|
i18n>Select a job to schedule.
|
|
</small>
|
|
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" (click)="jobModal.hide()" i18n>Close</button>
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal"
|
|
(click)="addNewJob()"
|
|
[disabled]="!jobModalForm.form.valid" i18n>Add Job
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|