Updating icons and grouping grouped inputs
This commit is contained in:
@@ -17,7 +17,7 @@ import { FieldArrayType } from '@ngx-formly/core';
|
|||||||
<div *ngIf="props['numbered']" class="float-start">
|
<div *ngIf="props['numbered']" class="float-start">
|
||||||
<strong>{{ i + 1 }}</strong>
|
<strong>{{ i + 1 }}</strong>
|
||||||
</div>
|
</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 == 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-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>
|
<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>
|
||||||
|
|||||||
@@ -31,9 +31,7 @@ import {DictionaryService} from "./dictionary.service";
|
|||||||
[inputFormatter]="formatter"
|
[inputFormatter]="formatter"
|
||||||
[resultFormatter]="formatter"
|
[resultFormatter]="formatter"
|
||||||
[editable]="false" />
|
[editable]="false" />
|
||||||
<div class="input-group-append">
|
<button class="btn btn-success" type="button" (click)="add(foreignModal)"><i-bs name="file-earmark-plus-fill"></i-bs></button>
|
||||||
<button class="btn btn-success" type="button" (click)="add(foreignModal)"><span class="cil-plus btn-icon mr-2"></span>Create</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group" *ngIf="this.hasValue()">
|
<div class="input-group" *ngIf="this.hasValue()">
|
||||||
<input type="text"
|
<input type="text"
|
||||||
@@ -42,12 +40,8 @@ import {DictionaryService} from "./dictionary.service";
|
|||||||
disabled=""
|
disabled=""
|
||||||
readonly="readonly"
|
readonly="readonly"
|
||||||
/>
|
/>
|
||||||
<div class="input-group-append">
|
<button class="btn btn-primary" type="button" (click)="see(foreignModal)"><i-bs name="eye-fill"></i-bs></button>
|
||||||
<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>
|
<button class="btn btn-danger" type="button" (click)="remove()"><i-bs name="eraser-fill"></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>
|
|
||||||
</div>
|
</div>
|
||||||
<formly-form *ngIf="this.hasValue() && this.displayedFields" [form]="this.foreignForm" [fields]="this.foreignFields" [model]="this.foreignModel"></formly-form>
|
<formly-form *ngIf="this.hasValue() && this.displayedFields" [form]="this.foreignForm" [fields]="this.foreignFields" [model]="this.foreignModel"></formly-form>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user