ng-ipa-library 0.6.4 → 0.6.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/ng-ipa-library.umd.js +12 -41
- package/bundles/ng-ipa-library.umd.js.map +1 -1
- package/esm2015/lib/core/interceptors/error.interceptor.js +2 -2
- package/esm2015/lib/generate-form/generate-form.component.js +6 -35
- package/esm2015/lib/models/generateForm.model.js +1 -1
- package/fesm2015/ng-ipa-library.js +6 -35
- package/fesm2015/ng-ipa-library.js.map +1 -1
- package/lib/generate-form/generate-form.component.d.ts +2 -4
- package/lib/models/generateForm.model.d.ts +16 -16
- package/package.json +1 -1
- package/esm2015/lib/models/recaptcha.model.js +0 -2
- package/lib/models/recaptcha.model.d.ts +0 -8
|
@@ -787,7 +787,6 @@
|
|
|
787
787
|
var GenerateFormComponent = /** @class */ (function () {
|
|
788
788
|
function GenerateFormComponent(validationService) {
|
|
789
789
|
this.validationService = validationService;
|
|
790
|
-
// recaptcha inputs
|
|
791
790
|
this.recaptchaSize = 'normal';
|
|
792
791
|
this.lang = 'ar';
|
|
793
792
|
this.recaptchaType = 'image';
|
|
@@ -797,8 +796,6 @@
|
|
|
797
796
|
this.successUpload = new i0.EventEmitter();
|
|
798
797
|
this.fileAdded = new i0.EventEmitter();
|
|
799
798
|
this.fileDeleted = new i0.EventEmitter();
|
|
800
|
-
//recaptcha outputs
|
|
801
|
-
this.recaptchaOutput = new i0.EventEmitter();
|
|
802
799
|
}
|
|
803
800
|
GenerateFormComponent.prototype.ngOnInit = function () {
|
|
804
801
|
this.createForm();
|
|
@@ -841,18 +838,17 @@
|
|
|
841
838
|
: i2$1.Validators.nullValidator,
|
|
842
839
|
]));
|
|
843
840
|
}
|
|
844
|
-
_this.assignRecaptchaData(column);
|
|
845
841
|
});
|
|
846
842
|
};
|
|
847
843
|
GenerateFormComponent.prototype.addCheckboxControl = function (column) {
|
|
848
844
|
var _this = this;
|
|
849
845
|
var checkboxGroup = new i2$1.FormArray(column.data.map(function (item) {
|
|
850
|
-
var
|
|
851
|
-
return new i2$1.FormGroup((
|
|
852
|
-
|
|
853
|
-
|
|
854
|
-
|
|
855
|
-
|
|
846
|
+
var _a;
|
|
847
|
+
return new i2$1.FormGroup((_a = {},
|
|
848
|
+
_a[column.valueField] = new i2$1.FormControl(item[column.valueField]),
|
|
849
|
+
_a[column.textField] = new i2$1.FormControl(item[column.textField]),
|
|
850
|
+
_a.checkbox = new i2$1.FormControl(false, i2$1.Validators.required),
|
|
851
|
+
_a));
|
|
856
852
|
}));
|
|
857
853
|
this.generateForm.addControl(column.englishName, new i2$1.FormControl(null, column.required ? i2$1.Validators.required : i2$1.Validators.nullValidator));
|
|
858
854
|
this.generateForm.addControl('items', checkboxGroup);
|
|
@@ -867,36 +863,13 @@
|
|
|
867
863
|
});
|
|
868
864
|
};
|
|
869
865
|
GenerateFormComponent.prototype.getCheckboxSelectedValues = function (items) {
|
|
870
|
-
var
|
|
871
|
-
return
|
|
872
|
-
};
|
|
873
|
-
GenerateFormComponent.prototype.assignRecaptchaData = function (col) {
|
|
874
|
-
var _a, _b;
|
|
875
|
-
this.recaptchaSize =
|
|
876
|
-
col.recaptchaSize == 'compact'
|
|
877
|
-
? 'compact'
|
|
878
|
-
: col.recaptchaSize == 'normal'
|
|
879
|
-
? 'normal'
|
|
880
|
-
: this.recaptchaSize;
|
|
881
|
-
this.lang = (_a = col.lang) !== null && _a !== void 0 ? _a : this.lang;
|
|
882
|
-
this.recaptchaType =
|
|
883
|
-
col.recaptchaType == 'image'
|
|
884
|
-
? 'image'
|
|
885
|
-
: col.recaptchaType == 'audio'
|
|
886
|
-
? 'audio'
|
|
887
|
-
: this.recaptchaType;
|
|
888
|
-
this.theme =
|
|
889
|
-
col.theme == 'dark'
|
|
890
|
-
? 'dark'
|
|
891
|
-
: col.theme == 'light'
|
|
892
|
-
? 'light'
|
|
893
|
-
: this.theme;
|
|
894
|
-
this.useGlobalDomain = (_b = col.useGlobalDomain) !== null && _b !== void 0 ? _b : this.useGlobalDomain;
|
|
866
|
+
var selectedItems = items.filter(function (item) { return item.checkbox; });
|
|
867
|
+
return selectedItems.length > 0 ? selectedItems : null;
|
|
895
868
|
};
|
|
896
869
|
return GenerateFormComponent;
|
|
897
870
|
}());
|
|
898
871
|
GenerateFormComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: GenerateFormComponent, deps: [{ token: IPAFormService }], target: i0__namespace.ɵɵFactoryTarget.Component });
|
|
899
|
-
GenerateFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: GenerateFormComponent, selector: "ipa-generate-form", inputs: { generateForm: "generateForm", form: "form", recaptchaSize: "recaptchaSize", lang: "lang", recaptchaType: "recaptchaType", theme: "theme", useGlobalDomain: "useGlobalDomain"
|
|
872
|
+
GenerateFormComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.9", type: GenerateFormComponent, selector: "ipa-generate-form", inputs: { generateForm: "generateForm", form: "form", siteKey: "siteKey", recaptchaSize: "recaptchaSize", lang: "lang", recaptchaType: "recaptchaType", theme: "theme", useGlobalDomain: "useGlobalDomain" }, outputs: { successUpload: "successUpload", fileAdded: "fileAdded", fileDeleted: "fileDeleted" }, ngImport: i0__namespace, template: "<form [formGroup]=\"generateForm\">\r\n <ng-container *ngFor=\"let column of form.columns\">\r\n <div [ngSwitch]=\"column.type\">\r\n <!-- TEXTAREA -->\r\n <div *ngSwitchCase=\"'textArea'\">\r\n <ipa-textarea-input [formControlName]=\"column.englishName\" [id]=\"column.englishName\"\r\n [label]=\"column.arabicLabel\" [required]=\"column.required\" [pattern]=\"column.validationPattern!\"\r\n [patternErrorMsg]=\"column.patternErrorMsg!\" [classes]=\"column.inputClasses!\"\r\n [containerClasses]=\"column.containerClasses!\"></ipa-textarea-input>\r\n </div>\r\n\r\n <!-- DROP DOWN LIST -->\r\n <div *ngSwitchCase=\"'select'\">\r\n <ipa-dropdown-input [formControlName]=\"column.englishName\" [id]=\"column.englishName\"\r\n [label]=\"column.arabicLabel\" [items]=\"column.data!\" [valueField]=\"column.valueField!\"\r\n [textField]=\"column.textField!\" [required]=\"column.required\" [pattern]=\"column.validationPattern!\"\r\n [patternErrorMsg]=\"column.patternErrorMsg!\" [classes]=\"column.inputClasses!\"\r\n [containerClasses]=\"column.containerClasses!\">\r\n </ipa-dropdown-input>\r\n </div>\r\n\r\n <!-- CHECKBOX -->\r\n <div *ngSwitchCase=\"'checkbox'\">\r\n <label [for]=\"column.englishName\">{{column.arabicLabel}}</label>\r\n <div [formArrayName]=\"'items'\" *ngFor=\"let control of formControls.controls; let i = index\">\r\n <div [formGroupName]=\"i\" [id]=\"column.englishName\">\r\n <div class=\"form-check\">\r\n <input [id]=\"column.englishName+control.value.id\" class=\"form-check-input\" type=\"checkbox\"\r\n formControlName=\"checkbox\">\r\n <label class=\"form-check-label\" [for]=\"column.englishName+control.value.id\">\r\n {{control.value.description}}\r\n </label>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n *ngIf=\"getErrorMessage(column.englishName) !== null\">\r\n {{errorMsg}}\r\n </div>\r\n </div>\r\n\r\n <!-- RADIO -->\r\n <div *ngSwitchCase=\"'radio'\">\r\n <label [for]=\"column.englishName\">{{column.arabicLabel}}</label>\r\n <div *ngFor=\"let item of column.data; let i = index\" [id]=\"column.englishName\">\r\n <div class=\"form-check\">\r\n <input [id]=\"column.englishName+item.id\" class=\"form-check-input\" type=\"radio\"\r\n [formControlName]=\"column.englishName\" [value]=\"item.id\">\r\n <label class=\"form-check-label\" [for]=\"column.englishName+item.id\">\r\n {{item.description}}\r\n </label>\r\n </div>\r\n </div>\r\n <div class=\"invalid-feedback\" style=\"display: block !important;\"\r\n *ngIf=\"getErrorMessage(column.englishName) !== null\">\r\n {{errorMsg}}\r\n </div>\r\n </div>\r\n\r\n <!-- FILE UPLOAD -->\r\n <div *ngSwitchCase=\"'file'\">\r\n <ipa-file-upload [label]=\"column.arabicLabel\" [acceptedFiles]=\"column.acceptedFiles!\"\r\n [multiple]=\"column.multipleFile!\" [maxFileSize]=\"column.size!\" [method]=\"column.apiURlMethod!\"\r\n [autoUpload]=\"column.autoUploadFile!\" [apiUrl]=\"column.apiUrl?? 'apiUrl' \" [authorization]=\"column.authorization!\"\r\n ngDefaultControl [formControlName]=\"column.englishName\" (successUpload)=\"SuccessUpload($event)\"\r\n (fileAdded)=\"FileAdded($event, column.englishName)\"\r\n (fileDeleted)=\"FileDeleted($event, column.englishName)\"></ipa-file-upload>\r\n </div>\r\n\r\n <!-- recaptcha -->\r\n <div *ngSwitchCase=\"'recaptcha'\">\r\n <ipa-recaptcha [recaptchaSize]=\"recaptchaSize\" [lang]=\"lang\" [theme]=\"theme\"\r\n [recaptchaType]=\"recaptchaType\" [useGlobalDomain]=\"useGlobalDomain\"\r\n formControlName=\"{{column.englishName}}\"></ipa-recaptcha>\r\n </div>\r\n\r\n <!-- DEFAULT -->\r\n <div *ngSwitchDefault>\r\n <ipa-text-input [formControlName]=\"column.englishName\" [id]=\"column.englishName\" [type]=\"column.type\"\r\n [label]=\"column.arabicLabel\" [required]=\"column.required\" [pattern]=\"column.validationPattern!\"\r\n [patternErrorMsg]=\"column.patternErrorMsg!\" [classes]=\"column.inputClasses!\"\r\n [containerClasses]=\"column.containerClasses!\"></ipa-text-input>\r\n </div>\r\n </div>\r\n </ng-container>\r\n</form>", styles: [""], components: [{ type: TextareaInputComponent, selector: "ipa-textarea-input", inputs: ["id", "placeholder", "label", "required", "patternErrorMsg", "pattern", "classes", "containerClasses"] }, { type: DropdownInputComponent, selector: "ipa-dropdown-input", inputs: ["id", "label", "items", "textField", "valueField", "required", "disabled", "patternErrorMsg", "pattern", "classes", "containerClasses"] }, { type: FileUploadComponent, selector: "ipa-file-upload", inputs: ["label", "required", "acceptedFiles", "multiple", "maxFileSize", "method", "autoUpload", "apiUrl", "authorization"], outputs: ["successUpload", "fileAdded", "fileDeleted"] }, { type: RecaptchaComponent, selector: "ipa-recaptcha", inputs: ["siteKey", "recaptchaSize", "lang", "recaptchaType", "theme", "useGlobalDomain"] }, { type: TextInputComponent, selector: "ipa-text-input", inputs: ["id", "type", "placeholder", "label", "required", "patternErrorMsg", "pattern", "classes", "containerClasses"] }], directives: [{ type: i2__namespace$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i2__namespace$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i2__namespace$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3__namespace.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i2__namespace$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i2__namespace$1.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }, { type: i2__namespace$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { type: i2__namespace$1.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { type: i2__namespace$1.FormArrayName, selector: "[formArrayName]", inputs: ["formArrayName"] }, { type: i2__namespace$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { type: i2__namespace$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace$1.RadioControlValueAccessor, selector: "input[type=radio][formControlName],input[type=radio][formControl],input[type=radio][ngModel]", inputs: ["name", "formControlName", "value"] }, { type: i2__namespace$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i3__namespace.NgSwitchDefault, selector: "[ngSwitchDefault]" }] });
|
|
900
873
|
i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.9", ngImport: i0__namespace, type: GenerateFormComponent, decorators: [{
|
|
901
874
|
type: i0.Component,
|
|
902
875
|
args: [{
|
|
@@ -908,6 +881,8 @@
|
|
|
908
881
|
type: i0.Input
|
|
909
882
|
}], form: [{
|
|
910
883
|
type: i0.Input
|
|
884
|
+
}], siteKey: [{
|
|
885
|
+
type: i0.Input
|
|
911
886
|
}], recaptchaSize: [{
|
|
912
887
|
type: i0.Input
|
|
913
888
|
}], lang: [{
|
|
@@ -918,16 +893,12 @@
|
|
|
918
893
|
type: i0.Input
|
|
919
894
|
}], useGlobalDomain: [{
|
|
920
895
|
type: i0.Input
|
|
921
|
-
}], authorization: [{
|
|
922
|
-
type: i0.Input
|
|
923
896
|
}], successUpload: [{
|
|
924
897
|
type: i0.Output
|
|
925
898
|
}], fileAdded: [{
|
|
926
899
|
type: i0.Output
|
|
927
900
|
}], fileDeleted: [{
|
|
928
901
|
type: i0.Output
|
|
929
|
-
}], recaptchaOutput: [{
|
|
930
|
-
type: i0.Output
|
|
931
902
|
}] } });
|
|
932
903
|
|
|
933
904
|
var DatepickerComponent = /** @class */ (function () {
|
|
@@ -1717,7 +1688,7 @@
|
|
|
1717
1688
|
var toastrConfig = {
|
|
1718
1689
|
disableTimeOut: true,
|
|
1719
1690
|
};
|
|
1720
|
-
switch (response
|
|
1691
|
+
switch (response.statusCode) {
|
|
1721
1692
|
case 500:
|
|
1722
1693
|
_this.toastrService.error((response === null || response === void 0 ? void 0 : response.innerException) + ' ' + (response === null || response === void 0 ? void 0 : response.stackTrace), response.message, toastrConfig);
|
|
1723
1694
|
break;
|