Updating icons and grouping grouped inputs

This commit is contained in:
2023-02-07 17:31:04 +01:00
parent 09138a3602
commit a35e86ab83
2 changed files with 4 additions and 10 deletions

View File

@@ -17,7 +17,7 @@ import { FieldArrayType } from '@ngx-formly/core';
<div *ngIf="props['numbered']" class="float-start">
<strong>{{ i + 1 }}</strong>
</div>
<div class="float-end">
<div class="btn-group float-end">
<button class="btn btn-primary btn-sm" [attr.disabled]="i == 0 ? 'disabled' : null" type="button" (click)="move(i, i-1)"><i-bs name="caret-up-fill"></i-bs></button>
<button class="btn btn-primary btn-sm" [attr.disabled]="i == this.field.fieldGroup!.length-1 ? 'disabled' : null" type="button" (click)="move(i, i+1)"><i-bs name="caret-down-fill"></i-bs></button>
<button class="btn btn-danger btn-sm" [attr.disabled]="field.props!['removable'] === false ? 'disabled' : null" type="button" (click)="remove(i)"><i-bs name="x-octagon-fill"></i-bs></button>

View File

@@ -31,9 +31,7 @@ import {DictionaryService} from "./dictionary.service";
[inputFormatter]="formatter"
[resultFormatter]="formatter"
[editable]="false" />
<div class="input-group-append">
<button class="btn btn-success" type="button" (click)="add(foreignModal)"><span class="cil-plus btn-icon mr-2"></span>Create</button>
</div>
<button class="btn btn-success" type="button" (click)="add(foreignModal)"><i-bs name="file-earmark-plus-fill"></i-bs></button>
</div>
<div class="input-group" *ngIf="this.hasValue()">
<input type="text"
@@ -42,12 +40,8 @@ import {DictionaryService} from "./dictionary.service";
disabled=""
readonly="readonly"
/>
<div class="input-group-append">
<button class="btn btn-info" type="button" (click)="see(foreignModal)"><span class="cil-zoom btn-icon"></span><i-bs name="zoom-in"></i-bs></button>
</div>
<div class="input-group-append">
<button class="btn btn-danger" type="button" (click)="remove()"><span class="cil-x btn-icon mr-2"></span><i-bs name="eraser-fill"></i-bs></button>
</div>
<button class="btn btn-primary" type="button" (click)="see(foreignModal)"><i-bs name="eye-fill"></i-bs></button>
<button class="btn btn-danger" type="button" (click)="remove()"><i-bs name="eraser-fill"></i-bs></button>
</div>
<formly-form *ngIf="this.hasValue() && this.displayedFields" [form]="this.foreignForm" [fields]="this.foreignFields" [model]="this.foreignModel"></formly-form>
</div>