ngx-nebular-formly
Version:
Ngx Formly integration for Nebular UI
45 lines (44 loc) • 3.9 kB
JavaScript
import { ChangeDetectionStrategy, Component } from '@angular/core';
import { FieldWrapper } from '@ngx-formly/core';
export class NebularFormlyFormFieldWrapper extends FieldWrapper {
}
NebularFormlyFormFieldWrapper.decorators = [
{ type: Component, args: [{
selector: 'nbf-nebular-formly-wrapper-form-field',
template: `
<div class="form-group">
<label *ngIf="to.label && to.hideLabel !== true" [attr.for]="id">
{{ to.label }}
<span
*ngIf="to.required && to.hideRequiredMarker !== true"
[]="'red'"
>*</span
>
</label>
<ng-template
<div *ngIf="showError" class="invalid-feedback" [style.display]="'block'">
<formly-validation-message [field]="field"></formly-validation-message>
</div>
<small *ngIf="to.description" class="form-text text-muted">{{
to.description
}}</small>
</div>
`,
changeDetection: ChangeDetectionStrategy.OnPush,
styles: [`
.form-group {
display: flex;
flex-flow: column wrap;
margin-bottom: 20px;
}
.required {
color: red;
}
.invalid-feedback {
color: red;
font-size: 0.7rem;
}
`]
},] }
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1maWVsZC53cmFwcGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmVidWxhci1mb3JtbHkvc3JjL2xpYi9mb3JtLWZpZWxkL2Zvcm0tZmllbGQud3JhcHBlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ25FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQTBDaEQsTUFBTSxPQUFPLDZCQUE4QixTQUFRLFlBQVk7OztZQXhDOUQsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSx1Q0FBdUM7Z0JBQ2pELFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JUO2dCQWtCRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTt5QkFoQjdDOzs7Ozs7Ozs7Ozs7OztLQWNDO2FBR0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZpZWxkV3JhcHBlciB9IGZyb20gJ0BuZ3gtZm9ybWx5L2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICduYmYtbmVidWxhci1mb3JtbHktd3JhcHBlci1mb3JtLWZpZWxkJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cImZvcm0tZ3JvdXBcIj5cclxuICAgICAgPGxhYmVsICpuZ0lmPVwidG8ubGFiZWwgJiYgdG8uaGlkZUxhYmVsICE9PSB0cnVlXCIgW2F0dHIuZm9yXT1cImlkXCI+XHJcbiAgICAgICAge3sgdG8ubGFiZWwgfX1cclxuICAgICAgICA8c3BhblxyXG4gICAgICAgICAgKm5nSWY9XCJ0by5yZXF1aXJlZCAmJiB0by5oaWRlUmVxdWlyZWRNYXJrZXIgIT09IHRydWVcIlxyXG4gICAgICAgICAgW3N0eWxlLmNvbG9yXT1cIidyZWQnXCJcclxuICAgICAgICAgID4qPC9zcGFuXHJcbiAgICAgICAgPlxyXG4gICAgICA8L2xhYmVsPlxyXG4gICAgICA8bmctdGVtcGxhdGUgI2ZpZWxkQ29tcG9uZW50PjwvbmctdGVtcGxhdGU+XHJcbiAgICAgIDxkaXYgKm5nSWY9XCJzaG93RXJyb3JcIiBjbGFzcz1cImludmFsaWQtZmVlZGJhY2tcIiBbc3R5bGUuZGlzcGxheV09XCInYmxvY2snXCI+XHJcbiAgICAgICAgPGZvcm1seS12YWxpZGF0aW9uLW1lc3NhZ2UgW2ZpZWxkXT1cImZpZWxkXCI+PC9mb3JtbHktdmFsaWRhdGlvbi1tZXNzYWdlPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPHNtYWxsICpuZ0lmPVwidG8uZGVzY3JpcHRpb25cIiBjbGFzcz1cImZvcm0tdGV4dCB0ZXh0LW11dGVkXCI+e3tcclxuICAgICAgICB0by5kZXNjcmlwdGlvblxyXG4gICAgICB9fTwvc21hbGw+XHJcbiAgICA8L2Rpdj5cclxuICBgLFxyXG4gIHN0eWxlczogW1xyXG4gICAgYFxyXG4gICAgICAuZm9ybS1ncm91cCB7XHJcbiAgICAgICAgZGlzcGxheTogZmxleDtcclxuICAgICAgICBmbGV4LWZsb3c6IGNvbHVtbiB3cmFwO1xyXG4gICAgICAgIG1hcmdpbi1ib3R0b206IDIwcHg7XHJcbiAgICAgIH1cclxuICAgICAgLnJlcXVpcmVkIHtcclxuICAgICAgICBjb2xvcjogcmVkO1xyXG4gICAgICB9XHJcblxyXG4gICAgICAuaW52YWxpZC1mZWVkYmFjayB7XHJcbiAgICAgICAgY29sb3I6IHJlZDtcclxuICAgICAgICBmb250LXNpemU6IDAuN3JlbTtcclxuICAgICAgfVxyXG4gICAgYCxcclxuICBdLFxyXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTmVidWxhckZvcm1seUZvcm1GaWVsZFdyYXBwZXIgZXh0ZW5kcyBGaWVsZFdyYXBwZXIge31cclxuIl19