Folding lists and opened variables
This commit is contained in:
@@ -4,12 +4,17 @@ import { FieldArrayType } from '@ngx-formly/core';
|
|||||||
@Component({
|
@Component({
|
||||||
selector: 'formly-array-type',
|
selector: 'formly-array-type',
|
||||||
template: `
|
template: `
|
||||||
<div>
|
<div class="mb-3">
|
||||||
|
<ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0">
|
||||||
|
<ngb-panel id="ngb-panel-0">
|
||||||
|
<ng-template ngbPanelTitle>
|
||||||
<label *ngIf="props.label" class="form-label">{{ props.label }}</label>
|
<label *ngIf="props.label" class="form-label">{{ props.label }}</label>
|
||||||
<p *ngIf="props.description">{{ props.description }}</p>
|
<p *ngIf="props.description">{{ props.description }}</p>
|
||||||
<div class="alert alert-danger" role="alert" *ngIf="showError && formControl.errors">
|
<div class="alert alert-danger" role="alert" *ngIf="showError && formControl.errors">
|
||||||
<formly-validation-message [field]="field"></formly-validation-message>
|
<formly-validation-message [field]="field"></formly-validation-message>
|
||||||
</div>
|
</div>
|
||||||
|
</ng-template>
|
||||||
|
<ng-template ngbPanelContent>
|
||||||
<div class="row row-cols-1 row-cols-md-{{this.itemsPerRow}} g-1">
|
<div class="row row-cols-1 row-cols-md-{{this.itemsPerRow}} g-1">
|
||||||
<div *ngFor="let entry of field.fieldGroup; let i = index" class="col">
|
<div *ngFor="let entry of field.fieldGroup; let i = index" class="col">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
@@ -29,7 +34,10 @@ import { FieldArrayType } from '@ngx-formly/core';
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button *ngIf="! this.field.props.readonly" class="btn btn-success col-sm-12" type="button" (click)="add()"><i-bs name="plus-square-fill"></i-bs></button>
|
<button *ngIf="! this.field.props.readonly" class="btn btn-success col-sm-12 gap-3" type="button" (click)="add()"><i-bs name="plus-square-fill"></i-bs></button>
|
||||||
|
</ng-template>
|
||||||
|
</ngb-panel>
|
||||||
|
</ngb-accordion>
|
||||||
</div>
|
</div>
|
||||||
`,
|
`,
|
||||||
})
|
})
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ import {FormlyJsonschema} from "@ngx-formly/core/json-schema";
|
|||||||
template: `
|
template: `
|
||||||
<div class="mb-3">
|
<div class="mb-3">
|
||||||
<ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0">
|
<ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0">
|
||||||
<ngb-panel>
|
<ngb-panel id="ngb-panel-0">
|
||||||
<ng-template ngbPanelTitle>
|
<ng-template ngbPanelTitle>
|
||||||
<label *ngIf="props.label && props['hideLabel'] !== true" [attr.for]="id"
|
<label *ngIf="props.label && props['hideLabel'] !== true" [attr.for]="id"
|
||||||
class="form-label">{{ props.label }}
|
class="form-label">{{ props.label }}
|
||||||
|
|||||||
Reference in New Issue
Block a user