michele.artini
/
dnet-docker
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui

This commit is contained in:
Michele Artini 2024-01-23 11:32:40 +01:00
parent 9fb2a353df
commit 7310b66f34
1 changed files with 42 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

68
dnet-app/frontends/is/src/app/wf-confs/wf-conf-dialog.html
View File

@ -62,35 +62,51 @@
<mat-step [stepControl]="wfConfFormStep3" label="Worflow Parameters">
<form [formGroup]="wfConfFormStep3">
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;" *ngFor="let p of wfParameters">
<ng-container *ngFor="let p of wfParameters">
<ng-container [ngSwitch]="p.type">
<ng-container *ngSwitchCase="'NUMBER'">
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;">
<mat-label>{{p.name}}</mat-label>
<input matInput type="number" [formControlName]="p.name" />
<mat-error *ngIf="wfConfFormStep3.get(p.name)?.invalid">Invalid value</mat-error>
</mat-form-field>
</ng-container>
<mat-label>{{p.name}}</mat-label>
<ng-container *ngSwitchCase="''BOOLEAN''">
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;">
<mat-label>{{p.name}}</mat-label>
<mat-select matInput [formControlName]="p.name">
<mat-option></mat-option>
<mat-option value="true">true</mat-option>
<mat-option value="false">false</mat-option>
</mat-select>
<mat-error *ngIf="wfConfFormStep3.get(p.name)?.invalid">Invalid value</mat-error>
</mat-form-field>
</ng-container>
<div [ngSwitch]="p.type">
<input matInput type="number" [formControlName]="p.name" *ngSwitchCase="'NUMBER'" />
<mat-select matInput [formControlName]="p.name" *ngSwitchCase="'BOOLEAN'">
<mat-option></mat-option>
<mat-option value="true">true</mat-option>
<mat-option value="false">false</mat-option>
</mat-select>
<ng-container *ngSwitchCase="'DATE'">
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;">
<mat-label>{{p.name}}</mat-label>
<input matInput [matDatepicker]="datepicker" [formControlName]="p.name">
<mat-datepicker-toggle matIconSuffix [for]="datepicker"></mat-datepicker-toggle>
<mat-datepicker #datepicker />
<mat-error *ngIf="wfConfFormStep3.get(p.name)?.invalid">Invalid value</mat-error>
</mat-form-field>
</ng-container>
<div *ngSwitchCase="'DATE'">
<input matInput [matDatepicker]="datepicker" [formControlName]="p.name">
<mat-datepicker-toggle matIconSuffix [for]="datepicker"></mat-datepicker-toggle>
<mat-datepicker #datepicker />
</div>
<div *ngSwitchDefault>
<input matInput type="text" [formControlName]="p.name" *ngIf="p.validTerms.length == 0" />
<mat-select matInput [formControlName]="p.name" *ngIf="p.validTerms.length > 0">
<mat-option></mat-option>
<mat-option value="{{t}}" *ngFor="let t of p.validTerms">{{t}}</mat-option>
</mat-select>
</div>
</div>
<mat-error *ngIf="wfConfFormStep3.get(p.name)?.invalid">Invalid value</mat-error>
</mat-form-field>
<ng-container *ngSwitchDefault>
<mat-form-field appearance="fill" floatLabel="always" style="width: 100%;">
<mat-label>{{p.name}}</mat-label>
<input matInput type="text" [formControlName]="p.name" *ngIf="p.validTerms.length == 0" />
<mat-select matInput [formControlName]="p.name" *ngIf="p.validTerms.length > 0">
<mat-option></mat-option>
<mat-option value="{{t}}" *ngFor="let t of p.validTerms">{{t}}</mat-option>
</mat-select>
<mat-error *ngIf="wfConfFormStep3.get(p.name)?.invalid">Invalid value</mat-error>
</mat-form-field>
</ng-container>
</ng-container>
</ng-container>
<div>
<button mat-stroked-button color="primary" matStepperPrevious>Back</button>