mss-engine-forms
Version:
A simple typehead library developed by MSS development team to be used for dynamic forms
24 lines • 6.8 kB
JavaScript
import { Component, Input } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular/forms";
import * as i2 from "@angular/common";
export class DynamicErrorComponent {
constructor(formgroupDirective) {
this.formgroupDirective = formgroupDirective;
}
ngOnInit() {
this.formName = this.formgroupDirective.control;
}
get f() {
return this.formName.controls;
}
}
DynamicErrorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DynamicErrorComponent, deps: [{ token: i1.FormGroupDirective }], target: i0.ɵɵFactoryTarget.Component });
DynamicErrorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DynamicErrorComponent, selector: "app-dynamic-error", inputs: { field: "field" }, ngImport: i0, template: "<div *ngIf=\"formName.controls[field.fieldName]?.invalid && (formName.controls[field.fieldName]?.dirty || formName.controls[field.fieldName]?.touched)\"\n class=\"invalid-feedback d-block text-danger\">\n <div *ngIf=\"formName.controls[field.fieldName]?.errors.required\">\n * {{field.label}} est requis\n </div>\n <div *ngIf=\"formName.controls[field.fieldName]?.errors.email\">\n * {{field.label}} doit \u00E9tre un email valide!\n </div>\n <div *ngIf=\"formName.controls[field.fieldName]?.errors.minlength\">\n * {{field.label}} doit contenir {{formName.controls[field.fieldName].errors.minlength.requiredLength}}\n caract\u00E9res!\n </div>\n <div *ngIf=\"formName.controls[field.fieldName]?.errors.pattern\">\n * Format incorrect\n </div>\n <div *ngIf=\"formName.controls[field.fieldName]?.errors.mask\">\n * Format incorrect\n </div>\n <div *ngIf=\"formName.controls[field.fieldName]?.errors.min || formName.controls[field.fieldName]?.errors.max\">\n * Montant invalide\n </div>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DynamicErrorComponent, decorators: [{
type: Component,
args: [{ selector: "app-dynamic-error", template: "<div *ngIf=\"formName.controls[field.fieldName]?.invalid && (formName.controls[field.fieldName]?.dirty || formName.controls[field.fieldName]?.touched)\"\n class=\"invalid-feedback d-block text-danger\">\n <div *ngIf=\"formName.controls[field.fieldName]?.errors.required\">\n * {{field.label}} est requis\n </div>\n <div *ngIf=\"formName.controls[field.fieldName]?.errors.email\">\n * {{field.label}} doit \u00E9tre un email valide!\n </div>\n <div *ngIf=\"formName.controls[field.fieldName]?.errors.minlength\">\n * {{field.label}} doit contenir {{formName.controls[field.fieldName].errors.minlength.requiredLength}}\n caract\u00E9res!\n </div>\n <div *ngIf=\"formName.controls[field.fieldName]?.errors.pattern\">\n * Format incorrect\n </div>\n <div *ngIf=\"formName.controls[field.fieldName]?.errors.mask\">\n * Format incorrect\n </div>\n <div *ngIf=\"formName.controls[field.fieldName]?.errors.min || formName.controls[field.fieldName]?.errors.max\">\n * Montant invalide\n </div>\n</div>" }]
}], ctorParameters: function () { return [{ type: i1.FormGroupDirective }]; }, propDecorators: { field: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHluYW1pYy1lcnJvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tc3MtZm9ybXMvc3JjL2xpYi9jb21wb25lbnRzL2R5bmFtaWMtZXJyb3IvZHluYW1pYy1lcnJvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9tc3MtZm9ybXMvc3JjL2xpYi9jb21wb25lbnRzL2R5bmFtaWMtZXJyb3IvZHluYW1pYy1lcnJvci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQVF6RCxNQUFNLE9BQU8scUJBQXFCO0lBSWhDLFlBQW9CLGtCQUFzQztRQUF0Qyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO0lBQUksQ0FBQztJQUUvRCxRQUFRO1FBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsT0FBTyxDQUFDO0lBQ2xELENBQUM7SUFFRCxJQUFJLENBQUM7UUFDSCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFBO0lBQy9CLENBQUM7O21IQVpVLHFCQUFxQjt1R0FBckIscUJBQXFCLHFGQ1JsQywwakNBcUJNOzRGRGJPLHFCQUFxQjtrQkFMakMsU0FBUzsrQkFDRSxtQkFBbUI7eUdBTXBCLEtBQUs7c0JBQWIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBGb3JtR3JvdXAsIEZvcm1Hcm91cERpcmVjdGl2ZSB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6IFwiYXBwLWR5bmFtaWMtZXJyb3JcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi9keW5hbWljLWVycm9yLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsczogW1wiLi9keW5hbWljLWVycm9yLmNvbXBvbmVudC5jc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIER5bmFtaWNFcnJvckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGZvcm1OYW1lOiBhbnk7XG4gIEBJbnB1dCgpIGZpZWxkOiBhbnk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBmb3JtZ3JvdXBEaXJlY3RpdmU6IEZvcm1Hcm91cERpcmVjdGl2ZSkgeyB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5mb3JtTmFtZSA9IHRoaXMuZm9ybWdyb3VwRGlyZWN0aXZlLmNvbnRyb2w7XG4gIH1cblxuICBnZXQgZigpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtTmFtZS5jb250cm9sc1xuICB9XG59XG4iLCI8ZGl2ICpuZ0lmPVwiZm9ybU5hbWUuY29udHJvbHNbZmllbGQuZmllbGROYW1lXT8uaW52YWxpZCAmJiAoZm9ybU5hbWUuY29udHJvbHNbZmllbGQuZmllbGROYW1lXT8uZGlydHkgfHwgZm9ybU5hbWUuY29udHJvbHNbZmllbGQuZmllbGROYW1lXT8udG91Y2hlZClcIlxuICAgIGNsYXNzPVwiaW52YWxpZC1mZWVkYmFjayBkLWJsb2NrIHRleHQtZGFuZ2VyXCI+XG4gICAgPGRpdiAqbmdJZj1cImZvcm1OYW1lLmNvbnRyb2xzW2ZpZWxkLmZpZWxkTmFtZV0/LmVycm9ycy5yZXF1aXJlZFwiPlxuICAgICAgICAqIHt7ZmllbGQubGFiZWx9fSBlc3QgcmVxdWlzXG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cImZvcm1OYW1lLmNvbnRyb2xzW2ZpZWxkLmZpZWxkTmFtZV0/LmVycm9ycy5lbWFpbFwiPlxuICAgICAgICAqIHt7ZmllbGQubGFiZWx9fSBkb2l0IMOpdHJlIHVuIGVtYWlsIHZhbGlkZSFcbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwiZm9ybU5hbWUuY29udHJvbHNbZmllbGQuZmllbGROYW1lXT8uZXJyb3JzLm1pbmxlbmd0aFwiPlxuICAgICAgICAqIHt7ZmllbGQubGFiZWx9fSBkb2l0IGNvbnRlbmlyIHt7Zm9ybU5hbWUuY29udHJvbHNbZmllbGQuZmllbGROYW1lXS5lcnJvcnMubWlubGVuZ3RoLnJlcXVpcmVkTGVuZ3RofX1cbiAgICAgICAgY2FyYWN0w6lyZXMhXG4gICAgPC9kaXY+XG4gICAgPGRpdiAqbmdJZj1cImZvcm1OYW1lLmNvbnRyb2xzW2ZpZWxkLmZpZWxkTmFtZV0/LmVycm9ycy5wYXR0ZXJuXCI+XG4gICAgICAgICogRm9ybWF0IGluY29ycmVjdFxuICAgIDwvZGl2PlxuICAgIDxkaXYgKm5nSWY9XCJmb3JtTmFtZS5jb250cm9sc1tmaWVsZC5maWVsZE5hbWVdPy5lcnJvcnMubWFza1wiPlxuICAgICAgICAqIEZvcm1hdCBpbmNvcnJlY3RcbiAgICA8L2Rpdj5cbiAgICA8ZGl2ICpuZ0lmPVwiZm9ybU5hbWUuY29udHJvbHNbZmllbGQuZmllbGROYW1lXT8uZXJyb3JzLm1pbiB8fCBmb3JtTmFtZS5jb250cm9sc1tmaWVsZC5maWVsZE5hbWVdPy5lcnJvcnMubWF4XCI+XG4gICAgICAgICogTW9udGFudCBpbnZhbGlkZVxuICAgIDwvZGl2PlxuPC9kaXY+Il19