ngx-config-form
Version:
use configuration to generate form
110 lines • 10.1 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import * as tslib_1 from "tslib";
import { Component, Input } from '@angular/core';
import { BaseInput } from '../../../common/baseInput';
var ConfirmPasswordComponent = /** @class */ (function (_super) {
tslib_1.__extends(ConfirmPasswordComponent, _super);
function ConfirmPasswordComponent() {
return _super.call(this) || this;
}
/**
* @return {?}
*/
ConfirmPasswordComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
_super.prototype.ngOnInit.call(this);
this.groupElemValidators = this.cfFormSetting[this.propName].validators;
this.setComponentNotify();
};
/**
* @return {?}
*/
ConfirmPasswordComponent.prototype.ngOnDestroy = /**
* @return {?}
*/
function () {
_super.prototype.ngOnDestroy.call(this);
this.ob.unsubscribe();
};
/**
* @private
* @return {?}
*/
ConfirmPasswordComponent.prototype.setComponentNotify = /**
* @private
* @return {?}
*/
function () {
var _this = this;
this.ob = this.groupElem.statusChanges
.subscribe((/**
* @param {?} a
* @return {?}
*/
function (a) {
var e_1, _a;
/** @type {?} */
var isValid = a === 'VALID';
/** @type {?} */
var vKey = _this.propName + "_";
if (!isValid && _this.groupElem.errors) {
/** @type {?} */
var errorObj = {};
try {
for (var _b = tslib_1.__values(Object.keys(_this.groupElem.errors)), _c = _b.next(); !_c.done; _c = _b.next()) {
var key = _c.value;
errorObj[key] = {
msg: _this.groupElemValidators[key].msg,
dirty: _this.groupElem.dirty,
};
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
}
finally { if (e_1) throw e_1.error; }
}
_this.cfForm.notifyValidatedInfo(vKey, false, errorObj);
}
if (isValid) {
_this.cfForm.notifyValidatedInfo(vKey, true);
}
}));
};
ConfirmPasswordComponent.decorators = [
{ type: Component, args: [{
selector: 'cf-inputs-confirm-password',
template: "<ng-container [formGroup]=\"cfFormGroup\">\n <ng-container [formGroupName]=\"propName\">\n <ng-container *ngIf=\"{ \n elem: cfFormGroup.get(propName) \n }; let gInfo\">\n\n <ng-container *ngFor=\"let item of cfFormSetting[propName].items\">\n <ng-container *ngIf=\"{ \n elem: cfFormGroup.get([propName, item.name]) \n }; let info\">\n\n <div class=\"form-group\">\n <label [for]=\"item.name\" *ngIf=\"item.args['alias']\">{{item.args['alias']}}</label>\n <input type=\"password\" \n class=\"form-control\" \n [formControlName]=\"item.name\"\n [id]=\"item.name\"\n [placeholder]=\"item.args['placeholder']\"\n [ngClass]=\"{'is-invalid': info.elem.dirty && info.elem.errors && info.elem.invalid }\">\n \n <small class=\"form-text text-muted\" *ngIf=\"item.args['murmur']\">\n {{item.args['murmur']}}\n </small>\n\n <ng-container *ngIf=\"info.elem.dirty && info.elem.errors && info.elem.invalid\">\n <small class=\"form-text text-danger\" *ngFor=\"let vName of ObjectUtil.keys(info.elem.errors)\">\n {{item.validators[vName].msg}}\n </small>\n </ng-container>\n\n </div>\n\n <!-- <hr />\n info.elem.dirty : {{ info.elem.dirty | json }} <br />\n info.elem.errors: {{ info.elem.errors | json }} <br />\n info.elem.value: {{ info.elem.value | json }}\n <hr /> -->\n\n </ng-container>\n </ng-container>\n\n <ng-container *ngIf=\"isShowErrorMsg && gInfo.elem.dirty && gInfo.elem.errors && gInfo.elem.invalid\">\n <small class=\"form-text text-danger\" *ngFor=\"let vName of ObjectUtil.keys(gInfo.elem.errors)\">\n {{cfFormSetting[propName].validators[vName].msg}}\n </small>\n </ng-container>\n\n <!-- <hr />\n gInfo.elem.invalid: {{ gInfo.elem.invalid | json }} <br />\n gInfo.elem.dirty: {{ gInfo.elem.dirty | json }} <br />\n gInfo.elem.errors: {{ gInfo.elem.errors | json }} <br />\n gInfo.elem.value: {{ gInfo.elem.value | json }}\n <hr /> -->\n\n </ng-container>\n\n </ng-container>\n</ng-container>\n\n",
styles: [""]
}] }
];
/** @nocollapse */
ConfirmPasswordComponent.ctorParameters = function () { return []; };
ConfirmPasswordComponent.propDecorators = {
propName: [{ type: Input }]
};
return ConfirmPasswordComponent;
}(BaseInput));
export { ConfirmPasswordComponent };
if (false) {
/** @type {?} */
ConfirmPasswordComponent.prototype.propName;
/**
* @type {?}
* @private
*/
ConfirmPasswordComponent.prototype.ob;
/**
* @type {?}
* @private
*/
ConfirmPasswordComponent.prototype.groupElemValidators;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29uZmlybS1wYXNzd29yZC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtY29uZmlnLWZvcm0vIiwic291cmNlcyI6WyJsaWIvY29tcG9uZW50cy9pbnB1dHMvY29uZmlybS1wYXNzd29yZC9jb25maXJtLXBhc3N3b3JkLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUVwRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFJdEQ7SUFPOEMsb0RBQVM7SUFPckQ7ZUFDRSxpQkFBTztJQUNULENBQUM7Ozs7SUFFRCwyQ0FBUTs7O0lBQVI7UUFDRSxpQkFBTSxRQUFRLFdBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsVUFBVSxDQUFDO1FBRXhFLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxDQUFDO0lBQzVCLENBQUM7Ozs7SUFFRCw4Q0FBVzs7O0lBQVg7UUFDRSxpQkFBTSxXQUFXLFdBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsRUFBRSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3hCLENBQUM7Ozs7O0lBRU8scURBQWtCOzs7O0lBQTFCO1FBQUEsaUJBcUJDO1FBcEJDLElBQUksQ0FBQyxFQUFFLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxhQUFhO2FBQ25DLFNBQVM7Ozs7UUFBQyxVQUFBLENBQUM7OztnQkFDSixPQUFPLEdBQUcsQ0FBQyxLQUFLLE9BQU87O2dCQUN2QixJQUFJLEdBQU0sS0FBSSxDQUFDLFFBQVEsTUFBRztZQUVoQyxJQUFJLENBQUMsT0FBTyxJQUFJLEtBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxFQUFFOztvQkFDL0IsUUFBUSxHQUFlLEVBQUU7O29CQUMvQixLQUFrQixJQUFBLEtBQUEsaUJBQUEsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxDQUFBLGdCQUFBLDRCQUFFO3dCQUFqRCxJQUFNLEdBQUcsV0FBQTt3QkFDWixRQUFRLENBQUMsR0FBRyxDQUFDLEdBQUc7NEJBQ2QsR0FBRyxFQUFFLEtBQUksQ0FBQyxtQkFBbUIsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHOzRCQUN0QyxLQUFLLEVBQUUsS0FBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLO3lCQUM1QixDQUFDO3FCQUNIOzs7Ozs7Ozs7Z0JBQ0QsS0FBSSxDQUFDLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDO2FBQ3hEO1lBRUQsSUFBSSxPQUFPLEVBQUU7Z0JBQ1gsS0FBSSxDQUFDLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLENBQUM7YUFDN0M7UUFDSCxDQUFDLEVBQUMsQ0FBQztJQUNQLENBQUM7O2dCQW5ERixTQUFTLFNBQUM7b0JBQ1QsUUFBUSxFQUFFLDRCQUE0QjtvQkFDdEMsK3ZFQUFnRDs7aUJBRWpEOzs7OzsyQkFLRSxLQUFLOztJQTRDUiwrQkFBQztDQUFBLEFBckRELENBTzhDLFNBQVMsR0E4Q3REO1NBOUNZLHdCQUF3Qjs7O0lBRW5DLDRDQUEwQjs7Ozs7SUFFMUIsc0NBQXlCOzs7OztJQUN6Qix1REFBb0QiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkRlc3Ryb3ksIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBCYXNlSW5wdXQgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vYmFzZUlucHV0JztcbmltcG9ydCB7IElFcnJvckluZm8gfSBmcm9tICcuLi8uLi8uLi9jb21tb24vSUVycm9ySW5mbyc7XG5pbXBvcnQgeyBJSW5wdXRWYWxpZGF0b3JTZXR0aW5nIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL0lJbnB1dFZhbGlkYXRvclNldHRpbmcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjZi1pbnB1dHMtY29uZmlybS1wYXNzd29yZCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9jb25maXJtLXBhc3N3b3JkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vY29uZmlybS1wYXNzd29yZC5jb21wb25lbnQuc2NzcyddXG59KVxuXG5cbmV4cG9ydCBjbGFzcyBDb25maXJtUGFzc3dvcmRDb21wb25lbnQgZXh0ZW5kcyBCYXNlSW5wdXQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgQElucHV0KCkgcHJvcE5hbWU6IHN0cmluZztcblxuICBwcml2YXRlIG9iOiBTdWJzY3JpcHRpb247XG4gIHByaXZhdGUgZ3JvdXBFbGVtVmFsaWRhdG9yczogSUlucHV0VmFsaWRhdG9yU2V0dGluZztcblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICB9XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkluaXQoKTtcbiAgICB0aGlzLmdyb3VwRWxlbVZhbGlkYXRvcnMgPSB0aGlzLmNmRm9ybVNldHRpbmdbdGhpcy5wcm9wTmFtZV0udmFsaWRhdG9ycztcblxuICAgIHRoaXMuc2V0Q29tcG9uZW50Tm90aWZ5KCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICBzdXBlci5uZ09uRGVzdHJveSgpO1xuICAgIHRoaXMub2IudW5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIHByaXZhdGUgc2V0Q29tcG9uZW50Tm90aWZ5KCkge1xuICAgIHRoaXMub2IgPSB0aGlzLmdyb3VwRWxlbS5zdGF0dXNDaGFuZ2VzXG4gICAgICAuc3Vic2NyaWJlKGEgPT4ge1xuICAgICAgICBjb25zdCBpc1ZhbGlkID0gYSA9PT0gJ1ZBTElEJztcbiAgICAgICAgY29uc3QgdktleSA9IGAke3RoaXMucHJvcE5hbWV9X2A7XG5cbiAgICAgICAgaWYgKCFpc1ZhbGlkICYmIHRoaXMuZ3JvdXBFbGVtLmVycm9ycykge1xuICAgICAgICAgIGNvbnN0IGVycm9yT2JqOiBJRXJyb3JJbmZvID0ge307XG4gICAgICAgICAgZm9yIChjb25zdCBrZXkgb2YgT2JqZWN0LmtleXModGhpcy5ncm91cEVsZW0uZXJyb3JzKSkge1xuICAgICAgICAgICAgZXJyb3JPYmpba2V5XSA9IHtcbiAgICAgICAgICAgICAgbXNnOiB0aGlzLmdyb3VwRWxlbVZhbGlkYXRvcnNba2V5XS5tc2csXG4gICAgICAgICAgICAgIGRpcnR5OiB0aGlzLmdyb3VwRWxlbS5kaXJ0eSxcbiAgICAgICAgICAgIH07XG4gICAgICAgICAgfVxuICAgICAgICAgIHRoaXMuY2ZGb3JtLm5vdGlmeVZhbGlkYXRlZEluZm8odktleSwgZmFsc2UsIGVycm9yT2JqKTtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmIChpc1ZhbGlkKSB7XG4gICAgICAgICAgdGhpcy5jZkZvcm0ubm90aWZ5VmFsaWRhdGVkSW5mbyh2S2V5LCB0cnVlKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gIH1cblxufVxuIl19