survery-lib 2.1.21 → 2.1.24

package/fesm2022/survery-lib.mjs

@@ -149,7 +149,9 @@ const addQuestion = createAction('[Survey library] Add Question', props());
 const updateQuestionAnswer = createAction('[Survey library] Update Question Answer', props());
 const updateInstitutionQuestionAnswer = createAction('[Survey library] Update Institution Question Answer', props());
 const updateQuestionShow = createAction('[Survey library] Update Question Show', props());
+const updateQuestionsShow = createAction('[Survey library] Update Questions Show', props());
 const updateQuestionDisable = createAction('[Survey library] Update Question Disable', props());
+const updateQuestionsDisable = createAction('[Survey library] Update Questions Disable', props());
 const updateQuestionRequired = createAction('[Survey library] Update Question Required', props());
 const removeQuestion = createAction('[Survey library] Remove Question', props());
 const updatePageId = createAction('[Survey library] Update Page Id', props());
@@ -161,7 +163,9 @@ const surveyActions = {
     updateQuestionAnswer,
     updateInstitutionQuestionAnswer,
     updateQuestionShow,
+    updateQuestionsShow,
     updateQuestionDisable,
+    updateQuestionsDisable,
     updateQuestionRequired,
     removeQuestion,
     updatePageId,
@@ -684,6 +688,9 @@ class QuestionTextTemplateComponent {
                 isDisabled: value.questionAllInfo.isReadOnly,
                 isShow: value.questionAllInfo.isVisable
             });
+            if (value.isShow == true) {
+                this.fCtrls.isShow.setValue(value.isShow);
+            }
             if (value.questionAllInfo.surveyAnswers[0]?.answerId != null && value.questionAllInfo.surveyAnswers[0]?.answerId != undefined) {
                 this.fCtrls.surveyAnswerId.setValue(value.questionAllInfo.surveyAnswers[0].answerId);
                 this.fCtrls.inputTypeId.setValue(value.questionAllInfo.surveyAnswers[0].inputTypeId);
@@ -2039,11 +2046,11 @@ class QuestionInstitutionsTemplateComponent {
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: QuestionInstitutionsTemplateComponent, deps: [{ token: i3.Store }, { token: i1.FormBuilder }, { token: ApiService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: QuestionInstitutionsTemplateComponent, selector: "lib-question-institutions-template", inputs: { isArabicLang: "isArabicLang", setQuestion: "setQuestion" }, ngImport: i0, template: "<div class=\"quastion\">\n  <h3 class=\"quastion-title mb-2\">\n    <span [innerHTML]=\"fCtrls.title.value\"></span>\n  </h3>\n  <ng-container *ngFor=\"let item of questionFormArray.controls; trackBy:identify ; let i = index\">\n    <div class=\"quastion\" [attr.id]=\"'question_'+item.value.id\"\n      *ngIf=\"item.value.level == 1 || ( item.value.level > 1 && item.value.answers.length > 0 )\"\n      [ngClass]=\"{'invalid-question': item.controls.answerId.invalid  , 'd-none':fCtrls.isShow.value != true}\">\n      <h3 class=\"quastion-title \">\n        <span [innerHTML]=\"item.value.title\"></span>\n        <span style=\"color: red;\" *ngIf=\"fCtrls.isRequired\">*</span>\n      </h3>\n      <div class=\"text-quastion text-quastion__dropdown\">\n        <ng-select [items]=\"item.value.level ==1 ? institutionsQuestionArr() : item.value.answers\" bindValue=\"id\" bindLabel=\"name\" class=\"form-control\"\n          [formControl]=\"item.controls.answerId\" [virtualScroll]=\"true\" [disabled]=\"fCtrls.isDisabled.value\" (change)=\"onUpdateAnswer($event,i)\"\n          [multiple]=\"false\">\n        </ng-select>\n      </div>\n    </div>\n\n  </ng-container>\n</div>\n\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.7", type: QuestionInstitutionsTemplateComponent, selector: "lib-question-institutions-template", inputs: { isArabicLang: "isArabicLang", setQuestion: "setQuestion" }, ngImport: i0, template: "<div class=\"quastion\">\r\n  <h3 class=\"quastion-title mb-2\">\r\n    <span [innerHTML]=\"fCtrls.title.value\"></span>\r\n  </h3>\r\n  <ng-container *ngFor=\"let item of questionFormArray.controls; trackBy:identify ; let i = index\">\r\n    <div class=\"quastion\" [attr.id]=\"'question_'+item.value.id\"\r\n      *ngIf=\"item.value.level == 1 || ( item.value.level > 1 && item.value.answers.length > 0 )\"\r\n      [ngClass]=\"{'invalid-question': item.controls.answerId.invalid  , 'd-none':fCtrls.isShow.value != true}\">\r\n      <h3 class=\"quastion-title \">\r\n        <span [innerHTML]=\"item.value.title\"></span>\r\n        <span style=\"color: red;\" *ngIf=\"fCtrls.isRequired\">*</span>\r\n      </h3>\r\n      <div class=\"text-quastion text-quastion__dropdown\">\r\n        <ng-select [items]=\"item.value.level ==1 ? institutionsQuestionArr() : item.value.answers\" bindValue=\"id\" bindLabel=\"name\" class=\"form-control\"\r\n          [formControl]=\"item.controls.answerId\" [virtualScroll]=\"true\" [disabled]=\"fCtrls.isDisabled.value\" (change)=\"onUpdateAnswer($event,i)\"\r\n          [multiple]=\"false\">\r\n        </ng-select>\r\n      </div>\r\n    </div>\r\n\r\n  </ng-container>\r\n</div>\r\n\r\n", styles: [""], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: QuestionInstitutionsTemplateComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-question-institutions-template', template: "<div class=\"quastion\">\n  <h3 class=\"quastion-title mb-2\">\n    <span [innerHTML]=\"fCtrls.title.value\"></span>\n  </h3>\n  <ng-container *ngFor=\"let item of questionFormArray.controls; trackBy:identify ; let i = index\">\n    <div class=\"quastion\" [attr.id]=\"'question_'+item.value.id\"\n      *ngIf=\"item.value.level == 1 || ( item.value.level > 1 && item.value.answers.length > 0 )\"\n      [ngClass]=\"{'invalid-question': item.controls.answerId.invalid  , 'd-none':fCtrls.isShow.value != true}\">\n      <h3 class=\"quastion-title \">\n        <span [innerHTML]=\"item.value.title\"></span>\n        <span style=\"color: red;\" *ngIf=\"fCtrls.isRequired\">*</span>\n      </h3>\n      <div class=\"text-quastion text-quastion__dropdown\">\n        <ng-select [items]=\"item.value.level ==1 ? institutionsQuestionArr() : item.value.answers\" bindValue=\"id\" bindLabel=\"name\" class=\"form-control\"\n          [formControl]=\"item.controls.answerId\" [virtualScroll]=\"true\" [disabled]=\"fCtrls.isDisabled.value\" (change)=\"onUpdateAnswer($event,i)\"\n          [multiple]=\"false\">\n        </ng-select>\n      </div>\n    </div>\n\n  </ng-container>\n</div>\n\n" }]
+            args: [{ selector: 'lib-question-institutions-template', template: "<div class=\"quastion\">\r\n  <h3 class=\"quastion-title mb-2\">\r\n    <span [innerHTML]=\"fCtrls.title.value\"></span>\r\n  </h3>\r\n  <ng-container *ngFor=\"let item of questionFormArray.controls; trackBy:identify ; let i = index\">\r\n    <div class=\"quastion\" [attr.id]=\"'question_'+item.value.id\"\r\n      *ngIf=\"item.value.level == 1 || ( item.value.level > 1 && item.value.answers.length > 0 )\"\r\n      [ngClass]=\"{'invalid-question': item.controls.answerId.invalid  , 'd-none':fCtrls.isShow.value != true}\">\r\n      <h3 class=\"quastion-title \">\r\n        <span [innerHTML]=\"item.value.title\"></span>\r\n        <span style=\"color: red;\" *ngIf=\"fCtrls.isRequired\">*</span>\r\n      </h3>\r\n      <div class=\"text-quastion text-quastion__dropdown\">\r\n        <ng-select [items]=\"item.value.level ==1 ? institutionsQuestionArr() : item.value.answers\" bindValue=\"id\" bindLabel=\"name\" class=\"form-control\"\r\n          [formControl]=\"item.controls.answerId\" [virtualScroll]=\"true\" [disabled]=\"fCtrls.isDisabled.value\" (change)=\"onUpdateAnswer($event,i)\"\r\n          [multiple]=\"false\">\r\n        </ng-select>\r\n      </div>\r\n    </div>\r\n\r\n  </ng-container>\r\n</div>\r\n\r\n" }]
         }], ctorParameters: function () { return [{ type: i3.Store }, { type: i1.FormBuilder }, { type: ApiService }]; }, propDecorators: { isArabicLang: [{
                 type: Input
             }], setQuestion: [{
@@ -2344,6 +2351,15 @@ const _surveyReducer = createReducer(initialSurveyState, on(surveyActions.loadSu
             }
         }, state.questionArr)
     };
+}), on(surveyActions.updateQuestionsShow, (state, props) => {
+    const updates = props.questionIds.map(id => ({
+        id,
+        changes: { isShow: props.isShow }
+    }));
+    return {
+        ...state,
+        questionArr: questionAdapter.updateMany(updates, state.questionArr)
+    };
 }), on(surveyActions.updateQuestionDisable, (state, props) => {
     const question = selectAll(state.questionArr).find(x => x.questionId == props.questionId);
     return {
@@ -2355,6 +2371,15 @@ const _surveyReducer = createReducer(initialSurveyState, on(surveyActions.loadSu
             }
         }, state.questionArr)
     };
+}), on(surveyActions.updateQuestionsDisable, (state, props) => {
+    const updates = props.questionIds.map(id => ({
+        id,
+        changes: { isDisabled: props.isDisabled }
+    }));
+    return {
+        ...state,
+        questionArr: questionAdapter.updateMany(updates, state.questionArr)
+    };
 }), on(surveyActions.updateQuestionRequired, (state, props) => {
     const question = selectAll(state.questionArr).find(x => x.questionId == props.questionId);
     return {
@@ -2413,6 +2438,8 @@ class SurveyEffects {
             });
             var selectedRuleIdArr = formatedRuleArr.filter(x => x.questionId == action.questionId).map(x => Number(x.ruleId));
             var arr = ruleArr.filter(x => selectedRuleIdArr.find(c => c == x.ruleId) != null);
+            var toggleShowedQuestionIds = [];
+            var toggleDisabledQuestionIds = [];
             arr.forEach(rule => {
                 this._checkRuleExpsUsecase.execute({
                     ruleExps: rule.ruleExps,
@@ -2422,28 +2449,16 @@ class SurveyEffects {
                     if (isPassed) {
                         rule.ruleResultQuestions.forEach(resultQuestion => {
                             if (rule.logicActionId == LogicActionEnum.Show) {
-                                this._store.dispatch(surveyActions.updateQuestionShow({
-                                    questionId: resultQuestion.questionId,
-                                    isShow: true
-                                }));
+                                toggleShowedQuestionIds.push({ questionId: resultQuestion.questionId, isShow: true });
                             }
                             else if (rule.logicActionId == LogicActionEnum.Hide) {
-                                this._store.dispatch(surveyActions.updateQuestionShow({
-                                    questionId: resultQuestion.questionId,
-                                    isShow: false
-                                }));
+                                toggleShowedQuestionIds.push({ questionId: resultQuestion.questionId, isShow: false });
                             }
                             else if (rule.logicActionId == LogicActionEnum.Enable) {
-                                this._store.dispatch(surveyActions.updateQuestionDisable({
-                                    questionId: resultQuestion.questionId,
-                                    isDisabled: false
-                                }));
+                                toggleDisabledQuestionIds.push({ questionId: resultQuestion.questionId, isDisabled: false });
                             }
                             else if (rule.logicActionId == LogicActionEnum.Disable) {
-                                this._store.dispatch(surveyActions.updateQuestionDisable({
-                                    questionId: resultQuestion.questionId,
-                                    isDisabled: true
-                                }));
+                                toggleDisabledQuestionIds.push({ questionId: resultQuestion.questionId, isDisabled: true });
                             }
                             else if (rule.logicActionId == LogicActionEnum.SetAnswer) {
                             }
@@ -2453,28 +2468,16 @@ class SurveyEffects {
                                 var subQuestions = questionArr.filter(x => x.parentQuestionId == question.questionId);
                                 subQuestions.forEach(subQuestion => {
                                     if (rule.logicActionId == LogicActionEnum.Show) {
-                                        this._store.dispatch(surveyActions.updateQuestionShow({
-                                            questionId: subQuestion.questionId,
-                                            isShow: true
-                                        }));
+                                        toggleShowedQuestionIds.push({ questionId: subQuestion.questionId, isShow: true });
                                     }
                                     else if (rule.logicActionId == LogicActionEnum.Hide) {
-                                        this._store.dispatch(surveyActions.updateQuestionShow({
-                                            questionId: subQuestion.questionId,
-                                            isShow: false
-                                        }));
+                                        toggleShowedQuestionIds.push({ questionId: subQuestion.questionId, isShow: false });
                                     }
                                     else if (rule.logicActionId == LogicActionEnum.Enable) {
-                                        this._store.dispatch(surveyActions.updateQuestionDisable({
-                                            questionId: subQuestion.questionId,
-                                            isDisabled: false
-                                        }));
+                                        toggleDisabledQuestionIds.push({ questionId: subQuestion.questionId, isDisabled: false });
                                     }
                                     else if (rule.logicActionId == LogicActionEnum.Disable) {
-                                        this._store.dispatch(surveyActions.updateQuestionDisable({
-                                            questionId: subQuestion.questionId,
-                                            isDisabled: true
-                                        }));
+                                        toggleDisabledQuestionIds.push({ questionId: subQuestion.questionId, isDisabled: true });
                                     }
                                 });
                             }
@@ -2483,18 +2486,59 @@ class SurveyEffects {
                     else {
                         rule.ruleResultQuestions.forEach(resultQuestion => {
                             const question = questionArr.find(x => x.questionId == resultQuestion.questionId);
-                            this._store.dispatch(surveyActions.updateQuestionShow({
-                                questionId: resultQuestion.questionId,
-                                isShow: question.isShow_default
-                            }));
-                            this._store.dispatch(surveyActions.updateQuestionDisable({
-                                questionId: resultQuestion.questionId,
-                                isDisabled: question.isDisabled_default
-                            }));
+                            if (question.isShow != question.isShow_default) {
+                                toggleShowedQuestionIds.push({ questionId: resultQuestion.questionId, isShow: question.isShow_default });
+                            }
+                            if (question.isDisabled != question.isDisabled_default) {
+                                toggleDisabledQuestionIds.push({ questionId: resultQuestion.questionId, isDisabled: question.isDisabled_default });
+                            }
+                            if (question.questionType == QuestionTypeEnum.Matrix && question.isQuestionGroup == true) {
+                                var subQuestions = questionArr.filter(x => x.parentQuestionId == question.questionId);
+                                subQuestions.forEach(subQuestion => {
+                                    if (subQuestion.isShow != subQuestion.isShow_default) {
+                                        toggleShowedQuestionIds.push({ questionId: subQuestion.questionId, isShow: subQuestion.isShow_default });
+                                    }
+                                    if (subQuestion.isDisabled != subQuestion.isDisabled_default) {
+                                        toggleDisabledQuestionIds.push({ questionId: subQuestion.questionId, isDisabled: question.isDisabled_default });
+                                    }
+                                });
+                            }
                         });
                     }
                 });
             });
+            const showedQuestionIds = toggleShowedQuestionIds.filter(x => x.isShow == true).map(x => x.questionId);
+            if (showedQuestionIds.length > 0) {
+                console.log('showedQuestionIds', showedQuestionIds);
+                this._store.dispatch(surveyActions.updateQuestionsShow({
+                    questionIds: showedQuestionIds,
+                    isShow: true
+                }));
+            }
+            const hiddenQuestionIds = toggleShowedQuestionIds.filter(x => x.isShow == false).map(x => x.questionId);
+            if (hiddenQuestionIds.length > 0) {
+                console.log('hiddenQuestionIds', hiddenQuestionIds);
+                this._store.dispatch(surveyActions.updateQuestionsShow({
+                    questionIds: hiddenQuestionIds,
+                    isShow: false
+                }));
+            }
+            const disabledQuestionIds = toggleDisabledQuestionIds.filter(x => x.isDisabled == true).map(x => x.questionId);
+            if (disabledQuestionIds.length > 0) {
+                console.log('disabledQuestionIds', disabledQuestionIds);
+                this._store.dispatch(surveyActions.updateQuestionsDisable({
+                    questionIds: disabledQuestionIds,
+                    isDisabled: true
+                }));
+            }
+            const enabledQuestionIds = toggleDisabledQuestionIds.filter(x => x.isDisabled == false).map(x => x.questionId);
+            if (enabledQuestionIds.length > 0) {
+                console.log('enabledQuestionIds', enabledQuestionIds);
+                this._store.dispatch(surveyActions.updateQuestionsDisable({
+                    questionIds: enabledQuestionIds,
+                    isDisabled: false
+                }));
+            }
             return of([]);
         })), { dispatch: false });
         this.loadInstitutionArr$ = createEffect(() => this._actions.pipe(ofType(surveyActions.loadInstitutionArr), withLatestFrom(this._store.select(surveySelectors.institutionArr)), filter(([action, institutionArr]) => institutionArr.length == 0), switchMap(() => {