src/lib/dynamic-form-action/dynamic-form-icon/dynamic-form-icon.component.ts
DynamicFormIconBase
| selector | bs-dynamic-form-icon |
| templateUrl | ./dynamic-form-icon.component.html |
constructor(actionService: DynamicFormActionService)
|
||||||
|
Parameters :
|
import { Component } from '@angular/core';
import { DynamicFormActionService, DynamicFormIconBase } from '@dynamic-forms/core';
@Component({
selector: 'bs-dynamic-form-icon',
templateUrl: './dynamic-form-icon.component.html',
})
export class BsDynamicFormIconComponent extends DynamicFormIconBase {
constructor(protected override actionService: DynamicFormActionService) {
super(actionService);
}
}
<div class="dynamic-form-icon-wrapper" [ngClass]="template.classNameWrapper">
<button
[id]="id"
class="dynamic-form-icon btn btn-outline-{{ template.color | dynamicFormColor : 'primary' }}"
[class.hidden]="template.hidden"
[ngClass]="template.className"
[type]="template.type || 'button'"
[disabled]="template.disabled"
(click)="onClick($event)"
>
<i class="material-icons">{{ template.icon | dynamicFormIcon }}</i>
</button>
</div>
<bs-dynamic-form-dialog
*ngIf="dialog"
[isOpen$]="dialogOpen$"
[children]="dialogChildren"
[headerActions]="dialogHeaderActions"
[footerActions]="dialogFooterActions"
[width]="template.dialogWidth"
[minWidth]="template.dialogMinWidth"
[maxWidth]="template.dialogMaxWidth"
[title]="template.dialogTitle"
[titleHtml]="template.dialogTitleHtml"
[classNameForm]="element.root.template.className"
[classNameModal]="template.className"
[classNameTitle]="template.classNameDialogTitle"
[classNameChildren]="dialogTemplate?.classNameChildren"
[classNameHeader]="dialogTemplate?.classNameHeader"
[classNameFooter]="dialogTemplate?.classNameFooter"
></bs-dynamic-form-dialog>