Marmelator/red-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1.4k Wiki Activity

RED-4085: UI improvement for boolean system preferences

Browse Source
This commit is contained in:
Adina Țeudan 2022-05-25 13:42:37 +03:00
parent fe14f6e0ee
commit e04b05f0e2
1 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
apps/red-ui/src/app/modules/admin/screens/general-config/system-preferences-form/system-preferences-form.component.html
View File

@ -4,23 +4,27 @@
<form (submit)="save()" *ngIf="form" [formGroup]="form">
<div class="dialog-content">
<div class="dialog-content-left">
<div *ngFor="let key of keys" class="iqser-input-group required">
<label [translate]="translations.label[key.name]"></label>
<input
*ngIf="key.type === 'number'"
[formControlName]="key.name"
[name]="key.name"
[placeholder]="translations.placeholder[key.name] | translate"
type="number"
/>
<input
*ngIf="key.type === 'string'"
[formControlName]="key.name"
[name]="key.name"
[placeholder]="translations.placeholder[key.name] | translate"
type="text"
/>
<mat-slide-toggle color="primary" [formControlName]="key.name" *ngIf="key.type === 'boolean'"></mat-slide-toggle>
<div *ngFor="let key of keys" [class.required]="key.type !== 'boolean'" class="iqser-input-group">
<ng-container *ngIf="key.type !== 'boolean'">
<label [translate]="translations.label[key.name]"></label>
<input
*ngIf="key.type === 'number'"
[formControlName]="key.name"
[name]="key.name"
[placeholder]="translations.placeholder[key.name] | translate"
type="number"
/>
<input
*ngIf="key.type === 'string'"
[formControlName]="key.name"
[name]="key.name"
[placeholder]="translations.placeholder[key.name] | translate"
type="text"
/>
</ng-container>
<mat-slide-toggle *ngIf="key.type === 'boolean'" [formControlName]="key.name" color="primary">
{{ translations.label[key.name] | translate }}
</mat-slide-toggle>
</div>
</div>
</div>