form-aurora-stefanini 0.1.9 → 0.1.10
Sign up to get free protection for your applications and to get access to all the features.
- package/bundles/form-aurora-stefanini.umd.js +1 -1
- package/bundles/form-aurora-stefanini.umd.min.js +1 -1
- package/esm2015/lib/Components/from-aurora/form-aurora.component.js +1 -1
- package/esm5/lib/Components/from-aurora/form-aurora.component.js +1 -1
- package/fesm2015/form-aurora-stefanini.js +1 -1
- package/fesm5/form-aurora-stefanini.js +1 -1
- package/form-aurora-stefanini.metadata.json +1 -1
- package/package.json +1 -1
|
@@ -1061,7 +1061,7 @@
|
|
|
1061
1061
|
FormAuroraComponent = __decorate([
|
|
1062
1062
|
core.Component({
|
|
1063
1063
|
selector: 'lib-FormAurora',
|
|
1064
|
-
template: "<div class=\"card\">\r\n <span class=\"text-center mt-2 d-none d-sm-block\" *ngIf=\"!isSimpleFlow\">\r\n <img style=\"width: 115px; height:96px;\" [class]=\"dataClassCss.logo\" id=\"logo\">\r\n </span>\r\n <div class=\"text-center mt-2 d-none d-sm-block\" *ngIf=\"isSimpleFlow\" style=\"margin-top: 4%!important;\">\r\n </div>\r\n <div class=\"card-body pt-0\">\r\n <ng-container *ngIf=\"schedule\">\r\n <h4 class=\"card-title text-center mb-0\" [class]=\"dataClassCss.bienvenida2\" style=\"color: #EE7E0E;\">\r\n Horarios de atenci\u00F3n\r\n </h4>\r\n <small class=\"text-center d-block\">{{schedule}}</small>\r\n </ng-container>\r\n <form #formDynamic=\"ngForm\">\r\n <div *ngFor=\"let control of dataForm?.formQuestions; let index = index; trackBy: trackByIndex\">\r\n <div\r\n *ngIf=\"(index > 0 && (dataForm.formQuestions[index - 1].question.questionType.id == 3 && dataForm.formQuestions[index].question.questionType.id == 2)) || (index < dataForm.formQuestions.length && dataForm.formQuestions[index].question.questionType.id == 3 && dataForm.formQuestions[index + 1].question.questionType.id == 2); else switchTemp\">\r\n <div class=\"row\"\r\n *ngIf=\"(index > 0 && (dataForm.formQuestions[index - 1].question.questionType.id == 3 && dataForm.formQuestions[index].question.questionType.id == 2))\">\r\n <div class=\"col-lg-6 col-xs-12\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index - 1].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left;\">\r\n <span class=\"h6 small bg-white text-muted\">{{dataForm.formQuestions[index -\r\n 1].question.label}}</span>\r\n </label>\r\n <div class=\"selectContainer\">\r\n <select [name]=\"dataForm.formQuestions[index - 1].question.value\"\r\n [required]=\"dataForm.formQuestions[index - 1].question.required\"\r\n [class]=\"dataClassCss.formcontrol\"\r\n id=\"{{dataForm.formQuestions[index - 1].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [(ngModel)]=\"defaultDocType !== '' ? defaultDocType : dataForm.formQuestions[index - 1].question.registred\">\r\n <option value=\"\" selected disabled hidden>Selecciona</option>\r\n <ng-container\r\n *ngFor=\"let item of dataForm.formQuestions[index - 1].question.questionAnswers\">\r\n <option *ngIf=\"item.answer.state.id == 1\" [value]=\"item.answer.value\">\r\n {{ item.answer.field }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n <div style=\"margin-left: 15px;\"\r\n *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\r\n <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index-1].question.value\"\r\n hidden></span>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-6 col-xs-12\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\"\r\n class=\"col-sm-12 p-sm-0 px-sm-1\" style=\"display: block; text-align: left;\">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" pattern=\"\\d*\" inputmode=\"numeric\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [name]=\"dataForm.formQuestions[index].question.value\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (keyup)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n onkeypress=\"onkeypress($event)\" onkeyup=\"(this.value=(value.replace(/[.]*/g,'')))\"\r\n maxlength=\"dataForm.formQuestions[index].question.maxLength\"\r\n [minLength]=\"dataForm.formQuestions[index].question.minLength\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n [class]=\"dataClassCss.formcontrol\" />\r\n\r\n </div>\r\n\r\n <div style=\"margin-left: 15px;\"\r\n *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\r\n <span class=\"error\" [id]=\"'rq'+dataForm.formQuestions[index].question.value\"\r\n *ngIf=\"validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid\">\r\n Este campo es obligatorio</span>\r\n <span class=\"error\" [id]=\"'ml'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser m\u00EDnimo de\r\n {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'mxl'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser maximo de\r\n {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index].question.value\"\r\n hidden></span>\r\n <span *ngIf=\"patternNotValidDcto === true\" class=\"error\">Formato no valido</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <ng-template #switchTemp>\r\n <div [ngSwitch]=\"dataForm.formQuestions[index].question.questionType.id\">\r\n <div *ngSwitchCase=\"1\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; \">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n style=\"margin-top: -1rem !important;\" />\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"2\">\r\n\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left;\">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" pattern=\"\\d*\" inputmode=\"numeric\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [name]=\"dataForm.formQuestions[index].question.value\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n onkeypress=\"onkeypress($event)\" onkeyup=\"(this.value=(value.replace(/[.]*/g,'')))\"\r\n maxlength=\"dataForm.formQuestions[index].question.maxLength\"\r\n [minLength]=\"dataForm.formQuestions[index].question.minLength\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n [class]=\"dataClassCss.formcontrol\" />\r\n <span *ngIf=\"patternNotValidCel === true\" class=\"error\">Formato no valido</span>\r\n </div>\r\n\r\n </div>\r\n <div *ngSwitchCase=\"3\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left;\">\r\n <span\r\n class=\"h6 small bg-white text-muted\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <select [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [class]=\"dataClassCss.formcontrol\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [(ngModel)]=\"defaultDocType !== '' ? defaultDocType : dataForm.formQuestions[index].question.registred\">\r\n <option value=\"\" selected disabled hidden>Selecciona</option>\r\n <ng-container\r\n *ngFor=\"let item of dataForm.formQuestions[index].question.questionAnswers\">\r\n <option *ngIf=\"item.answer.state.id == 1\" [value]=\"item.answer.value\">\r\n {{ item.answer.field }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"4\">\r\n <select class=\"{{ dataClassCss.formcontrol }} select-checkbox\"\r\n style=\"overflow: hidden; border-style: hidden;\"\r\n [style.height.px]=\"dataForm.formQuestions[index].question.questionAnswers.length * 24\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\" ngModel multiple>\r\n <option (mousemove)=\"$event.preventDefault()\"\r\n *ngFor=\"let item of dataForm.formQuestions[index].question.questionAnswers\"\r\n [value]=\"item.answer.value\">\r\n {{ item.answer.field }}\r\n </option>\r\n </select>\r\n </div>\r\n <div *ngSwitchCase=\"5\">\r\n <a (click)=\"rediretoutside($event,dataForm.formQuestions[index].question)\" href=\"\">\r\n <span>{{ dataForm.formQuestions[index].question.label }}</span>\r\n </a>\r\n </div>\r\n <div *ngSwitchCase=\"6\">\r\n <div [class]=\"dataClassCss.cl12\" [id]=\"'reCaptcha'\">\r\n <div class=\"cnt-captcha\">\r\n <re-captcha (resolved)=\"resolvedCaptcha($event)\"\r\n siteKey=\"6LfQisEZAAAAAARuuKFEAgS-x4qJse5uBA_QCA7v\"></re-captcha>\r\n <input hidden type=\"text\" [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\">\r\n </div>\r\n <span class=\"error\" *ngIf=\"watchValid && !captchaValid\" style=\"margin-top: 0;\">\r\n Debe resolver la captcha para continuar\r\n </span>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"7\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; margin-bottom: 0 ;\">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input placeholder=\"dd/mm/aaaa\" style=\"margin-top: -0.4rem !important;\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [name]=\"dataForm.formQuestions[index].question.value\" type=\"date\" min=\"{{minDate}}\"\r\n max=\"{{maxDate}}\" [maxlength]=\"10\" (paste)=\"false\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.txtCalendar\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n (keydown)=\"cancellKeypress()\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\">\r\n\r\n <button class=\"btn\" id=\"{{dataForm.formQuestions[index].question.value}}\" type=\"button\"\r\n style=\"width: 46px;\r\n top: 12px;\r\n color: white;\r\n right: 15px;\r\n position: absolute;\r\n background: #D25D42;\r\n pointer-events: none;\">\r\n <i class=\"fa fa-calendar\"></i>\r\n </button>\r\n\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"8\">\r\n <div [class]=\"dataClassCss.cl12\" style=\"text-align: left; margin-bottom: 10px;\">\r\n <input\r\n style=\"width: 4% !important; height: auto !important; display: inline !important;\"\r\n type=\"checkbox\" [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n [class]=\"dataClassCss.formcontrol\">\r\n <a target=\"_blank\" style=\"text-decoration: underline;color:blue;cursor: pointer;\"\r\n id=\"txtPoliticas\" (click)=\"tycSelection($event)\">\r\n {{dataForm.formQuestions[index].question.label}}\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"9\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; \">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (keypress)=\"validOnlyText($event)\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n style=\"margin-top: -1rem !important;\" />\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"10\">\r\n <div [class]=\"dataClassCss.cl12\" style=\"text-align: left; margin-bottom: 10px;\">\r\n <input\r\n style=\"width: 4% !important; height: auto !important; display: inline !important;\"\r\n type=\"checkbox\" [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\">\r\n <a target=\"_blank\" style=\"text-decoration: underline;color:blue;cursor: pointer;\"\r\n id=\"check{{dataForm.formQuestions[index].question.id}}\"\r\n (click)=\"openLabelUrl($event,dataForm.formQuestions[index].question)\">\r\n {{dataForm.formQuestions[index].question.label}}\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"11\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; \">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (keypress)=\"validateNotSpace($event)\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n style=\"margin-top: -1rem !important;\" />\r\n </div>\r\n </div>\r\n <div *ngSwitchDefault>Tipo de control no detectado</div>\r\n <div style=\"margin-left: 15px;\"\r\n *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\r\n <span class=\"error\" [id]=\"'rq'+dataForm.formQuestions[index].question.value\"\r\n *ngIf=\"validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid\">\r\n Este campo es obligatorio</span>\r\n <span class=\"error\" [id]=\"'ml'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser m\u00EDnimo de\r\n {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'mxl'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser maximo de\r\n {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index].question.value\"\r\n hidden></span>\r\n <span class=\"error\" [id]=\"dataForm.formQuestions[index].question.id\" hidden></span>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </div>\r\n <section *ngIf=\"isSimpleFlow\">\r\n <div *ngFor=\"let step of steps let index = index;\">\r\n <div [class]=\"dataClassCss.cl12\" *ngIf=\"step.viewData\">\r\n <label for=\"{{step.id}}\" class=\"col-sm-12\" style=\"display: block; text-align: left;\">\r\n <span class=\"h6 small bg-white text-muted\">{{step.step}}</span>\r\n </label>\r\n <select [name]=\"step.step\" [required]=\"true\" [class]=\"dataClassCss.formcontrol\"\r\n id=\"{{step.step}}\" style=\"margin-top: -1rem !important;\" [(ngModel)]=\"step.value\"\r\n (ngModelChange)=\"onChangeStep(step,steps[index+1],$event)\">\r\n <option value=\"\" selected disabled hidden>Selecciona</option>\r\n <ng-container *ngFor=\"let subitem of step.viewData\">\r\n <option [value]=\"subitem.id\">\r\n {{ subitem.description }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n </section>\r\n <div class=\"mt-3 text-center\">\r\n <button type=\"button\" [class]=\"dataClassCss.btn\" (click)=\"onSubmit()\" [disabled]=\"!formDynamic.valid\"\r\n id=\"btnIng\">Ingresar</button>\r\n </div>\r\n </form>\r\n </div>\r\n</div>",
|
|
1064
|
+
template: "<div class=\"card\">\r\n <span class=\"text-center mt-2 d-none d-sm-block\" *ngIf=\"!isSimpleFlow\">\r\n <img style=\"width: 115px; height:96px;\" [class]=\"dataClassCss.logo\" id=\"logo\">\r\n </span>\r\n <div class=\"text-center mt-2 d-none d-sm-block\" *ngIf=\"isSimpleFlow\" style=\"margin-top: 4%!important;\">\r\n </div>\r\n <div class=\"card-body pt-0\">\r\n <ng-container *ngIf=\"schedule\">\r\n <h4 class=\"card-title text-center mb-0\" [class]=\"dataClassCss.bienvenida2\" style=\"color: #EE7E0E;\">\r\n Horarios de atenci\u00F3n\r\n </h4>\r\n <small class=\"text-center d-block\">{{schedule}}</small>\r\n </ng-container>\r\n <form #formDynamic=\"ngForm\">\r\n <div *ngFor=\"let control of dataForm?.formQuestions; let index = index; trackBy: trackByIndex\">\r\n <div\r\n *ngIf=\"(index > 0 && (dataForm.formQuestions[index - 1].question.questionType.id == 3 && dataForm.formQuestions[index].question.questionType.id == 2)) || (index < dataForm.formQuestions.length && dataForm.formQuestions[index].question.questionType.id == 3 && dataForm.formQuestions[index + 1].question.questionType.id == 2); else switchTemp\">\r\n <div class=\"row\"\r\n *ngIf=\"(index > 0 && (dataForm.formQuestions[index - 1].question.questionType.id == 3 && dataForm.formQuestions[index].question.questionType.id == 2))\">\r\n <div class=\"col-lg-6 col-xs-12\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index - 1].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left;\">\r\n <span class=\"h6 small bg-white text-muted\">{{dataForm.formQuestions[index -\r\n 1].question.label}}</span>\r\n </label>\r\n <div class=\"selectContainer\">\r\n <select [name]=\"dataForm.formQuestions[index - 1].question.value\"\r\n [required]=\"dataForm.formQuestions[index - 1].question.required\"\r\n [class]=\"dataClassCss.formcontrol\"\r\n id=\"{{dataForm.formQuestions[index - 1].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [(ngModel)]=\"defaultDocType !== '' ? defaultDocType : dataForm.formQuestions[index - 1].question.registred\">\r\n <option value=\"\" selected disabled hidden>Selecciona</option>\r\n <ng-container\r\n *ngFor=\"let item of dataForm.formQuestions[index - 1].question.questionAnswers\">\r\n <option *ngIf=\"item.answer.state.id == 1\" [value]=\"item.answer.value\">\r\n {{ item.answer.field }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n <div style=\"margin-left: 15px;\"\r\n *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\r\n <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index-1].question.value\"\r\n hidden></span>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-6 col-xs-12\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\"\r\n class=\"col-sm-12 p-sm-0 px-sm-1\" style=\"display: block; text-align: left;\">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" pattern=\"\\d*\" inputmode=\"numeric\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [name]=\"dataForm.formQuestions[index].question.value\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (keyup)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n onkeypress=\"onkeypress($event)\" onkeyup=\"(this.value=(value.replace(/[.]*/g,'')))\"\r\n maxlength=\"dataForm.formQuestions[index].question.maxLength\"\r\n [minLength]=\"dataForm.formQuestions[index].question.minLength\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n [class]=\"dataClassCss.formcontrol\" />\r\n\r\n </div>\r\n\r\n <div style=\"margin-left: 15px;\"\r\n *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\r\n <span class=\"error\" [id]=\"'rq'+dataForm.formQuestions[index].question.value\"\r\n *ngIf=\"validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid\">\r\n Este campo es obligatorio</span>\r\n <span class=\"error\" [id]=\"'ml'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser m\u00EDnimo de\r\n {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'mxl'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser maximo de\r\n {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index].question.value\"\r\n hidden></span>\r\n <span *ngIf=\"patternNotValidDcto === true\" class=\"error\">Formato no valido</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <ng-template #switchTemp>\r\n <div [ngSwitch]=\"dataForm.formQuestions[index].question.questionType.id\">\r\n <div *ngSwitchCase=\"1\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; \">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n style=\"margin-top: -1rem !important;\" />\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"2\">\r\n\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left;\">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" pattern=\"\\d*\" inputmode=\"numeric\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [name]=\"dataForm.formQuestions[index].question.value\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n onkeypress=\"onkeypress($event)\" onkeyup=\"(this.value=(value.replace(/[.]*/g,'')))\"\r\n maxlength=\"dataForm.formQuestions[index].question.maxLength\"\r\n [minLength]=\"dataForm.formQuestions[index].question.minLength\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n [class]=\"dataClassCss.formcontrol\" />\r\n <span *ngIf=\"patternNotValidCel === true\" class=\"error\">Formato no valido</span>\r\n </div>\r\n\r\n </div>\r\n <div *ngSwitchCase=\"3\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left;\">\r\n <span\r\n class=\"h6 small bg-white text-muted\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <select [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [class]=\"dataClassCss.formcontrol\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [(ngModel)]=\"defaultDocType !== '' ? defaultDocType : dataForm.formQuestions[index].question.registred\">\r\n <option value=\"\" selected disabled hidden>Selecciona</option>\r\n <ng-container\r\n *ngFor=\"let item of dataForm.formQuestions[index].question.questionAnswers\">\r\n <option *ngIf=\"item.answer.state.id == 1\" [value]=\"item.answer.value\">\r\n {{ item.answer.field }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"4\">\r\n <select class=\"{{ dataClassCss.formcontrol }} select-checkbox\"\r\n style=\"overflow: hidden; border-style: hidden;\"\r\n [style.height.px]=\"dataForm.formQuestions[index].question.questionAnswers.length * 24\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\" ngModel multiple>\r\n <option (mousemove)=\"$event.preventDefault()\"\r\n *ngFor=\"let item of dataForm.formQuestions[index].question.questionAnswers\"\r\n [value]=\"item.answer.value\">\r\n {{ item.answer.field }}\r\n </option>\r\n </select>\r\n </div>\r\n <div *ngSwitchCase=\"5\">\r\n <a (click)=\"rediretoutside($event,dataForm.formQuestions[index].question)\" href=\"\">\r\n <span>{{ dataForm.formQuestions[index].question.label }}</span>\r\n </a>\r\n </div>\r\n <div *ngSwitchCase=\"6\">\r\n <div [class]=\"dataClassCss.cl12\" [id]=\"'reCaptcha'\">\r\n <div class=\"cnt-captcha\">\r\n <re-captcha (resolved)=\"resolvedCaptcha($event)\"\r\n siteKey=\"6Lf9DcQfAAAAAI6HCNB5OyKUpOPpfl5ocoBJcigZ\"></re-captcha>\r\n <input hidden type=\"text\" [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\">\r\n </div>\r\n <span class=\"error\" *ngIf=\"watchValid && !captchaValid\" style=\"margin-top: 0;\">\r\n Debe resolver la captcha para continuar\r\n </span>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"7\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; margin-bottom: 0 ;\">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input placeholder=\"dd/mm/aaaa\" style=\"margin-top: -0.4rem !important;\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [name]=\"dataForm.formQuestions[index].question.value\" type=\"date\" min=\"{{minDate}}\"\r\n max=\"{{maxDate}}\" [maxlength]=\"10\" (paste)=\"false\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.txtCalendar\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n (keydown)=\"cancellKeypress()\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\">\r\n\r\n <button class=\"btn\" id=\"{{dataForm.formQuestions[index].question.value}}\" type=\"button\"\r\n style=\"width: 46px;\r\n top: 12px;\r\n color: white;\r\n right: 15px;\r\n position: absolute;\r\n background: #D25D42;\r\n pointer-events: none;\">\r\n <i class=\"fa fa-calendar\"></i>\r\n </button>\r\n\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"8\">\r\n <div [class]=\"dataClassCss.cl12\" style=\"text-align: left; margin-bottom: 10px;\">\r\n <input\r\n style=\"width: 4% !important; height: auto !important; display: inline !important;\"\r\n type=\"checkbox\" [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n [class]=\"dataClassCss.formcontrol\">\r\n <a target=\"_blank\" style=\"text-decoration: underline;color:blue;cursor: pointer;\"\r\n id=\"txtPoliticas\" (click)=\"tycSelection($event)\">\r\n {{dataForm.formQuestions[index].question.label}}\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"9\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; \">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (keypress)=\"validOnlyText($event)\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n style=\"margin-top: -1rem !important;\" />\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"10\">\r\n <div [class]=\"dataClassCss.cl12\" style=\"text-align: left; margin-bottom: 10px;\">\r\n <input\r\n style=\"width: 4% !important; height: auto !important; display: inline !important;\"\r\n type=\"checkbox\" [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\">\r\n <a target=\"_blank\" style=\"text-decoration: underline;color:blue;cursor: pointer;\"\r\n id=\"check{{dataForm.formQuestions[index].question.id}}\"\r\n (click)=\"openLabelUrl($event,dataForm.formQuestions[index].question)\">\r\n {{dataForm.formQuestions[index].question.label}}\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"11\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; \">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (keypress)=\"validateNotSpace($event)\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n style=\"margin-top: -1rem !important;\" />\r\n </div>\r\n </div>\r\n <div *ngSwitchDefault>Tipo de control no detectado</div>\r\n <div style=\"margin-left: 15px;\"\r\n *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\r\n <span class=\"error\" [id]=\"'rq'+dataForm.formQuestions[index].question.value\"\r\n *ngIf=\"validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid\">\r\n Este campo es obligatorio</span>\r\n <span class=\"error\" [id]=\"'ml'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser m\u00EDnimo de\r\n {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'mxl'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser maximo de\r\n {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index].question.value\"\r\n hidden></span>\r\n <span class=\"error\" [id]=\"dataForm.formQuestions[index].question.id\" hidden></span>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </div>\r\n <section *ngIf=\"isSimpleFlow\">\r\n <div *ngFor=\"let step of steps let index = index;\">\r\n <div [class]=\"dataClassCss.cl12\" *ngIf=\"step.viewData\">\r\n <label for=\"{{step.id}}\" class=\"col-sm-12\" style=\"display: block; text-align: left;\">\r\n <span class=\"h6 small bg-white text-muted\">{{step.step}}</span>\r\n </label>\r\n <select [name]=\"step.step\" [required]=\"true\" [class]=\"dataClassCss.formcontrol\"\r\n id=\"{{step.step}}\" style=\"margin-top: -1rem !important;\" [(ngModel)]=\"step.value\"\r\n (ngModelChange)=\"onChangeStep(step,steps[index+1],$event)\">\r\n <option value=\"\" selected disabled hidden>Selecciona</option>\r\n <ng-container *ngFor=\"let subitem of step.viewData\">\r\n <option [value]=\"subitem.id\">\r\n {{ subitem.description }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n </section>\r\n <div class=\"mt-3 text-center\">\r\n <button type=\"button\" [class]=\"dataClassCss.btn\" (click)=\"onSubmit()\" [disabled]=\"!formDynamic.valid\"\r\n id=\"btnIng\">Ingresar</button>\r\n </div>\r\n </form>\r\n </div>\r\n</div>",
|
|
1065
1065
|
providers: [
|
|
1066
1066
|
{ provide: ngBootstrap.NgbDateAdapter, useClass: CustomAdapter },
|
|
1067
1067
|
{ provide: ngBootstrap.NgbDateParserFormatter, useClass: CustomDateParserFormatter },
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */var l=function(e,t){return(l=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function d(e,t){function n(){this.constructor=e}l(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}function u(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function m(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function c(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}var p={default:{exp:"^[a-zA-Z0-9ñÑáéíóúüÁÉÍÓÚÜ,.\\-_\\s]*$",message:"Formato inválido, no use caracteres especiales"},word:{exp:"^[a-zA-Z0-9ñÑáéíóúüÁÉÍÓÚÜ,.\\-_]*$",message:"Formato inválido, no use caracteres especiales ni espacios"},name:{exp:"^[a-zA-ZñÑáéíóúüÁÉÍÓÚÜ\\s]*$",message:"Formato inválido, no use caracteres especiales ni números"},alphanumberWord:{exp:"^[a-zA-Z0-9]*$",message:"Formato alfanúmerico inválido"},charWord:{exp:"^[a-zA-Z]*$",message:"Formato de caracteres inválido"},anyWord:{exp:"^\\S*$",message:"Formato inválido"},percent:{exp:"^100$|^[0-9]{1,2}$|^[0-9]{1,2}\\.[0-9]{1,2}$",message:"Formato de porcentaje inválido, use el punto decimal (.)"},email:{exp:/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:"Formato de e-mail inválido"},number:{exp:"^[0-9]*$",message:"Formato de número inválido"},time24:{exp:"^([01]?[0-9]|2[0-3]):[0-5][0-9]$",message:"Formato de hora militar inválido, use 23:45"},date:{exp:"^[0-9]{1,2}/[0-9]{1,2}/[0-9]{4}$",message:"Formato de fecha inválido",internal:"dd/mm/yyyy"},password:{exp:"^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$",message:"La contraseña debe incluir una longitud mínima de 8 caracteres, una letra mayúscula, una letra minúscula, un número, un carácter especial (@#$%^&+=/.) y no debe tener espacios."}},f=function(){function e(){}var n;return n=e,e.prototype.getData=function(){if(null!=localStorage.getItem("data"))return new Map(JSON.parse(localStorage.getItem("data")))},e.prototype.setData=function(e){localStorage.setItem("data",JSON.stringify(Array.from(e.entries())))},e.prototype.initData=function(){this.setData(new Map)},e.prototype.putValue=function(e,t){var n=this.getData();n=n.set(e,t),this.setData(n)},e.prototype.addValue=function(e,t,n){var r=this.getValue(e),o=this.getData();r[t]=n,o=o.set(e,r),this.setData(o)},e.prototype.getValue=function(e){return this.getData()&&this.getData().has(e)?this.getData().get(e):void 0},e.prototype.hasValue=function(e){return null!=this.getData()?this.getData().has(e):null},e.prototype.clearMap=function(){if(this.hasValue(n.COMPANY_KEY)){var e=this.getValue(n.COMPANY_KEY);this.initData(),this.putValue(n.COMPANY_KEY,e)}else this.initData()},e.COMPANY_KEY="company",e.DOC_NUMBER_KEY="docNumber",e.DOC_TYPE_KEY="docType",e.PHONE_KEY="phone",e.TYPE_ATTENTION_KEY="typeAttention",e.OFFICE_KEY="office",e.TYPE_TURN_KEY="typeTurn",e.SERVICE_KEY="service",e.TURN_KEY="turn",e.PROGRAMED_TURN_KEY="programedTurn",e.REQUEST_CALL="requestCall",e.FORM_DATA="formdata",e.TEMPLATE="template",e.TURN_RESCHEDULE="turnReschedule",e.USER_GENDER="genderUser",e.AUTO_REDIRECT="autoRedirect",e.SCHEDULE_GENERAL="scheduleGeneral",e.AGENDAMIENTO_TTP="potencialCustomer",e.SINGLE_PAGE_ONE="singlePageOne",e.AVAILABLE_SCHEDULE_GRAL="availableScheduleGral",e.PROFILE="profile",e.PAGE_NEXT="pageNext",e.STEPS="steps",e.TYPE_TURN_ID="typeTurnId",e.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new e},token:e,providedIn:"root"}),e=n=u([t.Injectable({providedIn:"root"})],e)}(),h=a,g=function(e){function n(){var t=null!==e&&e.apply(this,arguments)||this;return t.DELIMITER="/",t}return d(n,e),n.prototype.fromModel=function(e){if(e){var t=e.split(this.DELIMITER);return{day:parseInt(t[0],10),month:parseInt(t[1],10),year:parseInt(t[2],10)}}return null},n.prototype.toModel=function(e){return e?(e.day<10?0+e.day:e.day)+this.DELIMITER+(e.month<10?0+e.month:e.month)+this.DELIMITER+e.year:""},n=u([t.Injectable()],n)}(o.NgbDateAdapter),y=function(e){function n(){var t=null!==e&&e.apply(this,arguments)||this;return t.DELIMITER="/",t}return d(n,e),n.prototype.parse=function(e){if(e){var t=e.split(this.DELIMITER);return{day:parseInt(t[0],10),month:parseInt(t[1],10),year:parseInt(t[2],10)}}return null},n.prototype.format=function(e){return e?(e.day<10?"0"+e.day:e.day)+this.DELIMITER+(e.month<10?"0"+e.month:e.month)+this.DELIMITER+e.year:""},n=u([t.Injectable()],n)}(o.NgbDateParserFormatter),v={es:{weekdays:["Lu","Ma","Mi","Ju","Vi","Sa","Do"],months:["Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov","Dic"],weekLabel:"sem"}},x=function(){function e(){this.language="es"}return e=u([t.Injectable()],e)}(),b=function(e){function n(t){var n=e.call(this)||this;return n._i18n=t,n}return d(n,e),n.prototype.getWeekdayLabel=function(e){return v[this._i18n.language].weekdays[e-1]},n.prototype.getWeekLabel=function(){return v[this._i18n.language].weekLabel},n.prototype.getMonthShortName=function(e){return v[this._i18n.language].months[e-1]},n.prototype.getMonthFullName=function(e){return this.getMonthShortName(e)},n.prototype.getDayAriaLabel=function(e){return e.day+"-"+e.month+"-"+e.year},n.prototype.getWeekdayShortName=function(e){return v[this._i18n.language].weekdays[e-1]},n.ctorParameters=function(){return[{type:x}]},n=u([t.Injectable()],n)}(o.NgbDatepickerI18n),q=function(){function e(e,r){this.data=e,this.http=r,this.response=new t.EventEmitter,this.summit=new t.EventEmitter,this.viewAuthData=new t.EventEmitter,this.tipodocNumDoc=!1,this.countSubmit=0,this.watchValid=!1,this.watchRequired=!1,this.captchaValid=!1,this.today=h(new Date),this.maxYear=this.today.year(),this.minYear=this.today.year()-82,this.minDate=this.minYear.toString()+"-"+this.today.month().toString().padStart(2,"0")+"-"+this.today.date().toString().padStart(2,"0"),this.maxDate=this.maxYear.toString()+"-"+(this.today.month()+1).toString().padStart(2,"0")+"-"+this.today.date().toString().padStart(2,"0"),this.recharge=!1,this.indicativo="57",this.defaultDocType="Cédula de ciudadanía",this.patternNotValidDcto=!1,this.patternNotValidCel=!1,this.range=new n.FormGroup({start:new n.FormControl,end:new n.FormControl})}return e.prototype.ngOnInit=function(){var e=this;this.minDate=new Date(this.minDate).toISOString().split("T")[0],setTimeout((function(){e.startComponent()}),2e3)},e.prototype.startComponent=function(){var e,t,n=this;if(null!=this.dataForm&&null!=this.dataForm.formQuestions){this.tipodocNumDoc=!(!this.dataForm.formQuestions.some((function(e){return"tipoDoc"===e.question.value}))||!this.dataForm.formQuestions.some((function(e){return"numeroDoc"===e.question.value}))),this.dataForm.formQuestions=this.dataForm.formQuestions.sort((function(e,t){return e.order-t.order})),0==this.dataForm.formQuestions.filter((function(e){return 6==e.question.questionType.id})).length&&(this.captchaValid=!0);var r=function(e){null!=e.question.maxlength&&null!=e.question.maxlength&&0!=e.question.maxlength||(e.question.maxlength=524288),null!=e.question.minLength&&null!=e.question.minLength||(e.question.minLength=0),o.dataReloadForm.forEach((function(t){n.filldata=t,2!==e.question.questionType.id&&1!==e.question.questionType.id&&3!==e.question.questionType.id||null===n.filldata.data||void 0===n.filldata.data||e.question.id!==n.filldata.id||(e.question.registred=n.filldata.data)})),null!=e.question.registred&&null!=e.question.minLength||(e.question.registred="")},o=this;try{for(var a=m(this.dataForm.formQuestions),i=a.next();!i.done;i=a.next()){r(i.value)}}catch(t){e={error:t}}finally{try{i&&!i.done&&(t=a.return)&&t.call(a)}finally{if(e)throw e.error}}}},e.prototype.resolvedCaptcha=function(e){this.captchaValid=!0,this.formDynamic.form.value.captcha||(this.formDynamic.controls.captcha.setValue(e),this.formDynamic.form.value.captcha=e,document.getElementById("btnIng").style.opacity=this.formDynamic.valid?"1":"0.65")},e.prototype.trackByIndex=function(e,t){return e},e.prototype.onChangeValidPatter=function(e,t){var n=this;if(null!=t.pattern){var r=!0;try{if(![8,32,37,38,39,40,46,9].includes(e.keyCode))r=new RegExp(t.pattern).test(e.key)}catch(e){}return r}void 0!==t.questionType&&"Number"===t.questionType.description&&("numeroDoc"===t.value?this.validateNumeroDocumento(this.formDynamic.controls.numeroDoc.value.toString()):"celular"===t.value&&this.validateCelular(this.formDynamic.controls.celular.value.toString())),document.getElementById("char"+t.value).setAttribute("hidden","true"),11!=t.questionType.id&&7!=t.questionType.id&&(this.validMinLength(this.formDynamic,t)?(document.getElementById(t.value).style.borderColor="#FF0000",document.getElementById("ml"+t.value).removeAttribute("hidden")):(document.getElementById(t.value).style.borderColor="#E4E4E4",document.getElementById("ml"+t.value).setAttribute("hidden","true")),this.validMaxLength(this.formDynamic,t)?(document.getElementById(t.value).style.borderColor="#FF0000",document.getElementById("mxl"+t.value).removeAttribute("hidden")):(document.getElementById(t.value).style.borderColor="#E4E4E4",document.getElementById("mxl"+t.value).setAttribute("hidden","true"))),this.dataForm.formQuestions.forEach((function(e){switch(e.question.questionType.id){case 7:7==t.questionType.id&&n.calendarRulesValidate(e);break;case 11:11==t.questionType.id&&n.emailRulesValidate(e)}})),document.getElementById("btnIng").style.opacity=this.formDynamic.valid?"1":"0.65"},e.prototype.validOnlyText=function(e){return 32==e.charCode||/^[a-zA-Z\u00C0-\u017F]+$/g.test(e.key)},e.prototype.validDate=function(e){var t=!0;return null===String(e.key).match(p.date.exp)&&(t=!1),t},e.prototype.onChangeValidDate=function(e){return new RegExp(/[0-9]|\//).test(e.key)},e.prototype.rediretoutside=function(e,t){try{e.preventDefault(),window.open(t.value,"_blank")}catch(e){}},e.prototype.ngOnChanges=function(e){this.countSubmit++},e.prototype.onSubmit=function(){var e=this,t=this.formDynamic;if(this.watchValid=!0,this.watchRequired=!0,t.valid&&!this.validRulesFields(t.controls.numeroDoc.value.toString(),t.controls.celular.value.toString(),t.controls.email.value))return!1;this.validMinlenghtAllQuestions(t.value)&&this.validMaxLengthAllQuestions(t.value)&&t.valid&&(""!=this.dataForm.urlSend&&this.captchaValid?this.http.post(this.dataForm.urlSend,t.value).subscribe((function(t){return e.response.emit(t)})):t.valid&&this.captchaValid&&this.summit.emit(t.value))},e.prototype.findParamBoolean=function(e,t){var n=e.find((function(e){return e.id==t}));return null!=n&&"true"==n.value},e.prototype.validRulesFields=function(e,t,n){var r=this,o=document.getElementById("charcelular"),a=document.getElementById("charnumeroDoc"),i=!0;if("+57"==this.indicativo||"57"==this.indicativo){var s=this.orderString(e);"CLARO"!==this.nameCompany.toUpperCase()&&e==s&&(a.style.borderColor="#FF0000",a.removeAttribute("hidden"),a.textContent="El numero documento No debe contener caracteres consecutivos",i=!1),"3"!=t.substring(0,1)&&(o.style.borderColor="#FF0000",o.removeAttribute("hidden"),o.textContent="El primer carácter del celular debe ser 3",i=!1);for(var l=e.substring(0,1),d=1;d<e.length;d++)l+=e.substring(0,1);if(e==l&&(a.style.borderColor="#FF0000",a.removeAttribute("hidden"),a.textContent="Caracteres numéricos no se pueden repetirse de manera continua ",i=!1),!this.validateNumeroDocumento(e))return!1;if(!this.validateCelular(t))return!1;var u=Array.from(String(t),Number);1==function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(c(arguments[t]));return e}(new Set(u)).length&&(o.style.borderColor="#FF0000",o.removeAttribute("hidden"),o.textContent="El número que ingresa no es valido",i=!1)}else"+593"!=this.indicativo&&"593"!=this.indicativo||"9"!=t.substring(0,1)&&(o.style.borderColor="#FF0000",o.removeAttribute("hidden"),o.textContent="El primer carácter del celular debe ser 9",i=!1);return this.dataForm.formQuestions.forEach((function(e){switch(e.question.questionType.id){case 11:i=r.emailRulesValidate(e)}})),i},e.prototype.orderString=function(e){for(var t=[],n=0;n<e.length;n++)t.push(parseInt(e.substring(n,n+1)));t.sort((function(e,t){return e-t}));var r="";r=t[0];for(n=1;n<t.length;n++)r+=(t[0]+n).toString();return r},e.prototype.validMinlenghtAllQuestions=function(e){var t,n;try{for(var r=m(this.dataForm.formQuestions),o=r.next();!o.done;o=r.next()){var a=o.value;if(1==a.question.questionType.id||2==a.question.questionType.id){var i=parseInt(a.question.minLength),s=parseInt(e[a.question.value].toString().length);if(i>0&&s!=i&&s<i)return!1}}}catch(e){t={error:e}}finally{try{o&&!o.done&&(n=r.return)&&n.call(r)}finally{if(t)throw t.error}}return!0},e.prototype.validMaxLengthAllQuestions=function(e){var t,n;try{for(var r=m(this.dataForm.formQuestions),o=r.next();!o.done;o=r.next()){var a=o.value;if(1==a.question.questionType.id||2==a.question.questionType.id){var i=parseInt(a.question.maxLength),s=parseInt(e[a.question.value].toString().length);if(i>0&&s!=i&&s>i)return!1}}}catch(e){t={error:e}}finally{try{o&&!o.done&&(n=r.return)&&n.call(r)}finally{if(t)throw t.error}}return!0},e.prototype.validRequired=function(e,t){try{if(null!=t&&null!=t.value&&null!=e.controls[t.value]&&null!=e.controls[t.value].errors&&e.controls[t.value].errors.required)return!0}catch(e){}return!1},e.prototype.validMinLength=function(e,t){try{if(null!=t&&null!=t.value&&t.minLength>e.controls[t.value].value.toLocaleString().length&&t.minLength>0)return!0}catch(e){}return!1},e.prototype.validMaxLength=function(e,t){try{if(null!=t&&null!=t.value&&t.maxLength>0&&t.maxLength+1<=e.controls[t.value].value.toString().replace(/\./g,"").length)return this.formDynamic.controls[t.value].hasError("errorMaxLength")||this.formDynamic.controls[t.value].setErrors({errorMaxLength:!0}),!0}catch(e){}return!1},e.prototype.tycSelection=function(e){this.viewAuthData.emit(e)},e.prototype.openLabelUrl=function(e,t){e.preventDefault(),document.getElementById("check"+t.id).style.color="#A3AD32",window.open(t.urllabel,"_blank")},e.prototype.cancellKeypress=function(){return!1},e.prototype.emailRulesValidate=function(e){var t=!0;try{var n=!1;document.getElementById(e.question.id).setAttribute("hidden","true");var r=document.getElementById(e.question.id),o=e.question.registred;if(n||!e.question.required||""!=o&&null!=o&&null!=o||(r.style.borderColor="#FF0000",r.textContent="El correco eléctronico es requerido",r.removeAttribute("hidden"),t=!1,n=!0),n||this.validMinLength(void 0,e.question)&&(r.style.borderColor="#FF0000",r.textContent="Debe ser mínimo de "+e.question.minLength+" caracteres",document.getElementById(e.question.id).removeAttribute("hidden"),t=!1,n=!0),n||this.validMaxLength(void 0,e.question)&&(r.style.borderColor="#FF0000",r.textContent="Debe ser maximo de "+e.question.maxLength+" caracteres",document.getElementById(e.question.id).removeAttribute("hidden"),t=!1,n=!0),!n)null==String(o).match(p.email.exp)&&(r.style.borderColor="#FF0000",r.textContent="Tu email es invalido",r.removeAttribute("hidden"),t=!1,n=!0)}catch(e){}return t},e.prototype.calendarRulesValidate=function(e){try{document.getElementById(e.question.id).setAttribute("hidden","true");var t=document.getElementById(e.question.id),n=e.question.registred;!e.question.required||""!=n&&null!=n&&null!=n||(t.style.borderColor="#FF0000",t.textContent="La fecha es requerida",t.removeAttribute("hidden"))}catch(e){}},e.prototype.validateNotSpace=function(e){return 32!=e.charCode},e.prototype.validateNumeroDocumento=function(e){return e.match("^[0-9]*$")?(this.patternNotValidDcto=!1,!0):(this.formDynamic.controls.numeroDoc.setValidators([n.Validators.pattern("^[0-9]*$")]),this.formDynamic.controls.numeroDoc.markAsDirty(),this.formDynamic.controls.numeroDoc.updateValueAndValidity(),this.formDynamic.controls.numeroDoc.markAsTouched(),this.patternNotValidDcto=!0,!1)},e.prototype.validateCelular=function(e){return e.match("^[0-9]*$")?(this.patternNotValidCel=!1,!0):(this.formDynamic.controls.celular.setValidators([n.Validators.pattern("^[0-9]*$")]),this.formDynamic.controls.celular.markAsDirty(),this.formDynamic.controls.celular.updateValueAndValidity(),this.formDynamic.controls.celular.markAsTouched(),this.patternNotValidCel=!0,!1)},e.prototype.onkeypress=function(e){return 0==e.charCode?null:e.charCode>=48&&e.charCode<=57},e.prototype.onChangeStep=function(e,t,n){t&&1!=t.stepOrder&&(this.resetField(e),t.viewData=[],t.viewData=t.stepData.filter((function(e){return e.relationalIds.includes(Number(n))})))},e.prototype.resetField=function(e){this.steps.forEach((function(t){t.stepOrder>e.stepOrder&&(t.viewData=void 0,t.value=void 0)}))},e.ctorParameters=function(){return[{type:f},{type:r.HttpClient}]},u([t.Input()],e.prototype,"dataClassCss",void 0),u([t.Input()],e.prototype,"dataForm",void 0),u([t.Input()],e.prototype,"clickSubmit",void 0),u([t.Input()],e.prototype,"dataReloadForm",void 0),u([t.Input()],e.prototype,"welcomeTitle",void 0),u([t.Input()],e.prototype,"welcomeDescription",void 0),u([t.Input()],e.prototype,"urlPdf",void 0),u([t.Input()],e.prototype,"nameCompany",void 0),u([t.Input()],e.prototype,"schedule",void 0),u([t.Input()],e.prototype,"isSimpleFlow",void 0),u([t.Input()],e.prototype,"steps",void 0),u([t.ViewChild("formDynamic",{static:!0})],e.prototype,"formDynamic",void 0),u([t.Output()],e.prototype,"response",void 0),u([t.Output()],e.prototype,"summit",void 0),u([t.Output()],e.prototype,"viewAuthData",void 0),e=u([t.Component({selector:"lib-FormAurora",template:'<div class="card">\r\n <span class="text-center mt-2 d-none d-sm-block" *ngIf="!isSimpleFlow">\r\n <img style="width: 115px; height:96px;" [class]="dataClassCss.logo" id="logo">\r\n </span>\r\n <div class="text-center mt-2 d-none d-sm-block" *ngIf="isSimpleFlow" style="margin-top: 4%!important;">\r\n </div>\r\n <div class="card-body pt-0">\r\n <ng-container *ngIf="schedule">\r\n <h4 class="card-title text-center mb-0" [class]="dataClassCss.bienvenida2" style="color: #EE7E0E;">\r\n Horarios de atención\r\n </h4>\r\n <small class="text-center d-block">{{schedule}}</small>\r\n </ng-container>\r\n <form #formDynamic="ngForm">\r\n <div *ngFor="let control of dataForm?.formQuestions; let index = index; trackBy: trackByIndex">\r\n <div\r\n *ngIf="(index > 0 && (dataForm.formQuestions[index - 1].question.questionType.id == 3 && dataForm.formQuestions[index].question.questionType.id == 2)) || (index < dataForm.formQuestions.length && dataForm.formQuestions[index].question.questionType.id == 3 && dataForm.formQuestions[index + 1].question.questionType.id == 2); else switchTemp">\r\n <div class="row"\r\n *ngIf="(index > 0 && (dataForm.formQuestions[index - 1].question.questionType.id == 3 && dataForm.formQuestions[index].question.questionType.id == 2))">\r\n <div class="col-lg-6 col-xs-12">\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index - 1].question.value}}" class="col-sm-12"\r\n style="display: block; text-align: left;">\r\n <span class="h6 small bg-white text-muted">{{dataForm.formQuestions[index -\r\n 1].question.label}}</span>\r\n </label>\r\n <div class="selectContainer">\r\n <select [name]="dataForm.formQuestions[index - 1].question.value"\r\n [required]="dataForm.formQuestions[index - 1].question.required"\r\n [class]="dataClassCss.formcontrol"\r\n id="{{dataForm.formQuestions[index - 1].question.value}}"\r\n style="margin-top: -1rem !important;"\r\n [(ngModel)]="defaultDocType !== \'\' ? defaultDocType : dataForm.formQuestions[index - 1].question.registred">\r\n <option value="" selected disabled hidden>Selecciona</option>\r\n <ng-container\r\n *ngFor="let item of dataForm.formQuestions[index - 1].question.questionAnswers">\r\n <option *ngIf="item.answer.state.id == 1" [value]="item.answer.value">\r\n {{ item.answer.field }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n <div style="margin-left: 15px;"\r\n *ngIf="dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6">\r\n <span class="error" [id]="\'char\'+dataForm.formQuestions[index-1].question.value"\r\n hidden></span>\r\n </div>\r\n </div>\r\n <div class="col-lg-6 col-xs-12">\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index].question.value}}"\r\n class="col-sm-12 p-sm-0 px-sm-1" style="display: block; text-align: left;">\r\n <span\r\n class="h6 small bg-white text-muted pt-1 pl-2 pr-2">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type="text" pattern="\\d*" inputmode="numeric"\r\n id="{{dataForm.formQuestions[index].question.value}}"\r\n style="margin-top: -1rem !important;"\r\n [name]="dataForm.formQuestions[index].question.value" placeholder="Escribe"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n (change)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (blur)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (keyup)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n onkeypress="onkeypress($event)" onkeyup="(this.value=(value.replace(/[.]*/g,\'\')))"\r\n maxlength="dataForm.formQuestions[index].question.maxLength"\r\n [minLength]="dataForm.formQuestions[index].question.minLength"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred"\r\n [class]="dataClassCss.formcontrol" />\r\n\r\n </div>\r\n\r\n <div style="margin-left: 15px;"\r\n *ngIf="dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6">\r\n <span class="error" [id]="\'rq\'+dataForm.formQuestions[index].question.value"\r\n *ngIf="validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid">\r\n Este campo es obligatorio</span>\r\n <span class="error" [id]="\'ml\'+dataForm.formQuestions[index].question.value" hidden>\r\n Debe ser mínimo de\r\n {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\r\n <span class="error" [id]="\'mxl\'+dataForm.formQuestions[index].question.value" hidden>\r\n Debe ser maximo de\r\n {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\r\n <span class="error" [id]="\'char\'+dataForm.formQuestions[index].question.value"\r\n hidden></span>\r\n <span *ngIf="patternNotValidDcto === true" class="error">Formato no valido</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <ng-template #switchTemp>\r\n <div [ngSwitch]="dataForm.formQuestions[index].question.questionType.id">\r\n <div *ngSwitchCase="1">\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index].question.value}}" class="col-sm-12"\r\n style="display: block; text-align: left; ">\r\n <span\r\n class="h6 small bg-white text-muted pt-1 pl-2 pr-2">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type="text" id="{{dataForm.formQuestions[index].question.value}}"\r\n [class]="dataClassCss.formcontrol" placeholder="Escribe"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [maxlength]="dataForm.formQuestions[index].question.maxLength"\r\n [name]="dataForm.formQuestions[index].question.value"\r\n (keydown)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (change)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (blur)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred"\r\n style="margin-top: -1rem !important;" />\r\n </div>\r\n </div>\r\n <div *ngSwitchCase="2">\r\n\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index].question.value}}" class="col-sm-12"\r\n style="display: block; text-align: left;">\r\n <span\r\n class="h6 small bg-white text-muted pt-1 pl-2 pr-2">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type="text" pattern="\\d*" inputmode="numeric"\r\n id="{{dataForm.formQuestions[index].question.value}}"\r\n style="margin-top: -1rem !important;"\r\n [name]="dataForm.formQuestions[index].question.value" placeholder="Escribe"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n (keydown)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (change)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (blur)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n onkeypress="onkeypress($event)" onkeyup="(this.value=(value.replace(/[.]*/g,\'\')))"\r\n maxlength="dataForm.formQuestions[index].question.maxLength"\r\n [minLength]="dataForm.formQuestions[index].question.minLength"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred"\r\n [class]="dataClassCss.formcontrol" />\r\n <span *ngIf="patternNotValidCel === true" class="error">Formato no valido</span>\r\n </div>\r\n\r\n </div>\r\n <div *ngSwitchCase="3">\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index].question.value}}" class="col-sm-12"\r\n style="display: block; text-align: left;">\r\n <span\r\n class="h6 small bg-white text-muted">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <select [name]="dataForm.formQuestions[index].question.value"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [class]="dataClassCss.formcontrol"\r\n id="{{dataForm.formQuestions[index].question.value}}"\r\n style="margin-top: -1rem !important;"\r\n [(ngModel)]="defaultDocType !== \'\' ? defaultDocType : dataForm.formQuestions[index].question.registred">\r\n <option value="" selected disabled hidden>Selecciona</option>\r\n <ng-container\r\n *ngFor="let item of dataForm.formQuestions[index].question.questionAnswers">\r\n <option *ngIf="item.answer.state.id == 1" [value]="item.answer.value">\r\n {{ item.answer.field }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase="4">\r\n <select class="{{ dataClassCss.formcontrol }} select-checkbox"\r\n style="overflow: hidden; border-style: hidden;"\r\n [style.height.px]="dataForm.formQuestions[index].question.questionAnswers.length * 24"\r\n [name]="dataForm.formQuestions[index].question.value"\r\n [required]="dataForm.formQuestions[index].question.required" ngModel multiple>\r\n <option (mousemove)="$event.preventDefault()"\r\n *ngFor="let item of dataForm.formQuestions[index].question.questionAnswers"\r\n [value]="item.answer.value">\r\n {{ item.answer.field }}\r\n </option>\r\n </select>\r\n </div>\r\n <div *ngSwitchCase="5">\r\n <a (click)="rediretoutside($event,dataForm.formQuestions[index].question)" href="">\r\n <span>{{ dataForm.formQuestions[index].question.label }}</span>\r\n </a>\r\n </div>\r\n <div *ngSwitchCase="6">\r\n <div [class]="dataClassCss.cl12" [id]="\'reCaptcha\'">\r\n <div class="cnt-captcha">\r\n <re-captcha (resolved)="resolvedCaptcha($event)"\r\n siteKey="6LfQisEZAAAAAARuuKFEAgS-x4qJse5uBA_QCA7v"></re-captcha>\r\n <input hidden type="text" [name]="dataForm.formQuestions[index].question.value"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred">\r\n </div>\r\n <span class="error" *ngIf="watchValid && !captchaValid" style="margin-top: 0;">\r\n Debe resolver la captcha para continuar\r\n </span>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase="7">\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index].question.value}}" class="col-sm-12"\r\n style="display: block; text-align: left; margin-bottom: 0 ;">\r\n <span\r\n class="h6 small bg-white text-muted pt-1 pl-2 pr-2">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input placeholder="dd/mm/aaaa" style="margin-top: -0.4rem !important;"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [name]="dataForm.formQuestions[index].question.value" type="date" min="{{minDate}}"\r\n max="{{maxDate}}" [maxlength]="10" (paste)="false"\r\n id="{{dataForm.formQuestions[index].question.value}}"\r\n [class]="dataClassCss.txtCalendar"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred"\r\n (keydown)="cancellKeypress()"\r\n (change)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (blur)="onChangeValidPatter($event, dataForm.formQuestions[index].question)">\r\n\r\n <button class="btn" id="{{dataForm.formQuestions[index].question.value}}" type="button"\r\n style="width: 46px;\r\n top: 12px;\r\n color: white;\r\n right: 15px;\r\n position: absolute;\r\n background: #D25D42;\r\n pointer-events: none;">\r\n <i class="fa fa-calendar"></i>\r\n </button>\r\n\r\n </div>\r\n </div>\r\n <div *ngSwitchCase="8">\r\n <div [class]="dataClassCss.cl12" style="text-align: left; margin-bottom: 10px;">\r\n <input\r\n style="width: 4% !important; height: auto !important; display: inline !important;"\r\n type="checkbox" [name]="dataForm.formQuestions[index].question.value"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred"\r\n [class]="dataClassCss.formcontrol">\r\n <a target="_blank" style="text-decoration: underline;color:blue;cursor: pointer;"\r\n id="txtPoliticas" (click)="tycSelection($event)">\r\n {{dataForm.formQuestions[index].question.label}}\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase="9">\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index].question.value}}" class="col-sm-12"\r\n style="display: block; text-align: left; ">\r\n <span\r\n class="h6 small bg-white text-muted pt-1 pl-2 pr-2">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type="text" id="{{dataForm.formQuestions[index].question.value}}"\r\n [class]="dataClassCss.formcontrol" placeholder="Escribe"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [maxlength]="dataForm.formQuestions[index].question.maxLength"\r\n [name]="dataForm.formQuestions[index].question.value"\r\n (keydown)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (change)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (blur)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (keypress)="validOnlyText($event)"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred"\r\n style="margin-top: -1rem !important;" />\r\n </div>\r\n </div>\r\n <div *ngSwitchCase="10">\r\n <div [class]="dataClassCss.cl12" style="text-align: left; margin-bottom: 10px;">\r\n <input\r\n style="width: 4% !important; height: auto !important; display: inline !important;"\r\n type="checkbox" [name]="dataForm.formQuestions[index].question.value"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred">\r\n <a target="_blank" style="text-decoration: underline;color:blue;cursor: pointer;"\r\n id="check{{dataForm.formQuestions[index].question.id}}"\r\n (click)="openLabelUrl($event,dataForm.formQuestions[index].question)">\r\n {{dataForm.formQuestions[index].question.label}}\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase="11">\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index].question.value}}" class="col-sm-12"\r\n style="display: block; text-align: left; ">\r\n <span\r\n class="h6 small bg-white text-muted pt-1 pl-2 pr-2">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type="text" id="{{dataForm.formQuestions[index].question.value}}"\r\n [class]="dataClassCss.formcontrol" placeholder="Escribe"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [maxlength]="dataForm.formQuestions[index].question.maxLength"\r\n [name]="dataForm.formQuestions[index].question.value"\r\n (keydown)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (change)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (blur)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (keypress)="validateNotSpace($event)"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred"\r\n style="margin-top: -1rem !important;" />\r\n </div>\r\n </div>\r\n <div *ngSwitchDefault>Tipo de control no detectado</div>\r\n <div style="margin-left: 15px;"\r\n *ngIf="dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6">\r\n <span class="error" [id]="\'rq\'+dataForm.formQuestions[index].question.value"\r\n *ngIf="validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid">\r\n Este campo es obligatorio</span>\r\n <span class="error" [id]="\'ml\'+dataForm.formQuestions[index].question.value" hidden>\r\n Debe ser mínimo de\r\n {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\r\n <span class="error" [id]="\'mxl\'+dataForm.formQuestions[index].question.value" hidden>\r\n Debe ser maximo de\r\n {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\r\n <span class="error" [id]="\'char\'+dataForm.formQuestions[index].question.value"\r\n hidden></span>\r\n <span class="error" [id]="dataForm.formQuestions[index].question.id" hidden></span>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </div>\r\n <section *ngIf="isSimpleFlow">\r\n <div *ngFor="let step of steps let index = index;">\r\n <div [class]="dataClassCss.cl12" *ngIf="step.viewData">\r\n <label for="{{step.id}}" class="col-sm-12" style="display: block; text-align: left;">\r\n <span class="h6 small bg-white text-muted">{{step.step}}</span>\r\n </label>\r\n <select [name]="step.step" [required]="true" [class]="dataClassCss.formcontrol"\r\n id="{{step.step}}" style="margin-top: -1rem !important;" [(ngModel)]="step.value"\r\n (ngModelChange)="onChangeStep(step,steps[index+1],$event)">\r\n <option value="" selected disabled hidden>Selecciona</option>\r\n <ng-container *ngFor="let subitem of step.viewData">\r\n <option [value]="subitem.id">\r\n {{ subitem.description }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n </section>\r\n <div class="mt-3 text-center">\r\n <button type="button" [class]="dataClassCss.btn" (click)="onSubmit()" [disabled]="!formDynamic.valid"\r\n id="btnIng">Ingresar</button>\r\n </div>\r\n </form>\r\n </div>\r\n</div>',providers:[{provide:o.NgbDateAdapter,useClass:g},{provide:o.NgbDateParserFormatter,useClass:y},{provide:o.NgbDatepickerI18n,useClass:b},x],styles:['form{font-size:12px;overflow-y:scroll;overflow-x:hidden}form input,form select{border:1px solid #e4e4e4;height:40px;margin-bottom:5px}.selectContainer select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.selectContainer::after{content:"\\025be";display:table-cell;text-align:center;padding-top:7px;width:30px;height:30px;position:absolute;top:14px;right:20px;pointer-events:none}form .error{color:red;font-size:12px;text-align:left;margin:-15px 0 15px;padding:0;width:90%}.error:after{content:" ";display:block}.card{width:90%;margin:2% auto;border-radius:12px}@media (max-width:412px){.card{width:100%}.cnt-captcha{transform:scale(.77)}}@media (max-width:575.98px){.card{width:100%}.cnt-captcha{transform:scale(.77)}}@media (max-width:880.98px){.cnt-captcha{transform:scale(.82)}}input[type=date]::-webkit-calendar-picker-indicator{background:0 0;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#e0e0e0}::-webkit-scrollbar-thumb:hover{background:#bdbdbd}']})],e)}(),F=function(){function e(e){this.http=e}return e.prototype.getTemplate=function(e,t){return this.http.get(t+"/template/findByCompany/"+e)},e.prototype.reloadStylePage=function(e,t){for(var n,r,o=e.getElementsByClassName("template"),a=0;a<o.length;a++){var i=o[a],s="object"==typeof i.className?i.className.baseVal:i.className,l=s.indexOf("template"),d=s.substring(l,s.length).split(" ").filter((function(e){return-1!==e.indexOf("tmp_")}));try{for(var u=(n=void 0,m(d)),c=u.next();!c.done;c=u.next()){var p=c.value;null!=t[p]&&(p.includes("tmp_type_text_")&&(p.includes("tmp_type_text_6")?i.style.setProperty("--"+p,t[p].color):(i.style.color=t[p].color,s.includes("ratting-faces-v2")&&(i.style.backgroundColor=t[p].color,i.style.borderColor=t[p].color,i.style.color="white"))),p.includes("title1")&&(i.style.color="#EE7E0E"),p.includes("tmp_type_svg_")&&(i.style.fill=t[p].fill),p.includes("tmp_type_img_")&&("IMG"==i.nodeName?i.src=t[p].src:(i.style.background=t[p].background,i.style.backgroundSize=t[p].backgroundSize)),p.includes("tmp_type_head_")&&i.style.setProperty("--"+p,t[p].color),p.includes("tmp_type_footer_")&&i.style.setProperty("--"+p,t[p].color),s.includes("tmp_type_cnt_")&&(l=s.indexOf("tmp_type_cnt_"),t[p=s.substring(l,s.length).split(" ")[0]]&&(i.style.backgroundColor=t[p].backgroundColor)),p.includes("tmp_type_font_")&&i.style.setProperty("font-family",t[p]["font-family"],"important"))}}catch(e){n={error:e}}finally{try{c&&!c.done&&(r=u.return)&&r.call(u)}finally{if(n)throw n.error}}}},e.ctorParameters=function(){return[{type:r.HttpClient}]},e.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new e(t.ɵɵinject(r.HttpClient))},token:e,providedIn:"root"}),e=u([t.Injectable({providedIn:"root"})],e)}(),C=function(){},Q=function(){function e(){}return e=u([t.NgModule({declarations:[q],imports:[i.CommonModule,n.FormsModule,s.RecaptchaModule,s.RecaptchaFormsModule],exports:[q]})],e)}();e.CommonDataService=f,e.CommonTemplateService=F,e.CustomAdapter=g,e.CustomDateParserFormatter=y,e.CustomDatepickerI18n=b,e.Fill=C,e.FormAuroraComponent=q,e.FormAuroraModule=Q,e.I18n=x,e.regexType=p,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
15
|
+
***************************************************************************** */var l=function(e,t){return(l=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function d(e,t){function n(){this.constructor=e}l(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}function u(e,t,n,r){var o,a=arguments.length,i=a<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)i=Reflect.decorate(e,t,n,r);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(i=(a<3?o(i):a>3?o(t,n,i):o(t,n))||i);return a>3&&i&&Object.defineProperty(t,n,i),i}function m(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],r=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&r>=e.length&&(e=void 0),{value:e&&e[r++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function c(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,a=n.call(e),i=[];try{for(;(void 0===t||t-- >0)&&!(r=a.next()).done;)i.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=a.return)&&n.call(a)}finally{if(o)throw o.error}}return i}var p={default:{exp:"^[a-zA-Z0-9ñÑáéíóúüÁÉÍÓÚÜ,.\\-_\\s]*$",message:"Formato inválido, no use caracteres especiales"},word:{exp:"^[a-zA-Z0-9ñÑáéíóúüÁÉÍÓÚÜ,.\\-_]*$",message:"Formato inválido, no use caracteres especiales ni espacios"},name:{exp:"^[a-zA-ZñÑáéíóúüÁÉÍÓÚÜ\\s]*$",message:"Formato inválido, no use caracteres especiales ni números"},alphanumberWord:{exp:"^[a-zA-Z0-9]*$",message:"Formato alfanúmerico inválido"},charWord:{exp:"^[a-zA-Z]*$",message:"Formato de caracteres inválido"},anyWord:{exp:"^\\S*$",message:"Formato inválido"},percent:{exp:"^100$|^[0-9]{1,2}$|^[0-9]{1,2}\\.[0-9]{1,2}$",message:"Formato de porcentaje inválido, use el punto decimal (.)"},email:{exp:/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/,message:"Formato de e-mail inválido"},number:{exp:"^[0-9]*$",message:"Formato de número inválido"},time24:{exp:"^([01]?[0-9]|2[0-3]):[0-5][0-9]$",message:"Formato de hora militar inválido, use 23:45"},date:{exp:"^[0-9]{1,2}/[0-9]{1,2}/[0-9]{4}$",message:"Formato de fecha inválido",internal:"dd/mm/yyyy"},password:{exp:"^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{8,}$",message:"La contraseña debe incluir una longitud mínima de 8 caracteres, una letra mayúscula, una letra minúscula, un número, un carácter especial (@#$%^&+=/.) y no debe tener espacios."}},f=function(){function e(){}var n;return n=e,e.prototype.getData=function(){if(null!=localStorage.getItem("data"))return new Map(JSON.parse(localStorage.getItem("data")))},e.prototype.setData=function(e){localStorage.setItem("data",JSON.stringify(Array.from(e.entries())))},e.prototype.initData=function(){this.setData(new Map)},e.prototype.putValue=function(e,t){var n=this.getData();n=n.set(e,t),this.setData(n)},e.prototype.addValue=function(e,t,n){var r=this.getValue(e),o=this.getData();r[t]=n,o=o.set(e,r),this.setData(o)},e.prototype.getValue=function(e){return this.getData()&&this.getData().has(e)?this.getData().get(e):void 0},e.prototype.hasValue=function(e){return null!=this.getData()?this.getData().has(e):null},e.prototype.clearMap=function(){if(this.hasValue(n.COMPANY_KEY)){var e=this.getValue(n.COMPANY_KEY);this.initData(),this.putValue(n.COMPANY_KEY,e)}else this.initData()},e.COMPANY_KEY="company",e.DOC_NUMBER_KEY="docNumber",e.DOC_TYPE_KEY="docType",e.PHONE_KEY="phone",e.TYPE_ATTENTION_KEY="typeAttention",e.OFFICE_KEY="office",e.TYPE_TURN_KEY="typeTurn",e.SERVICE_KEY="service",e.TURN_KEY="turn",e.PROGRAMED_TURN_KEY="programedTurn",e.REQUEST_CALL="requestCall",e.FORM_DATA="formdata",e.TEMPLATE="template",e.TURN_RESCHEDULE="turnReschedule",e.USER_GENDER="genderUser",e.AUTO_REDIRECT="autoRedirect",e.SCHEDULE_GENERAL="scheduleGeneral",e.AGENDAMIENTO_TTP="potencialCustomer",e.SINGLE_PAGE_ONE="singlePageOne",e.AVAILABLE_SCHEDULE_GRAL="availableScheduleGral",e.PROFILE="profile",e.PAGE_NEXT="pageNext",e.STEPS="steps",e.TYPE_TURN_ID="typeTurnId",e.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new e},token:e,providedIn:"root"}),e=n=u([t.Injectable({providedIn:"root"})],e)}(),h=a,g=function(e){function n(){var t=null!==e&&e.apply(this,arguments)||this;return t.DELIMITER="/",t}return d(n,e),n.prototype.fromModel=function(e){if(e){var t=e.split(this.DELIMITER);return{day:parseInt(t[0],10),month:parseInt(t[1],10),year:parseInt(t[2],10)}}return null},n.prototype.toModel=function(e){return e?(e.day<10?0+e.day:e.day)+this.DELIMITER+(e.month<10?0+e.month:e.month)+this.DELIMITER+e.year:""},n=u([t.Injectable()],n)}(o.NgbDateAdapter),y=function(e){function n(){var t=null!==e&&e.apply(this,arguments)||this;return t.DELIMITER="/",t}return d(n,e),n.prototype.parse=function(e){if(e){var t=e.split(this.DELIMITER);return{day:parseInt(t[0],10),month:parseInt(t[1],10),year:parseInt(t[2],10)}}return null},n.prototype.format=function(e){return e?(e.day<10?"0"+e.day:e.day)+this.DELIMITER+(e.month<10?"0"+e.month:e.month)+this.DELIMITER+e.year:""},n=u([t.Injectable()],n)}(o.NgbDateParserFormatter),v={es:{weekdays:["Lu","Ma","Mi","Ju","Vi","Sa","Do"],months:["Ene","Feb","Mar","Abr","May","Jun","Jul","Ago","Sep","Oct","Nov","Dic"],weekLabel:"sem"}},x=function(){function e(){this.language="es"}return e=u([t.Injectable()],e)}(),b=function(e){function n(t){var n=e.call(this)||this;return n._i18n=t,n}return d(n,e),n.prototype.getWeekdayLabel=function(e){return v[this._i18n.language].weekdays[e-1]},n.prototype.getWeekLabel=function(){return v[this._i18n.language].weekLabel},n.prototype.getMonthShortName=function(e){return v[this._i18n.language].months[e-1]},n.prototype.getMonthFullName=function(e){return this.getMonthShortName(e)},n.prototype.getDayAriaLabel=function(e){return e.day+"-"+e.month+"-"+e.year},n.prototype.getWeekdayShortName=function(e){return v[this._i18n.language].weekdays[e-1]},n.ctorParameters=function(){return[{type:x}]},n=u([t.Injectable()],n)}(o.NgbDatepickerI18n),q=function(){function e(e,r){this.data=e,this.http=r,this.response=new t.EventEmitter,this.summit=new t.EventEmitter,this.viewAuthData=new t.EventEmitter,this.tipodocNumDoc=!1,this.countSubmit=0,this.watchValid=!1,this.watchRequired=!1,this.captchaValid=!1,this.today=h(new Date),this.maxYear=this.today.year(),this.minYear=this.today.year()-82,this.minDate=this.minYear.toString()+"-"+this.today.month().toString().padStart(2,"0")+"-"+this.today.date().toString().padStart(2,"0"),this.maxDate=this.maxYear.toString()+"-"+(this.today.month()+1).toString().padStart(2,"0")+"-"+this.today.date().toString().padStart(2,"0"),this.recharge=!1,this.indicativo="57",this.defaultDocType="Cédula de ciudadanía",this.patternNotValidDcto=!1,this.patternNotValidCel=!1,this.range=new n.FormGroup({start:new n.FormControl,end:new n.FormControl})}return e.prototype.ngOnInit=function(){var e=this;this.minDate=new Date(this.minDate).toISOString().split("T")[0],setTimeout((function(){e.startComponent()}),2e3)},e.prototype.startComponent=function(){var e,t,n=this;if(null!=this.dataForm&&null!=this.dataForm.formQuestions){this.tipodocNumDoc=!(!this.dataForm.formQuestions.some((function(e){return"tipoDoc"===e.question.value}))||!this.dataForm.formQuestions.some((function(e){return"numeroDoc"===e.question.value}))),this.dataForm.formQuestions=this.dataForm.formQuestions.sort((function(e,t){return e.order-t.order})),0==this.dataForm.formQuestions.filter((function(e){return 6==e.question.questionType.id})).length&&(this.captchaValid=!0);var r=function(e){null!=e.question.maxlength&&null!=e.question.maxlength&&0!=e.question.maxlength||(e.question.maxlength=524288),null!=e.question.minLength&&null!=e.question.minLength||(e.question.minLength=0),o.dataReloadForm.forEach((function(t){n.filldata=t,2!==e.question.questionType.id&&1!==e.question.questionType.id&&3!==e.question.questionType.id||null===n.filldata.data||void 0===n.filldata.data||e.question.id!==n.filldata.id||(e.question.registred=n.filldata.data)})),null!=e.question.registred&&null!=e.question.minLength||(e.question.registred="")},o=this;try{for(var a=m(this.dataForm.formQuestions),i=a.next();!i.done;i=a.next()){r(i.value)}}catch(t){e={error:t}}finally{try{i&&!i.done&&(t=a.return)&&t.call(a)}finally{if(e)throw e.error}}}},e.prototype.resolvedCaptcha=function(e){this.captchaValid=!0,this.formDynamic.form.value.captcha||(this.formDynamic.controls.captcha.setValue(e),this.formDynamic.form.value.captcha=e,document.getElementById("btnIng").style.opacity=this.formDynamic.valid?"1":"0.65")},e.prototype.trackByIndex=function(e,t){return e},e.prototype.onChangeValidPatter=function(e,t){var n=this;if(null!=t.pattern){var r=!0;try{if(![8,32,37,38,39,40,46,9].includes(e.keyCode))r=new RegExp(t.pattern).test(e.key)}catch(e){}return r}void 0!==t.questionType&&"Number"===t.questionType.description&&("numeroDoc"===t.value?this.validateNumeroDocumento(this.formDynamic.controls.numeroDoc.value.toString()):"celular"===t.value&&this.validateCelular(this.formDynamic.controls.celular.value.toString())),document.getElementById("char"+t.value).setAttribute("hidden","true"),11!=t.questionType.id&&7!=t.questionType.id&&(this.validMinLength(this.formDynamic,t)?(document.getElementById(t.value).style.borderColor="#FF0000",document.getElementById("ml"+t.value).removeAttribute("hidden")):(document.getElementById(t.value).style.borderColor="#E4E4E4",document.getElementById("ml"+t.value).setAttribute("hidden","true")),this.validMaxLength(this.formDynamic,t)?(document.getElementById(t.value).style.borderColor="#FF0000",document.getElementById("mxl"+t.value).removeAttribute("hidden")):(document.getElementById(t.value).style.borderColor="#E4E4E4",document.getElementById("mxl"+t.value).setAttribute("hidden","true"))),this.dataForm.formQuestions.forEach((function(e){switch(e.question.questionType.id){case 7:7==t.questionType.id&&n.calendarRulesValidate(e);break;case 11:11==t.questionType.id&&n.emailRulesValidate(e)}})),document.getElementById("btnIng").style.opacity=this.formDynamic.valid?"1":"0.65"},e.prototype.validOnlyText=function(e){return 32==e.charCode||/^[a-zA-Z\u00C0-\u017F]+$/g.test(e.key)},e.prototype.validDate=function(e){var t=!0;return null===String(e.key).match(p.date.exp)&&(t=!1),t},e.prototype.onChangeValidDate=function(e){return new RegExp(/[0-9]|\//).test(e.key)},e.prototype.rediretoutside=function(e,t){try{e.preventDefault(),window.open(t.value,"_blank")}catch(e){}},e.prototype.ngOnChanges=function(e){this.countSubmit++},e.prototype.onSubmit=function(){var e=this,t=this.formDynamic;if(this.watchValid=!0,this.watchRequired=!0,t.valid&&!this.validRulesFields(t.controls.numeroDoc.value.toString(),t.controls.celular.value.toString(),t.controls.email.value))return!1;this.validMinlenghtAllQuestions(t.value)&&this.validMaxLengthAllQuestions(t.value)&&t.valid&&(""!=this.dataForm.urlSend&&this.captchaValid?this.http.post(this.dataForm.urlSend,t.value).subscribe((function(t){return e.response.emit(t)})):t.valid&&this.captchaValid&&this.summit.emit(t.value))},e.prototype.findParamBoolean=function(e,t){var n=e.find((function(e){return e.id==t}));return null!=n&&"true"==n.value},e.prototype.validRulesFields=function(e,t,n){var r=this,o=document.getElementById("charcelular"),a=document.getElementById("charnumeroDoc"),i=!0;if("+57"==this.indicativo||"57"==this.indicativo){var s=this.orderString(e);"CLARO"!==this.nameCompany.toUpperCase()&&e==s&&(a.style.borderColor="#FF0000",a.removeAttribute("hidden"),a.textContent="El numero documento No debe contener caracteres consecutivos",i=!1),"3"!=t.substring(0,1)&&(o.style.borderColor="#FF0000",o.removeAttribute("hidden"),o.textContent="El primer carácter del celular debe ser 3",i=!1);for(var l=e.substring(0,1),d=1;d<e.length;d++)l+=e.substring(0,1);if(e==l&&(a.style.borderColor="#FF0000",a.removeAttribute("hidden"),a.textContent="Caracteres numéricos no se pueden repetirse de manera continua ",i=!1),!this.validateNumeroDocumento(e))return!1;if(!this.validateCelular(t))return!1;var u=Array.from(String(t),Number);1==function(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(c(arguments[t]));return e}(new Set(u)).length&&(o.style.borderColor="#FF0000",o.removeAttribute("hidden"),o.textContent="El número que ingresa no es valido",i=!1)}else"+593"!=this.indicativo&&"593"!=this.indicativo||"9"!=t.substring(0,1)&&(o.style.borderColor="#FF0000",o.removeAttribute("hidden"),o.textContent="El primer carácter del celular debe ser 9",i=!1);return this.dataForm.formQuestions.forEach((function(e){switch(e.question.questionType.id){case 11:i=r.emailRulesValidate(e)}})),i},e.prototype.orderString=function(e){for(var t=[],n=0;n<e.length;n++)t.push(parseInt(e.substring(n,n+1)));t.sort((function(e,t){return e-t}));var r="";r=t[0];for(n=1;n<t.length;n++)r+=(t[0]+n).toString();return r},e.prototype.validMinlenghtAllQuestions=function(e){var t,n;try{for(var r=m(this.dataForm.formQuestions),o=r.next();!o.done;o=r.next()){var a=o.value;if(1==a.question.questionType.id||2==a.question.questionType.id){var i=parseInt(a.question.minLength),s=parseInt(e[a.question.value].toString().length);if(i>0&&s!=i&&s<i)return!1}}}catch(e){t={error:e}}finally{try{o&&!o.done&&(n=r.return)&&n.call(r)}finally{if(t)throw t.error}}return!0},e.prototype.validMaxLengthAllQuestions=function(e){var t,n;try{for(var r=m(this.dataForm.formQuestions),o=r.next();!o.done;o=r.next()){var a=o.value;if(1==a.question.questionType.id||2==a.question.questionType.id){var i=parseInt(a.question.maxLength),s=parseInt(e[a.question.value].toString().length);if(i>0&&s!=i&&s>i)return!1}}}catch(e){t={error:e}}finally{try{o&&!o.done&&(n=r.return)&&n.call(r)}finally{if(t)throw t.error}}return!0},e.prototype.validRequired=function(e,t){try{if(null!=t&&null!=t.value&&null!=e.controls[t.value]&&null!=e.controls[t.value].errors&&e.controls[t.value].errors.required)return!0}catch(e){}return!1},e.prototype.validMinLength=function(e,t){try{if(null!=t&&null!=t.value&&t.minLength>e.controls[t.value].value.toLocaleString().length&&t.minLength>0)return!0}catch(e){}return!1},e.prototype.validMaxLength=function(e,t){try{if(null!=t&&null!=t.value&&t.maxLength>0&&t.maxLength+1<=e.controls[t.value].value.toString().replace(/\./g,"").length)return this.formDynamic.controls[t.value].hasError("errorMaxLength")||this.formDynamic.controls[t.value].setErrors({errorMaxLength:!0}),!0}catch(e){}return!1},e.prototype.tycSelection=function(e){this.viewAuthData.emit(e)},e.prototype.openLabelUrl=function(e,t){e.preventDefault(),document.getElementById("check"+t.id).style.color="#A3AD32",window.open(t.urllabel,"_blank")},e.prototype.cancellKeypress=function(){return!1},e.prototype.emailRulesValidate=function(e){var t=!0;try{var n=!1;document.getElementById(e.question.id).setAttribute("hidden","true");var r=document.getElementById(e.question.id),o=e.question.registred;if(n||!e.question.required||""!=o&&null!=o&&null!=o||(r.style.borderColor="#FF0000",r.textContent="El correco eléctronico es requerido",r.removeAttribute("hidden"),t=!1,n=!0),n||this.validMinLength(void 0,e.question)&&(r.style.borderColor="#FF0000",r.textContent="Debe ser mínimo de "+e.question.minLength+" caracteres",document.getElementById(e.question.id).removeAttribute("hidden"),t=!1,n=!0),n||this.validMaxLength(void 0,e.question)&&(r.style.borderColor="#FF0000",r.textContent="Debe ser maximo de "+e.question.maxLength+" caracteres",document.getElementById(e.question.id).removeAttribute("hidden"),t=!1,n=!0),!n)null==String(o).match(p.email.exp)&&(r.style.borderColor="#FF0000",r.textContent="Tu email es invalido",r.removeAttribute("hidden"),t=!1,n=!0)}catch(e){}return t},e.prototype.calendarRulesValidate=function(e){try{document.getElementById(e.question.id).setAttribute("hidden","true");var t=document.getElementById(e.question.id),n=e.question.registred;!e.question.required||""!=n&&null!=n&&null!=n||(t.style.borderColor="#FF0000",t.textContent="La fecha es requerida",t.removeAttribute("hidden"))}catch(e){}},e.prototype.validateNotSpace=function(e){return 32!=e.charCode},e.prototype.validateNumeroDocumento=function(e){return e.match("^[0-9]*$")?(this.patternNotValidDcto=!1,!0):(this.formDynamic.controls.numeroDoc.setValidators([n.Validators.pattern("^[0-9]*$")]),this.formDynamic.controls.numeroDoc.markAsDirty(),this.formDynamic.controls.numeroDoc.updateValueAndValidity(),this.formDynamic.controls.numeroDoc.markAsTouched(),this.patternNotValidDcto=!0,!1)},e.prototype.validateCelular=function(e){return e.match("^[0-9]*$")?(this.patternNotValidCel=!1,!0):(this.formDynamic.controls.celular.setValidators([n.Validators.pattern("^[0-9]*$")]),this.formDynamic.controls.celular.markAsDirty(),this.formDynamic.controls.celular.updateValueAndValidity(),this.formDynamic.controls.celular.markAsTouched(),this.patternNotValidCel=!0,!1)},e.prototype.onkeypress=function(e){return 0==e.charCode?null:e.charCode>=48&&e.charCode<=57},e.prototype.onChangeStep=function(e,t,n){t&&1!=t.stepOrder&&(this.resetField(e),t.viewData=[],t.viewData=t.stepData.filter((function(e){return e.relationalIds.includes(Number(n))})))},e.prototype.resetField=function(e){this.steps.forEach((function(t){t.stepOrder>e.stepOrder&&(t.viewData=void 0,t.value=void 0)}))},e.ctorParameters=function(){return[{type:f},{type:r.HttpClient}]},u([t.Input()],e.prototype,"dataClassCss",void 0),u([t.Input()],e.prototype,"dataForm",void 0),u([t.Input()],e.prototype,"clickSubmit",void 0),u([t.Input()],e.prototype,"dataReloadForm",void 0),u([t.Input()],e.prototype,"welcomeTitle",void 0),u([t.Input()],e.prototype,"welcomeDescription",void 0),u([t.Input()],e.prototype,"urlPdf",void 0),u([t.Input()],e.prototype,"nameCompany",void 0),u([t.Input()],e.prototype,"schedule",void 0),u([t.Input()],e.prototype,"isSimpleFlow",void 0),u([t.Input()],e.prototype,"steps",void 0),u([t.ViewChild("formDynamic",{static:!0})],e.prototype,"formDynamic",void 0),u([t.Output()],e.prototype,"response",void 0),u([t.Output()],e.prototype,"summit",void 0),u([t.Output()],e.prototype,"viewAuthData",void 0),e=u([t.Component({selector:"lib-FormAurora",template:'<div class="card">\r\n <span class="text-center mt-2 d-none d-sm-block" *ngIf="!isSimpleFlow">\r\n <img style="width: 115px; height:96px;" [class]="dataClassCss.logo" id="logo">\r\n </span>\r\n <div class="text-center mt-2 d-none d-sm-block" *ngIf="isSimpleFlow" style="margin-top: 4%!important;">\r\n </div>\r\n <div class="card-body pt-0">\r\n <ng-container *ngIf="schedule">\r\n <h4 class="card-title text-center mb-0" [class]="dataClassCss.bienvenida2" style="color: #EE7E0E;">\r\n Horarios de atención\r\n </h4>\r\n <small class="text-center d-block">{{schedule}}</small>\r\n </ng-container>\r\n <form #formDynamic="ngForm">\r\n <div *ngFor="let control of dataForm?.formQuestions; let index = index; trackBy: trackByIndex">\r\n <div\r\n *ngIf="(index > 0 && (dataForm.formQuestions[index - 1].question.questionType.id == 3 && dataForm.formQuestions[index].question.questionType.id == 2)) || (index < dataForm.formQuestions.length && dataForm.formQuestions[index].question.questionType.id == 3 && dataForm.formQuestions[index + 1].question.questionType.id == 2); else switchTemp">\r\n <div class="row"\r\n *ngIf="(index > 0 && (dataForm.formQuestions[index - 1].question.questionType.id == 3 && dataForm.formQuestions[index].question.questionType.id == 2))">\r\n <div class="col-lg-6 col-xs-12">\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index - 1].question.value}}" class="col-sm-12"\r\n style="display: block; text-align: left;">\r\n <span class="h6 small bg-white text-muted">{{dataForm.formQuestions[index -\r\n 1].question.label}}</span>\r\n </label>\r\n <div class="selectContainer">\r\n <select [name]="dataForm.formQuestions[index - 1].question.value"\r\n [required]="dataForm.formQuestions[index - 1].question.required"\r\n [class]="dataClassCss.formcontrol"\r\n id="{{dataForm.formQuestions[index - 1].question.value}}"\r\n style="margin-top: -1rem !important;"\r\n [(ngModel)]="defaultDocType !== \'\' ? defaultDocType : dataForm.formQuestions[index - 1].question.registred">\r\n <option value="" selected disabled hidden>Selecciona</option>\r\n <ng-container\r\n *ngFor="let item of dataForm.formQuestions[index - 1].question.questionAnswers">\r\n <option *ngIf="item.answer.state.id == 1" [value]="item.answer.value">\r\n {{ item.answer.field }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n <div style="margin-left: 15px;"\r\n *ngIf="dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6">\r\n <span class="error" [id]="\'char\'+dataForm.formQuestions[index-1].question.value"\r\n hidden></span>\r\n </div>\r\n </div>\r\n <div class="col-lg-6 col-xs-12">\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index].question.value}}"\r\n class="col-sm-12 p-sm-0 px-sm-1" style="display: block; text-align: left;">\r\n <span\r\n class="h6 small bg-white text-muted pt-1 pl-2 pr-2">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type="text" pattern="\\d*" inputmode="numeric"\r\n id="{{dataForm.formQuestions[index].question.value}}"\r\n style="margin-top: -1rem !important;"\r\n [name]="dataForm.formQuestions[index].question.value" placeholder="Escribe"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n (change)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (blur)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (keyup)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n onkeypress="onkeypress($event)" onkeyup="(this.value=(value.replace(/[.]*/g,\'\')))"\r\n maxlength="dataForm.formQuestions[index].question.maxLength"\r\n [minLength]="dataForm.formQuestions[index].question.minLength"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred"\r\n [class]="dataClassCss.formcontrol" />\r\n\r\n </div>\r\n\r\n <div style="margin-left: 15px;"\r\n *ngIf="dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6">\r\n <span class="error" [id]="\'rq\'+dataForm.formQuestions[index].question.value"\r\n *ngIf="validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid">\r\n Este campo es obligatorio</span>\r\n <span class="error" [id]="\'ml\'+dataForm.formQuestions[index].question.value" hidden>\r\n Debe ser mínimo de\r\n {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\r\n <span class="error" [id]="\'mxl\'+dataForm.formQuestions[index].question.value" hidden>\r\n Debe ser maximo de\r\n {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\r\n <span class="error" [id]="\'char\'+dataForm.formQuestions[index].question.value"\r\n hidden></span>\r\n <span *ngIf="patternNotValidDcto === true" class="error">Formato no valido</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <ng-template #switchTemp>\r\n <div [ngSwitch]="dataForm.formQuestions[index].question.questionType.id">\r\n <div *ngSwitchCase="1">\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index].question.value}}" class="col-sm-12"\r\n style="display: block; text-align: left; ">\r\n <span\r\n class="h6 small bg-white text-muted pt-1 pl-2 pr-2">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type="text" id="{{dataForm.formQuestions[index].question.value}}"\r\n [class]="dataClassCss.formcontrol" placeholder="Escribe"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [maxlength]="dataForm.formQuestions[index].question.maxLength"\r\n [name]="dataForm.formQuestions[index].question.value"\r\n (keydown)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (change)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (blur)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred"\r\n style="margin-top: -1rem !important;" />\r\n </div>\r\n </div>\r\n <div *ngSwitchCase="2">\r\n\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index].question.value}}" class="col-sm-12"\r\n style="display: block; text-align: left;">\r\n <span\r\n class="h6 small bg-white text-muted pt-1 pl-2 pr-2">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type="text" pattern="\\d*" inputmode="numeric"\r\n id="{{dataForm.formQuestions[index].question.value}}"\r\n style="margin-top: -1rem !important;"\r\n [name]="dataForm.formQuestions[index].question.value" placeholder="Escribe"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n (keydown)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (change)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (blur)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n onkeypress="onkeypress($event)" onkeyup="(this.value=(value.replace(/[.]*/g,\'\')))"\r\n maxlength="dataForm.formQuestions[index].question.maxLength"\r\n [minLength]="dataForm.formQuestions[index].question.minLength"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred"\r\n [class]="dataClassCss.formcontrol" />\r\n <span *ngIf="patternNotValidCel === true" class="error">Formato no valido</span>\r\n </div>\r\n\r\n </div>\r\n <div *ngSwitchCase="3">\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index].question.value}}" class="col-sm-12"\r\n style="display: block; text-align: left;">\r\n <span\r\n class="h6 small bg-white text-muted">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <select [name]="dataForm.formQuestions[index].question.value"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [class]="dataClassCss.formcontrol"\r\n id="{{dataForm.formQuestions[index].question.value}}"\r\n style="margin-top: -1rem !important;"\r\n [(ngModel)]="defaultDocType !== \'\' ? defaultDocType : dataForm.formQuestions[index].question.registred">\r\n <option value="" selected disabled hidden>Selecciona</option>\r\n <ng-container\r\n *ngFor="let item of dataForm.formQuestions[index].question.questionAnswers">\r\n <option *ngIf="item.answer.state.id == 1" [value]="item.answer.value">\r\n {{ item.answer.field }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase="4">\r\n <select class="{{ dataClassCss.formcontrol }} select-checkbox"\r\n style="overflow: hidden; border-style: hidden;"\r\n [style.height.px]="dataForm.formQuestions[index].question.questionAnswers.length * 24"\r\n [name]="dataForm.formQuestions[index].question.value"\r\n [required]="dataForm.formQuestions[index].question.required" ngModel multiple>\r\n <option (mousemove)="$event.preventDefault()"\r\n *ngFor="let item of dataForm.formQuestions[index].question.questionAnswers"\r\n [value]="item.answer.value">\r\n {{ item.answer.field }}\r\n </option>\r\n </select>\r\n </div>\r\n <div *ngSwitchCase="5">\r\n <a (click)="rediretoutside($event,dataForm.formQuestions[index].question)" href="">\r\n <span>{{ dataForm.formQuestions[index].question.label }}</span>\r\n </a>\r\n </div>\r\n <div *ngSwitchCase="6">\r\n <div [class]="dataClassCss.cl12" [id]="\'reCaptcha\'">\r\n <div class="cnt-captcha">\r\n <re-captcha (resolved)="resolvedCaptcha($event)"\r\n siteKey="6Lf9DcQfAAAAAI6HCNB5OyKUpOPpfl5ocoBJcigZ"></re-captcha>\r\n <input hidden type="text" [name]="dataForm.formQuestions[index].question.value"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred">\r\n </div>\r\n <span class="error" *ngIf="watchValid && !captchaValid" style="margin-top: 0;">\r\n Debe resolver la captcha para continuar\r\n </span>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase="7">\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index].question.value}}" class="col-sm-12"\r\n style="display: block; text-align: left; margin-bottom: 0 ;">\r\n <span\r\n class="h6 small bg-white text-muted pt-1 pl-2 pr-2">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input placeholder="dd/mm/aaaa" style="margin-top: -0.4rem !important;"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [name]="dataForm.formQuestions[index].question.value" type="date" min="{{minDate}}"\r\n max="{{maxDate}}" [maxlength]="10" (paste)="false"\r\n id="{{dataForm.formQuestions[index].question.value}}"\r\n [class]="dataClassCss.txtCalendar"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred"\r\n (keydown)="cancellKeypress()"\r\n (change)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (blur)="onChangeValidPatter($event, dataForm.formQuestions[index].question)">\r\n\r\n <button class="btn" id="{{dataForm.formQuestions[index].question.value}}" type="button"\r\n style="width: 46px;\r\n top: 12px;\r\n color: white;\r\n right: 15px;\r\n position: absolute;\r\n background: #D25D42;\r\n pointer-events: none;">\r\n <i class="fa fa-calendar"></i>\r\n </button>\r\n\r\n </div>\r\n </div>\r\n <div *ngSwitchCase="8">\r\n <div [class]="dataClassCss.cl12" style="text-align: left; margin-bottom: 10px;">\r\n <input\r\n style="width: 4% !important; height: auto !important; display: inline !important;"\r\n type="checkbox" [name]="dataForm.formQuestions[index].question.value"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred"\r\n [class]="dataClassCss.formcontrol">\r\n <a target="_blank" style="text-decoration: underline;color:blue;cursor: pointer;"\r\n id="txtPoliticas" (click)="tycSelection($event)">\r\n {{dataForm.formQuestions[index].question.label}}\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase="9">\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index].question.value}}" class="col-sm-12"\r\n style="display: block; text-align: left; ">\r\n <span\r\n class="h6 small bg-white text-muted pt-1 pl-2 pr-2">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type="text" id="{{dataForm.formQuestions[index].question.value}}"\r\n [class]="dataClassCss.formcontrol" placeholder="Escribe"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [maxlength]="dataForm.formQuestions[index].question.maxLength"\r\n [name]="dataForm.formQuestions[index].question.value"\r\n (keydown)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (change)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (blur)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (keypress)="validOnlyText($event)"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred"\r\n style="margin-top: -1rem !important;" />\r\n </div>\r\n </div>\r\n <div *ngSwitchCase="10">\r\n <div [class]="dataClassCss.cl12" style="text-align: left; margin-bottom: 10px;">\r\n <input\r\n style="width: 4% !important; height: auto !important; display: inline !important;"\r\n type="checkbox" [name]="dataForm.formQuestions[index].question.value"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred">\r\n <a target="_blank" style="text-decoration: underline;color:blue;cursor: pointer;"\r\n id="check{{dataForm.formQuestions[index].question.id}}"\r\n (click)="openLabelUrl($event,dataForm.formQuestions[index].question)">\r\n {{dataForm.formQuestions[index].question.label}}\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase="11">\r\n <div [class]="dataClassCss.cl12">\r\n <label for="{{dataForm.formQuestions[index].question.value}}" class="col-sm-12"\r\n style="display: block; text-align: left; ">\r\n <span\r\n class="h6 small bg-white text-muted pt-1 pl-2 pr-2">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type="text" id="{{dataForm.formQuestions[index].question.value}}"\r\n [class]="dataClassCss.formcontrol" placeholder="Escribe"\r\n [required]="dataForm.formQuestions[index].question.required"\r\n [maxlength]="dataForm.formQuestions[index].question.maxLength"\r\n [name]="dataForm.formQuestions[index].question.value"\r\n (keydown)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (change)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (blur)="onChangeValidPatter($event, dataForm.formQuestions[index].question)"\r\n (keypress)="validateNotSpace($event)"\r\n [(ngModel)]="dataForm.formQuestions[index].question.registred"\r\n style="margin-top: -1rem !important;" />\r\n </div>\r\n </div>\r\n <div *ngSwitchDefault>Tipo de control no detectado</div>\r\n <div style="margin-left: 15px;"\r\n *ngIf="dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6">\r\n <span class="error" [id]="\'rq\'+dataForm.formQuestions[index].question.value"\r\n *ngIf="validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid">\r\n Este campo es obligatorio</span>\r\n <span class="error" [id]="\'ml\'+dataForm.formQuestions[index].question.value" hidden>\r\n Debe ser mínimo de\r\n {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\r\n <span class="error" [id]="\'mxl\'+dataForm.formQuestions[index].question.value" hidden>\r\n Debe ser maximo de\r\n {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\r\n <span class="error" [id]="\'char\'+dataForm.formQuestions[index].question.value"\r\n hidden></span>\r\n <span class="error" [id]="dataForm.formQuestions[index].question.id" hidden></span>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </div>\r\n <section *ngIf="isSimpleFlow">\r\n <div *ngFor="let step of steps let index = index;">\r\n <div [class]="dataClassCss.cl12" *ngIf="step.viewData">\r\n <label for="{{step.id}}" class="col-sm-12" style="display: block; text-align: left;">\r\n <span class="h6 small bg-white text-muted">{{step.step}}</span>\r\n </label>\r\n <select [name]="step.step" [required]="true" [class]="dataClassCss.formcontrol"\r\n id="{{step.step}}" style="margin-top: -1rem !important;" [(ngModel)]="step.value"\r\n (ngModelChange)="onChangeStep(step,steps[index+1],$event)">\r\n <option value="" selected disabled hidden>Selecciona</option>\r\n <ng-container *ngFor="let subitem of step.viewData">\r\n <option [value]="subitem.id">\r\n {{ subitem.description }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n </section>\r\n <div class="mt-3 text-center">\r\n <button type="button" [class]="dataClassCss.btn" (click)="onSubmit()" [disabled]="!formDynamic.valid"\r\n id="btnIng">Ingresar</button>\r\n </div>\r\n </form>\r\n </div>\r\n</div>',providers:[{provide:o.NgbDateAdapter,useClass:g},{provide:o.NgbDateParserFormatter,useClass:y},{provide:o.NgbDatepickerI18n,useClass:b},x],styles:['form{font-size:12px;overflow-y:scroll;overflow-x:hidden}form input,form select{border:1px solid #e4e4e4;height:40px;margin-bottom:5px}.selectContainer select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.selectContainer::after{content:"\\025be";display:table-cell;text-align:center;padding-top:7px;width:30px;height:30px;position:absolute;top:14px;right:20px;pointer-events:none}form .error{color:red;font-size:12px;text-align:left;margin:-15px 0 15px;padding:0;width:90%}.error:after{content:" ";display:block}.card{width:90%;margin:2% auto;border-radius:12px}@media (max-width:412px){.card{width:100%}.cnt-captcha{transform:scale(.77)}}@media (max-width:575.98px){.card{width:100%}.cnt-captcha{transform:scale(.77)}}@media (max-width:880.98px){.cnt-captcha{transform:scale(.82)}}input[type=date]::-webkit-calendar-picker-indicator{background:0 0;bottom:0;color:transparent;cursor:pointer;height:auto;left:0;position:absolute;right:0;top:0;width:auto}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f5f5f5}::-webkit-scrollbar-thumb{background:#e0e0e0}::-webkit-scrollbar-thumb:hover{background:#bdbdbd}']})],e)}(),F=function(){function e(e){this.http=e}return e.prototype.getTemplate=function(e,t){return this.http.get(t+"/template/findByCompany/"+e)},e.prototype.reloadStylePage=function(e,t){for(var n,r,o=e.getElementsByClassName("template"),a=0;a<o.length;a++){var i=o[a],s="object"==typeof i.className?i.className.baseVal:i.className,l=s.indexOf("template"),d=s.substring(l,s.length).split(" ").filter((function(e){return-1!==e.indexOf("tmp_")}));try{for(var u=(n=void 0,m(d)),c=u.next();!c.done;c=u.next()){var p=c.value;null!=t[p]&&(p.includes("tmp_type_text_")&&(p.includes("tmp_type_text_6")?i.style.setProperty("--"+p,t[p].color):(i.style.color=t[p].color,s.includes("ratting-faces-v2")&&(i.style.backgroundColor=t[p].color,i.style.borderColor=t[p].color,i.style.color="white"))),p.includes("title1")&&(i.style.color="#EE7E0E"),p.includes("tmp_type_svg_")&&(i.style.fill=t[p].fill),p.includes("tmp_type_img_")&&("IMG"==i.nodeName?i.src=t[p].src:(i.style.background=t[p].background,i.style.backgroundSize=t[p].backgroundSize)),p.includes("tmp_type_head_")&&i.style.setProperty("--"+p,t[p].color),p.includes("tmp_type_footer_")&&i.style.setProperty("--"+p,t[p].color),s.includes("tmp_type_cnt_")&&(l=s.indexOf("tmp_type_cnt_"),t[p=s.substring(l,s.length).split(" ")[0]]&&(i.style.backgroundColor=t[p].backgroundColor)),p.includes("tmp_type_font_")&&i.style.setProperty("font-family",t[p]["font-family"],"important"))}}catch(e){n={error:e}}finally{try{c&&!c.done&&(r=u.return)&&r.call(u)}finally{if(n)throw n.error}}}},e.ctorParameters=function(){return[{type:r.HttpClient}]},e.ngInjectableDef=t.ɵɵdefineInjectable({factory:function(){return new e(t.ɵɵinject(r.HttpClient))},token:e,providedIn:"root"}),e=u([t.Injectable({providedIn:"root"})],e)}(),C=function(){},Q=function(){function e(){}return e=u([t.NgModule({declarations:[q],imports:[i.CommonModule,n.FormsModule,s.RecaptchaModule,s.RecaptchaFormsModule],exports:[q]})],e)}();e.CommonDataService=f,e.CommonTemplateService=F,e.CustomAdapter=g,e.CustomDateParserFormatter=y,e.CustomDatepickerI18n=b,e.Fill=C,e.FormAuroraComponent=q,e.FormAuroraModule=Q,e.I18n=x,e.regexType=p,Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
16
16
|
//# sourceMappingURL=form-aurora-stefanini.umd.min.js.map
|
|
@@ -671,7 +671,7 @@ tslib_1.__decorate([
|
|
|
671
671
|
FormAuroraComponent = tslib_1.__decorate([
|
|
672
672
|
Component({
|
|
673
673
|
selector: 'lib-FormAurora',
|
|
674
|
-
template: "<div class=\"card\">\r\n <span class=\"text-center mt-2 d-none d-sm-block\" *ngIf=\"!isSimpleFlow\">\r\n <img style=\"width: 115px; height:96px;\" [class]=\"dataClassCss.logo\" id=\"logo\">\r\n </span>\r\n <div class=\"text-center mt-2 d-none d-sm-block\" *ngIf=\"isSimpleFlow\" style=\"margin-top: 4%!important;\">\r\n </div>\r\n <div class=\"card-body pt-0\">\r\n <ng-container *ngIf=\"schedule\">\r\n <h4 class=\"card-title text-center mb-0\" [class]=\"dataClassCss.bienvenida2\" style=\"color: #EE7E0E;\">\r\n Horarios de atenci\u00F3n\r\n </h4>\r\n <small class=\"text-center d-block\">{{schedule}}</small>\r\n </ng-container>\r\n <form #formDynamic=\"ngForm\">\r\n <div *ngFor=\"let control of dataForm?.formQuestions; let index = index; trackBy: trackByIndex\">\r\n <div\r\n *ngIf=\"(index > 0 && (dataForm.formQuestions[index - 1].question.questionType.id == 3 && dataForm.formQuestions[index].question.questionType.id == 2)) || (index < dataForm.formQuestions.length && dataForm.formQuestions[index].question.questionType.id == 3 && dataForm.formQuestions[index + 1].question.questionType.id == 2); else switchTemp\">\r\n <div class=\"row\"\r\n *ngIf=\"(index > 0 && (dataForm.formQuestions[index - 1].question.questionType.id == 3 && dataForm.formQuestions[index].question.questionType.id == 2))\">\r\n <div class=\"col-lg-6 col-xs-12\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index - 1].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left;\">\r\n <span class=\"h6 small bg-white text-muted\">{{dataForm.formQuestions[index -\r\n 1].question.label}}</span>\r\n </label>\r\n <div class=\"selectContainer\">\r\n <select [name]=\"dataForm.formQuestions[index - 1].question.value\"\r\n [required]=\"dataForm.formQuestions[index - 1].question.required\"\r\n [class]=\"dataClassCss.formcontrol\"\r\n id=\"{{dataForm.formQuestions[index - 1].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [(ngModel)]=\"defaultDocType !== '' ? defaultDocType : dataForm.formQuestions[index - 1].question.registred\">\r\n <option value=\"\" selected disabled hidden>Selecciona</option>\r\n <ng-container\r\n *ngFor=\"let item of dataForm.formQuestions[index - 1].question.questionAnswers\">\r\n <option *ngIf=\"item.answer.state.id == 1\" [value]=\"item.answer.value\">\r\n {{ item.answer.field }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n <div style=\"margin-left: 15px;\"\r\n *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\r\n <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index-1].question.value\"\r\n hidden></span>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-6 col-xs-12\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\"\r\n class=\"col-sm-12 p-sm-0 px-sm-1\" style=\"display: block; text-align: left;\">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" pattern=\"\\d*\" inputmode=\"numeric\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [name]=\"dataForm.formQuestions[index].question.value\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (keyup)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n onkeypress=\"onkeypress($event)\" onkeyup=\"(this.value=(value.replace(/[.]*/g,'')))\"\r\n maxlength=\"dataForm.formQuestions[index].question.maxLength\"\r\n [minLength]=\"dataForm.formQuestions[index].question.minLength\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n [class]=\"dataClassCss.formcontrol\" />\r\n\r\n </div>\r\n\r\n <div style=\"margin-left: 15px;\"\r\n *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\r\n <span class=\"error\" [id]=\"'rq'+dataForm.formQuestions[index].question.value\"\r\n *ngIf=\"validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid\">\r\n Este campo es obligatorio</span>\r\n <span class=\"error\" [id]=\"'ml'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser m\u00EDnimo de\r\n {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'mxl'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser maximo de\r\n {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index].question.value\"\r\n hidden></span>\r\n <span *ngIf=\"patternNotValidDcto === true\" class=\"error\">Formato no valido</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <ng-template #switchTemp>\r\n <div [ngSwitch]=\"dataForm.formQuestions[index].question.questionType.id\">\r\n <div *ngSwitchCase=\"1\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; \">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n style=\"margin-top: -1rem !important;\" />\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"2\">\r\n\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left;\">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" pattern=\"\\d*\" inputmode=\"numeric\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [name]=\"dataForm.formQuestions[index].question.value\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n onkeypress=\"onkeypress($event)\" onkeyup=\"(this.value=(value.replace(/[.]*/g,'')))\"\r\n maxlength=\"dataForm.formQuestions[index].question.maxLength\"\r\n [minLength]=\"dataForm.formQuestions[index].question.minLength\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n [class]=\"dataClassCss.formcontrol\" />\r\n <span *ngIf=\"patternNotValidCel === true\" class=\"error\">Formato no valido</span>\r\n </div>\r\n\r\n </div>\r\n <div *ngSwitchCase=\"3\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left;\">\r\n <span\r\n class=\"h6 small bg-white text-muted\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <select [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [class]=\"dataClassCss.formcontrol\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [(ngModel)]=\"defaultDocType !== '' ? defaultDocType : dataForm.formQuestions[index].question.registred\">\r\n <option value=\"\" selected disabled hidden>Selecciona</option>\r\n <ng-container\r\n *ngFor=\"let item of dataForm.formQuestions[index].question.questionAnswers\">\r\n <option *ngIf=\"item.answer.state.id == 1\" [value]=\"item.answer.value\">\r\n {{ item.answer.field }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"4\">\r\n <select class=\"{{ dataClassCss.formcontrol }} select-checkbox\"\r\n style=\"overflow: hidden; border-style: hidden;\"\r\n [style.height.px]=\"dataForm.formQuestions[index].question.questionAnswers.length * 24\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\" ngModel multiple>\r\n <option (mousemove)=\"$event.preventDefault()\"\r\n *ngFor=\"let item of dataForm.formQuestions[index].question.questionAnswers\"\r\n [value]=\"item.answer.value\">\r\n {{ item.answer.field }}\r\n </option>\r\n </select>\r\n </div>\r\n <div *ngSwitchCase=\"5\">\r\n <a (click)=\"rediretoutside($event,dataForm.formQuestions[index].question)\" href=\"\">\r\n <span>{{ dataForm.formQuestions[index].question.label }}</span>\r\n </a>\r\n </div>\r\n <div *ngSwitchCase=\"6\">\r\n <div [class]=\"dataClassCss.cl12\" [id]=\"'reCaptcha'\">\r\n <div class=\"cnt-captcha\">\r\n <re-captcha (resolved)=\"resolvedCaptcha($event)\"\r\n siteKey=\"6LfQisEZAAAAAARuuKFEAgS-x4qJse5uBA_QCA7v\"></re-captcha>\r\n <input hidden type=\"text\" [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\">\r\n </div>\r\n <span class=\"error\" *ngIf=\"watchValid && !captchaValid\" style=\"margin-top: 0;\">\r\n Debe resolver la captcha para continuar\r\n </span>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"7\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; margin-bottom: 0 ;\">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input placeholder=\"dd/mm/aaaa\" style=\"margin-top: -0.4rem !important;\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [name]=\"dataForm.formQuestions[index].question.value\" type=\"date\" min=\"{{minDate}}\"\r\n max=\"{{maxDate}}\" [maxlength]=\"10\" (paste)=\"false\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.txtCalendar\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n (keydown)=\"cancellKeypress()\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\">\r\n\r\n <button class=\"btn\" id=\"{{dataForm.formQuestions[index].question.value}}\" type=\"button\"\r\n style=\"width: 46px;\r\n top: 12px;\r\n color: white;\r\n right: 15px;\r\n position: absolute;\r\n background: #D25D42;\r\n pointer-events: none;\">\r\n <i class=\"fa fa-calendar\"></i>\r\n </button>\r\n\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"8\">\r\n <div [class]=\"dataClassCss.cl12\" style=\"text-align: left; margin-bottom: 10px;\">\r\n <input\r\n style=\"width: 4% !important; height: auto !important; display: inline !important;\"\r\n type=\"checkbox\" [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n [class]=\"dataClassCss.formcontrol\">\r\n <a target=\"_blank\" style=\"text-decoration: underline;color:blue;cursor: pointer;\"\r\n id=\"txtPoliticas\" (click)=\"tycSelection($event)\">\r\n {{dataForm.formQuestions[index].question.label}}\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"9\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; \">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (keypress)=\"validOnlyText($event)\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n style=\"margin-top: -1rem !important;\" />\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"10\">\r\n <div [class]=\"dataClassCss.cl12\" style=\"text-align: left; margin-bottom: 10px;\">\r\n <input\r\n style=\"width: 4% !important; height: auto !important; display: inline !important;\"\r\n type=\"checkbox\" [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\">\r\n <a target=\"_blank\" style=\"text-decoration: underline;color:blue;cursor: pointer;\"\r\n id=\"check{{dataForm.formQuestions[index].question.id}}\"\r\n (click)=\"openLabelUrl($event,dataForm.formQuestions[index].question)\">\r\n {{dataForm.formQuestions[index].question.label}}\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"11\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; \">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (keypress)=\"validateNotSpace($event)\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n style=\"margin-top: -1rem !important;\" />\r\n </div>\r\n </div>\r\n <div *ngSwitchDefault>Tipo de control no detectado</div>\r\n <div style=\"margin-left: 15px;\"\r\n *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\r\n <span class=\"error\" [id]=\"'rq'+dataForm.formQuestions[index].question.value\"\r\n *ngIf=\"validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid\">\r\n Este campo es obligatorio</span>\r\n <span class=\"error\" [id]=\"'ml'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser m\u00EDnimo de\r\n {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'mxl'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser maximo de\r\n {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index].question.value\"\r\n hidden></span>\r\n <span class=\"error\" [id]=\"dataForm.formQuestions[index].question.id\" hidden></span>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </div>\r\n <section *ngIf=\"isSimpleFlow\">\r\n <div *ngFor=\"let step of steps let index = index;\">\r\n <div [class]=\"dataClassCss.cl12\" *ngIf=\"step.viewData\">\r\n <label for=\"{{step.id}}\" class=\"col-sm-12\" style=\"display: block; text-align: left;\">\r\n <span class=\"h6 small bg-white text-muted\">{{step.step}}</span>\r\n </label>\r\n <select [name]=\"step.step\" [required]=\"true\" [class]=\"dataClassCss.formcontrol\"\r\n id=\"{{step.step}}\" style=\"margin-top: -1rem !important;\" [(ngModel)]=\"step.value\"\r\n (ngModelChange)=\"onChangeStep(step,steps[index+1],$event)\">\r\n <option value=\"\" selected disabled hidden>Selecciona</option>\r\n <ng-container *ngFor=\"let subitem of step.viewData\">\r\n <option [value]=\"subitem.id\">\r\n {{ subitem.description }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n </section>\r\n <div class=\"mt-3 text-center\">\r\n <button type=\"button\" [class]=\"dataClassCss.btn\" (click)=\"onSubmit()\" [disabled]=\"!formDynamic.valid\"\r\n id=\"btnIng\">Ingresar</button>\r\n </div>\r\n </form>\r\n </div>\r\n</div>",
|
|
674
|
+
template: "<div class=\"card\">\r\n <span class=\"text-center mt-2 d-none d-sm-block\" *ngIf=\"!isSimpleFlow\">\r\n <img style=\"width: 115px; height:96px;\" [class]=\"dataClassCss.logo\" id=\"logo\">\r\n </span>\r\n <div class=\"text-center mt-2 d-none d-sm-block\" *ngIf=\"isSimpleFlow\" style=\"margin-top: 4%!important;\">\r\n </div>\r\n <div class=\"card-body pt-0\">\r\n <ng-container *ngIf=\"schedule\">\r\n <h4 class=\"card-title text-center mb-0\" [class]=\"dataClassCss.bienvenida2\" style=\"color: #EE7E0E;\">\r\n Horarios de atenci\u00F3n\r\n </h4>\r\n <small class=\"text-center d-block\">{{schedule}}</small>\r\n </ng-container>\r\n <form #formDynamic=\"ngForm\">\r\n <div *ngFor=\"let control of dataForm?.formQuestions; let index = index; trackBy: trackByIndex\">\r\n <div\r\n *ngIf=\"(index > 0 && (dataForm.formQuestions[index - 1].question.questionType.id == 3 && dataForm.formQuestions[index].question.questionType.id == 2)) || (index < dataForm.formQuestions.length && dataForm.formQuestions[index].question.questionType.id == 3 && dataForm.formQuestions[index + 1].question.questionType.id == 2); else switchTemp\">\r\n <div class=\"row\"\r\n *ngIf=\"(index > 0 && (dataForm.formQuestions[index - 1].question.questionType.id == 3 && dataForm.formQuestions[index].question.questionType.id == 2))\">\r\n <div class=\"col-lg-6 col-xs-12\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index - 1].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left;\">\r\n <span class=\"h6 small bg-white text-muted\">{{dataForm.formQuestions[index -\r\n 1].question.label}}</span>\r\n </label>\r\n <div class=\"selectContainer\">\r\n <select [name]=\"dataForm.formQuestions[index - 1].question.value\"\r\n [required]=\"dataForm.formQuestions[index - 1].question.required\"\r\n [class]=\"dataClassCss.formcontrol\"\r\n id=\"{{dataForm.formQuestions[index - 1].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [(ngModel)]=\"defaultDocType !== '' ? defaultDocType : dataForm.formQuestions[index - 1].question.registred\">\r\n <option value=\"\" selected disabled hidden>Selecciona</option>\r\n <ng-container\r\n *ngFor=\"let item of dataForm.formQuestions[index - 1].question.questionAnswers\">\r\n <option *ngIf=\"item.answer.state.id == 1\" [value]=\"item.answer.value\">\r\n {{ item.answer.field }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n <div style=\"margin-left: 15px;\"\r\n *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\r\n <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index-1].question.value\"\r\n hidden></span>\r\n </div>\r\n </div>\r\n <div class=\"col-lg-6 col-xs-12\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\"\r\n class=\"col-sm-12 p-sm-0 px-sm-1\" style=\"display: block; text-align: left;\">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" pattern=\"\\d*\" inputmode=\"numeric\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [name]=\"dataForm.formQuestions[index].question.value\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (keyup)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n onkeypress=\"onkeypress($event)\" onkeyup=\"(this.value=(value.replace(/[.]*/g,'')))\"\r\n maxlength=\"dataForm.formQuestions[index].question.maxLength\"\r\n [minLength]=\"dataForm.formQuestions[index].question.minLength\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n [class]=\"dataClassCss.formcontrol\" />\r\n\r\n </div>\r\n\r\n <div style=\"margin-left: 15px;\"\r\n *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\r\n <span class=\"error\" [id]=\"'rq'+dataForm.formQuestions[index].question.value\"\r\n *ngIf=\"validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid\">\r\n Este campo es obligatorio</span>\r\n <span class=\"error\" [id]=\"'ml'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser m\u00EDnimo de\r\n {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'mxl'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser maximo de\r\n {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index].question.value\"\r\n hidden></span>\r\n <span *ngIf=\"patternNotValidDcto === true\" class=\"error\">Formato no valido</span>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <ng-template #switchTemp>\r\n <div [ngSwitch]=\"dataForm.formQuestions[index].question.questionType.id\">\r\n <div *ngSwitchCase=\"1\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; \">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n style=\"margin-top: -1rem !important;\" />\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"2\">\r\n\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left;\">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" pattern=\"\\d*\" inputmode=\"numeric\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [name]=\"dataForm.formQuestions[index].question.value\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n onkeypress=\"onkeypress($event)\" onkeyup=\"(this.value=(value.replace(/[.]*/g,'')))\"\r\n maxlength=\"dataForm.formQuestions[index].question.maxLength\"\r\n [minLength]=\"dataForm.formQuestions[index].question.minLength\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n [class]=\"dataClassCss.formcontrol\" />\r\n <span *ngIf=\"patternNotValidCel === true\" class=\"error\">Formato no valido</span>\r\n </div>\r\n\r\n </div>\r\n <div *ngSwitchCase=\"3\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left;\">\r\n <span\r\n class=\"h6 small bg-white text-muted\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <select [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [class]=\"dataClassCss.formcontrol\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n style=\"margin-top: -1rem !important;\"\r\n [(ngModel)]=\"defaultDocType !== '' ? defaultDocType : dataForm.formQuestions[index].question.registred\">\r\n <option value=\"\" selected disabled hidden>Selecciona</option>\r\n <ng-container\r\n *ngFor=\"let item of dataForm.formQuestions[index].question.questionAnswers\">\r\n <option *ngIf=\"item.answer.state.id == 1\" [value]=\"item.answer.value\">\r\n {{ item.answer.field }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"4\">\r\n <select class=\"{{ dataClassCss.formcontrol }} select-checkbox\"\r\n style=\"overflow: hidden; border-style: hidden;\"\r\n [style.height.px]=\"dataForm.formQuestions[index].question.questionAnswers.length * 24\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\" ngModel multiple>\r\n <option (mousemove)=\"$event.preventDefault()\"\r\n *ngFor=\"let item of dataForm.formQuestions[index].question.questionAnswers\"\r\n [value]=\"item.answer.value\">\r\n {{ item.answer.field }}\r\n </option>\r\n </select>\r\n </div>\r\n <div *ngSwitchCase=\"5\">\r\n <a (click)=\"rediretoutside($event,dataForm.formQuestions[index].question)\" href=\"\">\r\n <span>{{ dataForm.formQuestions[index].question.label }}</span>\r\n </a>\r\n </div>\r\n <div *ngSwitchCase=\"6\">\r\n <div [class]=\"dataClassCss.cl12\" [id]=\"'reCaptcha'\">\r\n <div class=\"cnt-captcha\">\r\n <re-captcha (resolved)=\"resolvedCaptcha($event)\"\r\n siteKey=\"6Lf9DcQfAAAAAI6HCNB5OyKUpOPpfl5ocoBJcigZ\"></re-captcha>\r\n <input hidden type=\"text\" [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\">\r\n </div>\r\n <span class=\"error\" *ngIf=\"watchValid && !captchaValid\" style=\"margin-top: 0;\">\r\n Debe resolver la captcha para continuar\r\n </span>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"7\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; margin-bottom: 0 ;\">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input placeholder=\"dd/mm/aaaa\" style=\"margin-top: -0.4rem !important;\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [name]=\"dataForm.formQuestions[index].question.value\" type=\"date\" min=\"{{minDate}}\"\r\n max=\"{{maxDate}}\" [maxlength]=\"10\" (paste)=\"false\"\r\n id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.txtCalendar\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n (keydown)=\"cancellKeypress()\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\">\r\n\r\n <button class=\"btn\" id=\"{{dataForm.formQuestions[index].question.value}}\" type=\"button\"\r\n style=\"width: 46px;\r\n top: 12px;\r\n color: white;\r\n right: 15px;\r\n position: absolute;\r\n background: #D25D42;\r\n pointer-events: none;\">\r\n <i class=\"fa fa-calendar\"></i>\r\n </button>\r\n\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"8\">\r\n <div [class]=\"dataClassCss.cl12\" style=\"text-align: left; margin-bottom: 10px;\">\r\n <input\r\n style=\"width: 4% !important; height: auto !important; display: inline !important;\"\r\n type=\"checkbox\" [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n [class]=\"dataClassCss.formcontrol\">\r\n <a target=\"_blank\" style=\"text-decoration: underline;color:blue;cursor: pointer;\"\r\n id=\"txtPoliticas\" (click)=\"tycSelection($event)\">\r\n {{dataForm.formQuestions[index].question.label}}\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"9\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; \">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (keypress)=\"validOnlyText($event)\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n style=\"margin-top: -1rem !important;\" />\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"10\">\r\n <div [class]=\"dataClassCss.cl12\" style=\"text-align: left; margin-bottom: 10px;\">\r\n <input\r\n style=\"width: 4% !important; height: auto !important; display: inline !important;\"\r\n type=\"checkbox\" [name]=\"dataForm.formQuestions[index].question.value\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\">\r\n <a target=\"_blank\" style=\"text-decoration: underline;color:blue;cursor: pointer;\"\r\n id=\"check{{dataForm.formQuestions[index].question.id}}\"\r\n (click)=\"openLabelUrl($event,dataForm.formQuestions[index].question)\">\r\n {{dataForm.formQuestions[index].question.label}}\r\n </a>\r\n </div>\r\n </div>\r\n <div *ngSwitchCase=\"11\">\r\n <div [class]=\"dataClassCss.cl12\">\r\n <label for=\"{{dataForm.formQuestions[index].question.value}}\" class=\"col-sm-12\"\r\n style=\"display: block; text-align: left; \">\r\n <span\r\n class=\"h6 small bg-white text-muted pt-1 pl-2 pr-2\">{{dataForm.formQuestions[index].question.label}}</span>\r\n </label>\r\n <input type=\"text\" id=\"{{dataForm.formQuestions[index].question.value}}\"\r\n [class]=\"dataClassCss.formcontrol\" placeholder=\"Escribe\"\r\n [required]=\"dataForm.formQuestions[index].question.required\"\r\n [maxlength]=\"dataForm.formQuestions[index].question.maxLength\"\r\n [name]=\"dataForm.formQuestions[index].question.value\"\r\n (keydown)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (change)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (blur)=\"onChangeValidPatter($event, dataForm.formQuestions[index].question)\"\r\n (keypress)=\"validateNotSpace($event)\"\r\n [(ngModel)]=\"dataForm.formQuestions[index].question.registred\"\r\n style=\"margin-top: -1rem !important;\" />\r\n </div>\r\n </div>\r\n <div *ngSwitchDefault>Tipo de control no detectado</div>\r\n <div style=\"margin-left: 15px;\"\r\n *ngIf=\"dataForm.formQuestions[index].question.questionType.id != 5 && dataForm.formQuestions[index].question.questionType.id != 6\">\r\n <span class=\"error\" [id]=\"'rq'+dataForm.formQuestions[index].question.value\"\r\n *ngIf=\"validRequired(formDynamic,dataForm.formQuestions[index].question) && watchValid\">\r\n Este campo es obligatorio</span>\r\n <span class=\"error\" [id]=\"'ml'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser m\u00EDnimo de\r\n {{ dataForm.formQuestions[index].question.minLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'mxl'+dataForm.formQuestions[index].question.value\" hidden>\r\n Debe ser maximo de\r\n {{ dataForm.formQuestions[index].question.maxLength }} caracteres</span>\r\n <span class=\"error\" [id]=\"'char'+dataForm.formQuestions[index].question.value\"\r\n hidden></span>\r\n <span class=\"error\" [id]=\"dataForm.formQuestions[index].question.id\" hidden></span>\r\n </div>\r\n </div>\r\n </ng-template>\r\n </div>\r\n <section *ngIf=\"isSimpleFlow\">\r\n <div *ngFor=\"let step of steps let index = index;\">\r\n <div [class]=\"dataClassCss.cl12\" *ngIf=\"step.viewData\">\r\n <label for=\"{{step.id}}\" class=\"col-sm-12\" style=\"display: block; text-align: left;\">\r\n <span class=\"h6 small bg-white text-muted\">{{step.step}}</span>\r\n </label>\r\n <select [name]=\"step.step\" [required]=\"true\" [class]=\"dataClassCss.formcontrol\"\r\n id=\"{{step.step}}\" style=\"margin-top: -1rem !important;\" [(ngModel)]=\"step.value\"\r\n (ngModelChange)=\"onChangeStep(step,steps[index+1],$event)\">\r\n <option value=\"\" selected disabled hidden>Selecciona</option>\r\n <ng-container *ngFor=\"let subitem of step.viewData\">\r\n <option [value]=\"subitem.id\">\r\n {{ subitem.description }}\r\n </option>\r\n </ng-container>\r\n </select>\r\n </div>\r\n </div>\r\n </section>\r\n <div class=\"mt-3 text-center\">\r\n <button type=\"button\" [class]=\"dataClassCss.btn\" (click)=\"onSubmit()\" [disabled]=\"!formDynamic.valid\"\r\n id=\"btnIng\">Ingresar</button>\r\n </div>\r\n </form>\r\n </div>\r\n</div>",
|
|
675
675
|
providers: [
|
|
676
676
|
{ provide: NgbDateAdapter, useClass: CustomAdapter },
|
|
677
677
|
{ provide: NgbDateParserFormatter, useClass: CustomDateParserFormatter },
|