npm - @bnsights/bbsf-admin-portal - Versions diffs - 1.0.98 → 1.0.99 - Mend

@bnsights/bbsf-admin-portal 1.0.98 → 1.0.99

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.

Files changed (60) hide show

package/esm2015/lib/Pages/shared/components/survey/survey-info/edit-question/edit-question.component.js CHANGED Viewed

@@ -669,7 +669,7 @@ export class EditQuestionComponent extends AppBaseComponent {
     }
 }
 EditQuestionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: EditQuestionComponent, deps: [{ token: i0.Injector }, { token: i1.SurveyQuestionService }], target: i0.ɵɵFactoryTarget.Component });
-EditQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: EditQuestionComponent, selector: "app-edit-question", inputs: { pagingElement: "pagingElement", onSuccessEditHandler: "onSuccessEditHandler" }, viewQueries: [{ propertyName: "EditModal", first: true, predicate: ["EditModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #EditModal let-modal>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title\" *ngIf=\"!isViewOnly\">\r\n      {{l(\"Edit_Question\")}}\r\n    </h4>\r\n    <h4 class=\"modal-title\" *ngIf=\"isViewOnly\">\r\n      {{l(\"Details\")}}\r\n    </h4>\r\n    <button type=\"button\" data-dismiss=\"modal\" class=\"btn btn-icon btn-sm\" (click)=\"modal.dismiss()\">\r\n      <div class=\"svg-icon svg-icon-1 svg-icon-hover-brand\" [inlineSVG]=\"'/assets/images/modalclose.svg'\">\r\n      </div>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    <BBSF-Form [options]=\"editSurveyQuestionFormOptions\" (OnChange)=\"changeFormStatus($event)\">\r\n          <BBSF-MultiLingualTextBox [options]=\"editQuestion\" [group]=\"editModelForm\"></BBSF-MultiLingualTextBox>\r\n          <BBSF-MultiLingualTextArea [options]=\"editDescription\" [group]=\"editModelForm\"></BBSF-MultiLingualTextArea>\r\n          <div class=\"row\">\r\n            <div class=\"col-md-6\" *ngIf=\"surveyAudienceTypeID==audienceType.Both\">\r\n              <BBSF-DropdownList [options]=\"audience\" [group]=\"editModelForm\"></BBSF-DropdownList>\r\n            </div>\r\n            <div class=\"col-md-6\">\r\n              <BBSF-DropdownList [options]=\"editQuestionType\" [group]=\"editModelForm\" (OnChange)=\"changeDataType($event)\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n            <div class=\"col-md-6\">\r\n              <BBSF-DropdownList [options]=\"editSize\" [group]=\"editModelForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n            <div class=\"col-md-6\" *ngIf=\"isSelect\" >\r\n              <BBSF-Toggleslide [options]=\"editAllowScore\" [group]=\"editModelForm\" (OnChange)=\"changeScoring($event)\"></BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-6\">\r\n              <BBSF-Toggleslide [options]=\"editIsActive\" [group]=\"editModelForm\"></BBSF-Toggleslide>\r\n            </div>\r\n            <div class=\"col-md-6 col-sm-6\">\r\n              <BBSF-Toggleslide [options]=\"editRequired\" [group]=\"editModelForm\"></BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n          <div class=\"row\">\r\n            <div class=\"col-md-6\" *ngIf=\"isText||isNumber\">\r\n              <BBSF-TextBox [options]=\"editMinLength\" *ngIf=\"isText||isNumber\" [group]=\"editModelForm\"></BBSF-TextBox>\r\n            </div>\r\n            <div class=\"col-md-6\" *ngIf=\"isText||isNumber\">\r\n              <BBSF-TextBox [options]=\"editMaxLength\" *ngIf=\"isText||isNumber\" [group]=\"editModelForm\"></BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n          <div class=\"row\">\r\n            <div class=\"col-md-6\" *ngIf=\"isFile||isMultiFile||isImage\">\r\n              <BBSF-TextBox [options]=\"editMaxFileSize\" *ngIf=\"isFile||isMultiFile||isImage\" [group]=\"editModelForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n            <div class=\"col-md-6\" *ngIf=\"isMultiFile\">\r\n              <BBSF-TextBox [options]=\"editMaxFileCount\" *ngIf=\"isMultiFile\" [group]=\"editModelForm\"></BBSF-TextBox>\r\n            </div>\r\n            <div class=\"col-md-6\" *ngIf=\"isFile||isMultiFile\">\r\n              <BBSF-DropdownList [options]=\"editFilesExtensions\" *ngIf=\"isFile||isMultiFile\" [group]=\"editModelForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n          <!-- <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"editDisplayOrder\" [group]=\"editModelForm\"></BBSF-TextBox>\r\n          </div>\r\n          </div> -->\r\n\r\n          <div *ngIf=\"isSelect\" class=\"question-type-option\">\r\n            <h5>{{l('Options')}}</h5>\r\n            <div cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n              <div class=\"card card-listing\" *ngFor=\"let Option of optionList;\" cdkDrag>\r\n                <div class=\"card-header mb-0\">\r\n                  <div class=\"title fs-6 fw-bolder\">\r\n                    {{getCurrentFailOver(Option.Name)}}\r\n                  </div>\r\n                  <div class=\"card-toolbar\">\r\n                    <span class=\"badge badge-square badge-dark me-4\" *ngIf=\"showScoreOption\" ngbTooltip=\"{{l('Score')}}\">\r\n                      {{Option.Score}}\r\n                    </span>\r\n\r\n                    <div class=\"badge badge-square badge-brand cursor-pointer me-4\" *ngIf=\"Option.LinkedQuestions?.length>0\" ngbTooltip=\"{{getLinkedQuestions(Option)}}\">\r\n                      <span class=\"svg-icon svg-icon-4 svg-icon-white\" [inlineSVG]=\"'/assets/images/info.svg'\">\r\n                      </span>\r\n                    </div>\r\n\r\n                    <div class=\"badge badge-square badge-brand cursor-pointer me-4\" (click)=\"editOption(Option)\">\r\n                      <span class=\"svg-icon svg-icon-4 svg-icon-white\" ngbTooltip=\"{{l('Edit')}}\" [inlineSVG]=\"'/assets/images/Edit.svg'\">\r\n                      </span>\r\n                    </div>\r\n                    <div class=\"badge badge-square badge-danger cursor-pointer\">\r\n                      <span class=\"svg-icon svg-icon-4 svg-icon-white\" ngbTooltip=\"{{l('Delete')}}\" [inlineSVG]=\"'/assets/images/Trash.svg'\"\r\n                            (click)=\"deleteOption(Option)\" apppreventdoubleclick>\r\n                      </span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"survey-alert-danger alert-danger\" *ngIf=\"errorMessage\">\r\n              <span class=\"svg-icon svg-icon-2tx svg-icon-danger me-4\" [inlineSVG]=\"'/assets/images/info.svg'\">\r\n              </span>\r\n              <div class=\"fw-bold\"><div class=\"fs-7 text-danger\">{{errorMessage}}</div></div>\r\n            </div>\r\n            <div class=\"repeater-bg\" *ngIf=\"!isViewOnly\">\r\n              <div class=\"row\">\r\n                <BBSF-TextBox hidden=\"true\" [options]=\"editOptionId\" [group]=\"editOptionForm\">\r\n                </BBSF-TextBox>\r\n\r\n                <div class=\"col-md-12\">\r\n                  <BBSF-MultiLingualTextBox [options]=\"editNameOption\" [group]=\"editOptionForm\"></BBSF-MultiLingualTextBox>\r\n                </div>\r\n              </div>\r\n              <div class=\"row\">\r\n                <div class=\"col-md-6\">\r\n                  <BBSF-DropdownList [options]=\"editOptionLinkedQuestions\" [group]=\"editOptionForm\">\r\n                  </BBSF-DropdownList>\r\n                  <BBSF-TextBox [options]=\"displayOrderOption\" [group]=\"editOptionForm\" hidden></BBSF-TextBox>\r\n                  <BBSF-TextBox [options]=\"idOption\" [group]=\"editOptionForm\" hidden></BBSF-TextBox>\r\n\r\n                </div>\r\n                <div class=\"col-md-6\" *ngIf=\"showScoreOption\">\r\n                  <BBSF-TextBox [options]=\"scoreNumber\" [group]=\"editOptionForm\"></BBSF-TextBox>\r\n                </div>\r\n\r\n              </div>\r\n              <button type=\"button\" (click)=\"addOption()\" *ngIf=\"!isOptionInEditMode\" class=\"btn btn-sm btn-brand w-100\">{{l(\"Add\")}}</button>\r\n              <button type=\"button\" (click)=\"addOption()\" *ngIf=\"isOptionInEditMode\" class=\"btn btn-sm btn-brand w-100\">{{l(\"Edit\")}}</button>\r\n            </div>\r\n          </div>\r\n\r\n\r\n    <div class=\"modal-footer pb-0 m-0\" >\r\n      <button type=\"button\" class=\"btn btn-sm btn-light\"  (click)=\"modal.dismiss()\">\r\n        {{l(\"Cancel\")}}\r\n      </button>\r\n      <button appPreventDoubleClick type=\"submit\"  [disabled]=\"!isEditFormChange\"   *ngIf=\"!isViewOnly\" class=\"btn btn-sm btn-brand\">{{l(\"Save\")}}</button>\r\n    </div>\r\n    </BBSF-Form>\r\n  </div>\r\n\r\n</ng-template>\r\n", components: [{ type: i2.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i2.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i2.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i2.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i2.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i2.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i6.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }] });
+EditQuestionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: EditQuestionComponent, selector: "app-edit-question", inputs: { pagingElement: "pagingElement", onSuccessEditHandler: "onSuccessEditHandler" }, viewQueries: [{ propertyName: "EditModal", first: true, predicate: ["EditModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template #EditModal let-modal>\r\n  <div class=\"modal-header\">\r\n    <h4 class=\"modal-title\" *ngIf=\"!isViewOnly\">\r\n      {{l(\"Edit_Question\")}}\r\n    </h4>\r\n    <h4 class=\"modal-title\" *ngIf=\"isViewOnly\">\r\n      {{l(\"Details\")}}\r\n    </h4>\r\n    <button type=\"button\" data-dismiss=\"modal\" class=\"btn btn-icon btn-sm\" (click)=\"modal.dismiss()\">\r\n      <div class=\"svg-icon svg-icon-1 svg-icon-hover-brand\" [inlineSVG]=\"'/assets/images/modalclose.svg'\">\r\n      </div>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body\">\r\n    <BBSF-Form [options]=\"editSurveyQuestionFormOptions\" (OnChange)=\"changeFormStatus($event)\">\r\n          <BBSF-MultiLingualTextBox [options]=\"editQuestion\" [group]=\"editModelForm\"></BBSF-MultiLingualTextBox>\r\n          <BBSF-MultiLingualTextArea [options]=\"editDescription\" [group]=\"editModelForm\"></BBSF-MultiLingualTextArea>\r\n          <div class=\"row\">\r\n            <div class=\"col-md-6\" *ngIf=\"surveyAudienceTypeID==audienceType.Both\">\r\n              <BBSF-DropdownList [options]=\"audience\" [group]=\"editModelForm\"></BBSF-DropdownList>\r\n            </div>\r\n            <div class=\"col-md-6\">\r\n              <BBSF-DropdownList [options]=\"editQuestionType\" [group]=\"editModelForm\" (OnChange)=\"changeDataType($event)\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n            <div class=\"col-md-6\">\r\n              <BBSF-DropdownList [options]=\"editSize\" [group]=\"editModelForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n            <div class=\"col-md-6\" *ngIf=\"isSelect\" >\r\n              <BBSF-Toggleslide [options]=\"editAllowScore\" [group]=\"editModelForm\" (OnChange)=\"changeScoring($event)\"></BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-6\">\r\n              <BBSF-Toggleslide [options]=\"editIsActive\" [group]=\"editModelForm\"></BBSF-Toggleslide>\r\n            </div>\r\n            <div class=\"col-md-6 col-sm-6\">\r\n              <BBSF-Toggleslide [options]=\"editRequired\" [group]=\"editModelForm\"></BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n          <div class=\"row\">\r\n            <div class=\"col-md-6\" *ngIf=\"isText||isNumber\">\r\n              <BBSF-TextBox [options]=\"editMinLength\" *ngIf=\"isText||isNumber\" [group]=\"editModelForm\"></BBSF-TextBox>\r\n            </div>\r\n            <div class=\"col-md-6\" *ngIf=\"isText||isNumber\">\r\n              <BBSF-TextBox [options]=\"editMaxLength\" *ngIf=\"isText||isNumber\" [group]=\"editModelForm\"></BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n          <div class=\"row\">\r\n            <div class=\"col-md-6\" *ngIf=\"isFile||isMultiFile||isImage\">\r\n              <BBSF-TextBox [options]=\"editMaxFileSize\" *ngIf=\"isFile||isMultiFile||isImage\" [group]=\"editModelForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n            <div class=\"col-md-6\" *ngIf=\"isMultiFile\">\r\n              <BBSF-TextBox [options]=\"editMaxFileCount\" *ngIf=\"isMultiFile\" [group]=\"editModelForm\"></BBSF-TextBox>\r\n            </div>\r\n            <div class=\"col-md-6\" *ngIf=\"isFile||isMultiFile\">\r\n              <BBSF-DropdownList [options]=\"editFilesExtensions\" *ngIf=\"isFile||isMultiFile\" [group]=\"editModelForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n          <!-- <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"editDisplayOrder\" [group]=\"editModelForm\"></BBSF-TextBox>\r\n          </div>\r\n          </div> -->\r\n\r\n          <div *ngIf=\"isSelect\" class=\"question-type-option\">\r\n            <h5>{{l('Options')}}</h5>\r\n            <div cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n              <div class=\"card card-listing\" *ngFor=\"let Option of optionList;\" cdkDrag>\r\n                <div class=\"card-header mb-0\">\r\n                  <div class=\"title fs-6 fw-bolder\">\r\n                    {{getCurrentFailOver(Option.Name)}}\r\n                  </div>\r\n                  <div class=\"card-toolbar\">\r\n                    <span class=\"badge badge-square badge-dark me-4\" *ngIf=\"showScoreOption\" ngbTooltip=\"{{l('Score')}}\">\r\n                      {{Option.Score}}\r\n                    </span>\r\n\r\n                    <div class=\"badge badge-square badge-brand cursor-pointer me-4\" *ngIf=\"Option.LinkedQuestions?.length>0\" ngbTooltip=\"{{getLinkedQuestions(Option)}}\">\r\n                      <span class=\"svg-icon svg-icon-4 svg-icon-white\" [inlineSVG]=\"'/assets/images/info.svg'\">\r\n                      </span>\r\n                    </div>\r\n\r\n                    <div class=\"badge badge-square badge-brand cursor-pointer me-4\" (click)=\"editOption(Option)\">\r\n                      <span class=\"svg-icon svg-icon-4 svg-icon-white\" ngbTooltip=\"{{l('Edit')}}\" [inlineSVG]=\"'/assets/images/Edit.svg'\">\r\n                      </span>\r\n                    </div>\r\n                    <div class=\"badge badge-square badge-danger cursor-pointer\">\r\n                      <span class=\"svg-icon svg-icon-4 svg-icon-white\" ngbTooltip=\"{{l('Delete')}}\" [inlineSVG]=\"'/assets/images/Trash.svg'\"\r\n                            (click)=\"deleteOption(Option)\" apppreventdoubleclick>\r\n                      </span>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"survey-alert-danger alert-danger\" *ngIf=\"errorMessage\">\r\n              <span class=\"svg-icon svg-icon-2tx svg-icon-danger me-4\" [inlineSVG]=\"'/assets/images/info.svg'\">\r\n              </span>\r\n              <div class=\"fw-bold\"><div class=\"fs-7 text-danger\">{{errorMessage}}</div></div>\r\n            </div>\r\n            <div class=\"repeater-bg\" *ngIf=\"!isViewOnly\">\r\n              <div class=\"row\">\r\n                <BBSF-TextBox hidden=\"true\" [options]=\"editOptionId\" [group]=\"editOptionForm\">\r\n                </BBSF-TextBox>\r\n\r\n                <div class=\"col-md-12\">\r\n                  <BBSF-MultiLingualTextBox [options]=\"editNameOption\" [group]=\"editOptionForm\"></BBSF-MultiLingualTextBox>\r\n                </div>\r\n              </div>\r\n              <div class=\"row\">\r\n                <div class=\"col-md-6\">\r\n                  <BBSF-DropdownList [options]=\"editOptionLinkedQuestions\" [group]=\"editOptionForm\">\r\n                  </BBSF-DropdownList>\r\n                  <BBSF-TextBox [options]=\"displayOrderOption\" [group]=\"editOptionForm\" hidden></BBSF-TextBox>\r\n                  <BBSF-TextBox [options]=\"idOption\" [group]=\"editOptionForm\" hidden></BBSF-TextBox>\r\n\r\n                </div>\r\n                <div class=\"col-md-6\" *ngIf=\"showScoreOption\">\r\n                  <BBSF-TextBox [options]=\"scoreNumber\" [group]=\"editOptionForm\"></BBSF-TextBox>\r\n                </div>\r\n\r\n              </div>\r\n              <button type=\"button\" (click)=\"addOption()\" *ngIf=\"!isOptionInEditMode\" class=\"btn btn-sm btn-brand w-100\">{{l(\"Add\")}}</button>\r\n              <button type=\"button\" (click)=\"addOption()\" *ngIf=\"isOptionInEditMode\" class=\"btn btn-sm btn-brand w-100\">{{l(\"Edit\")}}</button>\r\n            </div>\r\n          </div>\r\n\r\n\r\n    <div class=\"modal-footer pb-0 m-0\" >\r\n      <button type=\"button\" class=\"btn btn-sm btn-light\"  (click)=\"modal.dismiss()\">\r\n        {{l(\"Cancel\")}}\r\n      </button>\r\n      <button appPreventDoubleClick type=\"submit\"  [disabled]=\"!isEditFormChange\"   *ngIf=\"!isViewOnly\" class=\"btn btn-sm btn-brand\">{{l(\"Save\")}}</button>\r\n    </div>\r\n    </BBSF-Form>\r\n  </div>\r\n\r\n</ng-template>\r\n", components: [{ type: i2.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i2.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i2.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i2.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i2.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i2.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange", "OnBlur"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i5.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i6.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: EditQuestionComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/shared/components/survey/survey-info/preview/preview.component.js CHANGED Viewed

@@ -127,7 +127,7 @@ export class PreviewComponent extends AppBaseComponent {
     }
 }
 PreviewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PreviewComponent, deps: [{ token: i0.Injector }, { token: i1.SurveyService }, { token: i2.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-PreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: PreviewComponent, selector: "app-preview", viewQueries: [{ propertyName: "previewQuestionModal", first: true, predicate: ["PreviewQuestionModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<bbsf-page-header-component [options]=\"pageHeaderOptions\" ></bbsf-page-header-component>\r\n<!--end toolbar-->\r\n<div class=\"container-xxl\">\r\n  <div class=\"info-container\" *ngIf=\"isDateLoaded\">\r\n    <p class=\"card-description mt-0 mb-6\">\r\n      {{EN?surveyInfo.description.english:surveyInfo.description.arabic}}\r\n    </p>\r\n    <div class=\"chart-container\">\r\n      <BBSF-Form [options]=\"previewSurveyOptions\">\r\n        <div class=\"preview-question\">\r\n          <BBSF-RadioButton *ngIf=\"showAudienceType\" [options]=\"audienceTypeRadioButton\" (OnChange)=\"ChangeAudienceTypeValue($event)\" [group]=\"previewForm\"></BBSF-RadioButton>\r\n        </div>\r\n        <survey-form *ngIf=\"showInternal\" #previewQuestionModal [options]=\"surveyFormField\" [group]=\"previewForm\"></survey-form>\r\n        <div class=\"external-form\" *ngIf=\"showExternal\">\r\n          <BBSF-MultiLingualTextBox [options]=\"name\" [group]=\"previewForm\">\r\n          </BBSF-MultiLingualTextBox>\r\n          <BBSF-TextBox [options]=\"email\" [group]=\"previewForm\"></BBSF-TextBox>\r\n        </div>\r\n        <survey-form *ngIf=\"showExternal\" #previewQuestionModal [options]=\"surveyFormField\" [group]=\"previewForm\"></survey-form>\r\n        <div class=\"survey-preview\" *ngIf=\"surveyInfo.declaration.english||surveyInfo.declaration.arabic\">\r\n          <div class=\"survey-preview-data\">\r\n            <span class=\"question-number\" ngbTooltip=\"Question Number\"></span>\r\n            <div class=\"survey-preview-question\">\r\n              <div class=\"survey-answer\">\r\n                <BBSF-CheckBox [options]=\"declarationCheckBoxForm\" [group]=\"previewForm\"></BBSF-CheckBox>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"d-flex justify-content-end\">\r\n          <button type=\"button\" class=\"btn btn-sm btn-light me-3\" [routerLink]=\"['../../../../info',surveyID]\">\r\n            {{l(\"CancelLabel\")}}\r\n          </button>\r\n          <button type=\"submit\" [disabled]=\"true\" class=\"btn btn-sm btn-brand \">{{l(\"Submit\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n", components: [{ type: i3.PageHeaderComponentComponent, selector: "bbsf-page-header-component", inputs: ["group", "options"] }, { type: i3.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i3.RadioButtonComponent, selector: "BBSF-RadioButton", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i4.SurveyFormComponent, selector: "survey-form", inputs: ["group", "options"] }, { type: i3.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i3.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i3.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }] });
+PreviewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: PreviewComponent, selector: "app-preview", viewQueries: [{ propertyName: "previewQuestionModal", first: true, predicate: ["PreviewQuestionModal"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<bbsf-page-header-component [options]=\"pageHeaderOptions\" ></bbsf-page-header-component>\r\n<!--end toolbar-->\r\n<div class=\"container-xxl\">\r\n  <div class=\"info-container\" *ngIf=\"isDateLoaded\">\r\n    <p class=\"card-description mt-0 mb-6\">\r\n      {{EN?surveyInfo.description.english:surveyInfo.description.arabic}}\r\n    </p>\r\n    <div class=\"chart-container\">\r\n      <BBSF-Form [options]=\"previewSurveyOptions\">\r\n        <div class=\"preview-question\">\r\n          <BBSF-RadioButton *ngIf=\"showAudienceType\" [options]=\"audienceTypeRadioButton\" (OnChange)=\"ChangeAudienceTypeValue($event)\" [group]=\"previewForm\"></BBSF-RadioButton>\r\n        </div>\r\n        <survey-form *ngIf=\"showInternal\" #previewQuestionModal [options]=\"surveyFormField\" [group]=\"previewForm\"></survey-form>\r\n        <div class=\"external-form\" *ngIf=\"showExternal\">\r\n          <BBSF-MultiLingualTextBox [options]=\"name\" [group]=\"previewForm\">\r\n          </BBSF-MultiLingualTextBox>\r\n          <BBSF-TextBox [options]=\"email\" [group]=\"previewForm\"></BBSF-TextBox>\r\n        </div>\r\n        <survey-form *ngIf=\"showExternal\" #previewQuestionModal [options]=\"surveyFormField\" [group]=\"previewForm\"></survey-form>\r\n        <div class=\"survey-preview\" *ngIf=\"surveyInfo.declaration.english||surveyInfo.declaration.arabic\">\r\n          <div class=\"survey-preview-data\">\r\n            <span class=\"question-number\" ngbTooltip=\"Question Number\"></span>\r\n            <div class=\"survey-preview-question\">\r\n              <div class=\"survey-answer\">\r\n                <BBSF-CheckBox [options]=\"declarationCheckBoxForm\" [group]=\"previewForm\"></BBSF-CheckBox>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"d-flex justify-content-end\">\r\n          <button type=\"button\" class=\"btn btn-sm btn-light me-3\" [routerLink]=\"['../../../../info',surveyID]\">\r\n            {{l(\"CancelLabel\")}}\r\n          </button>\r\n          <button type=\"submit\" [disabled]=\"true\" class=\"btn btn-sm btn-brand \">{{l(\"Submit\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n\r\n    </div>\r\n\r\n  </div>\r\n</div>\r\n", components: [{ type: i3.PageHeaderComponentComponent, selector: "bbsf-page-header-component", inputs: ["group", "options"] }, { type: i3.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i3.RadioButtonComponent, selector: "BBSF-RadioButton", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i4.SurveyFormComponent, selector: "survey-form", inputs: ["group", "options"] }, { type: i3.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i3.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange", "OnBlur"] }, { type: i3.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { type: i2.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PreviewComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/shared/components/survey/survey-info/survey-info.component.js CHANGED Viewed

@@ -482,7 +482,7 @@ export class SurveyInfoComponent extends AppBaseComponent {
     }
 }
 SurveyInfoComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SurveyInfoComponent, deps: [{ token: i0.Injector }, { token: PLATFORM_ID }, { token: i0.NgZone }, { token: i1.Router }, { token: i2.MasterLayoutService }, { token: i3.SurveyService }, { token: i4.SurveyQuestionService }, { token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component });
-SurveyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SurveyInfoComponent, selector: "app-survey-info", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["pagingViewElement"], descendants: true }, { propertyName: "deleteConfirmationModalControl", first: true, predicate: ["deleteConfirmationModalControl"], descendants: true }, { propertyName: "editModal", first: true, predicate: ["editModal"], descendants: true }, { propertyName: "editQuestionModal", first: true, predicate: ["editQuestionModal"], descendants: true }, { propertyName: "deleteQuestionConfirmationModalControl", first: true, predicate: ["deleteQuestionModal"], descendants: true }, { propertyName: "AddQuestionComponent", first: true, predicate: ["addQuestionModal"], descendants: true }, { propertyName: "addPublishModal", first: true, predicate: ["addPublishModal"], descendants: true }, { propertyName: "addUnPublishModal", first: true, predicate: ["addUnPublishModal"], descendants: true }, { propertyName: "deleteSubmissionConfirmationModalControl", first: true, predicate: ["deleteSubmissionModal"], descendants: true }, { propertyName: "eliminateSubmissionConfirmationModalControl", first: true, predicate: ["eliminateModal"], descendants: true }, { propertyName: "unEliminateSubmissionConfirmationModalControl", first: true, predicate: ["unEliminateModal"], descendants: true }, { propertyName: "pagingQuestionElement", first: true, predicate: ["pagingQuestionViewElement"], descendants: true }, { propertyName: "pagingSubmissionElement", first: true, predicate: ["pagingSubmissionViewElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!--toolbar-->\r\n<div *ngIf=\"loadInfo\">\r\n  <bbsf-page-header-component [options]=\"pageHeaderOptions\"></bbsf-page-header-component>\r\n</div>\r\n<!--end toolbar-->\r\n<div class=\"container-xxl\">\r\n  <div class=\"info-container\" *ngIf=\"loadInfo\">\r\n    <div class=\"section-margin-bottom\">\r\n      <div class=\"d-flex justify-content-between align-items-center\">\r\n        <div class=\"survery-date border-0\">\r\n          <div class=\"icon-boxes align-items-baseline\">\r\n            <div ngbTooltip=\"{{l('Date')}}\" class=\"icon-box\">\r\n              <div class=\"symbol\">\r\n                <span class=\"symbol-label\">\r\n                  <span class=\"svg-icon svg-icon-4\" [inlineSVG]=\"'/assets/images/calendar.svg'\">\r\n                  </span>\r\n                </span>\r\n              </div>\r\n              <span class=\"survey-counter-title\" *ngIf=\"survey.startDate==null\">\r\n                {{l('NotStartedYet')}}\r\n              </span>\r\n              <span class=\"survey-counter-title d-flex flex-stack\" *ngIf=\"survey.startDate!=null\">\r\n                {{survey.startDate |surveyDate}} - {{survey.endDate!=null?(survey.endDate|surveyDate):\"\"}}\r\n                <span class=\"badge badge-light\" *ngIf=\"survey.endDate==null\">{{l('HasNoEnd')}}</span>\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <span class=\"badge badge-light\" [ngClass]=\"getStatus(survey.statusItemID)\">{{survey.localizedStatus}}</span>\r\n          <span ngbTooltip=\"{{l('Audience')}}\" class=\"badge badge-light mx-2\">{{survey.localizedAudience}}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"row card-data\">\r\n        <div class=\"col-lg-6\">\r\n          <BBSF-TextBox *ngIf=\"canTakeSurvey&& (survey.audienceItemID==AudienceTypeEnum.Internal||survey.audienceItemID==AudienceTypeEnum.Both)\"\r\n                        [options]=\"TextBoxWithInternalURL\" [group]=\"urlForm\"></BBSF-TextBox>\r\n\r\n        </div>\r\n        <div class=\"col-lg-6\">\r\n          <BBSF-TextBox *ngIf=\"canTakeSurvey&& (survey.audienceItemID==AudienceTypeEnum.External||survey.audienceItemID==AudienceTypeEnum.Both)\"\r\n                        [options]=\"TextBoxWithExternalURL\" [group]=\"urlForm\"></BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <p class=\"card-description\" *ngIf=\"survey.localizedDesc\">\r\n        {{survey.localizedDesc}}\r\n      </p>\r\n    </div>\r\n    <div class=\"section-margin-bottom\">\r\n      <ul ngbNav #nav=\"ngbNav\" class=\"nav nav-stretch nav-line-tabs nav-custom\">\r\n        <li ngbNavItem class=\"nav-item\" [destroyOnHide]=\"true\">\r\n          <a class=\"nav-link\" ngbNavLink>\r\n            <h4>\r\n              {{l('Questions')}}\r\n            </h4>\r\n          </a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"section-info\">\r\n              <div class=\"tabs-search page-subheader justify-content-between\">\r\n                <BBSF-TextBox [options]=\"SearchTextBoxOptions\" [group]=\"filtersQuestionForm\"\r\n                              (OnChange)=\"searchInQuestionList($event)\"></BBSF-TextBox>\r\n                <BBSF-TextBox [options]=\"SurveyIDOptions\" [group]=\"filtersQuestionForm\" hidden></BBSF-TextBox>\r\n                <button type=\"button\" *ngIf=\"canAddQuestion&&enableActions\" class=\"btn btn-brand btn-sm subheader-btn\"\r\n                        (click)=\"showAddQuestionModal()\">\r\n                  {{l('Add')}}\r\n                </button>\r\n              </div>\r\n              <div [hidden]=\"pagingQuestionResult.length == 0\">\r\n                <div ngbNavContent cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n                  <div class=\"question-info\" [cdkDragDisabled]=\"canTakeSurvey\" cdkDrag\r\n                       *ngFor=\"let item of pagingQuestionResult; let i=index\">\r\n                    <div class=\"symbol symbol-25px me-4\" cdkDragHandle *ngIf=\"!canTakeSurvey\">\r\n                      <span class=\"symbol-label\">\r\n                        <span class=\"svg-icon svg-icon-7\" [inlineSVG]=\"'/assets/images/reorder.svg'\">\r\n                        </span>\r\n                      </span>\r\n                    </div>\r\n                    <div class=\"card card-listing\">\r\n                      <div class=\"card-header\">\r\n                        <div class=\"card-title\">\r\n                          <span class=\"badge badge-light\"\r\n                                ngbTooltip=\"{{l('Type')}}\">{{item.localizedQuestionTypeItem}}</span>\r\n                          <span class=\"badge badge-light mx-2\"\r\n                                ngbTooltip=\"{{l('Audience')}}\">{{item.localizedAudienceType}}</span>\r\n                          <span class=\"badge badge-brand-light mx-2\"\r\n                                *ngIf=\"item.isRelatedToSurveyQuestion\">{{l('Linked')}}</span>\r\n                          <span class=\"badge badge-light mx-2\" *ngIf=\"!item.isVisible\" ngbTooltip=\"{{l('NotVisible')}}\">\r\n                            {{l(\"NotVisible\")}}\r\n                          </span>\r\n                        </div>\r\n                        <div class=\"card-toolbar\">\r\n                          <div ngbDropdown container=\"body\" *ngIf=\"enableActions\" class=\"dropdown-custom\"\r\n                               [placement]=\"EN ? 'bottom-right' : 'bottom-left'\">\r\n                            <button type=\"button\" class=\"dropdown-toggle-custom btn btn-clear\" ngbDropdownToggle>\r\n                              <span class=\"svg-icon svg-icon-3\"\r\n                                    [inlineSVG]=\"'/assets/images/card-dropdown.svg'\"></span>\r\n                            </button>\r\n                            <div ngbDropdownMenu class=\"dropdown-menu-custom\">\r\n                              <button *ngIf=\"!(canEditQuestion&&canDeleteQuestion)\"\r\n                                      (click)=\"showEditQuestionModal(item.iD_GUID,true)\" apppreventdoubleclick type=\"button\"\r\n                                      ngbDropdownItem class=\"dropdown-button\">\r\n                                <span class=\"svg-icon svg-icon-3\" [inlineSVG]=\"'/assets/images/info.svg'\">\r\n                                </span>\r\n                                {{l(\"Details\")}}\r\n                              </button>\r\n\r\n                              <button *ngIf=\"canEditQuestion\" (click)=\"showEditQuestionModal(item.iD_GUID,false)\"\r\n                                      apppreventdoubleclick type=\"button\" ngbDropdownItem class=\"dropdown-button\">\r\n                                <span class=\"svg-icon svg-icon-3\" [inlineSVG]=\"'/assets/images/Edit.svg'\">\r\n                                </span>\r\n                                {{l(\"Edit\")}}\r\n                              </button>\r\n                              <button type=\"button\" *ngIf=\"canDeleteQuestion\"\r\n                                      (click)=\"showDeleteQuestionModal(item.iD_GUID)\" apppreventdoubleclick ngbDropdownItem\r\n                                      class=\"dropdown-button\">\r\n                                <span class=\"svg-icon svg-icon-3\"\r\n                                      [inlineSVG]=\"'/assets/images/Trash.svg'\"></span> {{l(\"Delete\")}}\r\n                              </button>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"card-body\">\r\n                        <div class=\"survey-counter\">\r\n                          <span class=\"survey-counter-title\">{{item.localizedText}}</span>\r\n                          <span class=\"badge badge-light-brand badge-square ms-2 me-0\"\r\n                                ngbTooltip=\"{{l('Score')}}\">{{item.totalScore}}</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <BBSF-Paging (Items)=\"setQuestionListingResult($event)\" [options]=\"pagingQuestionOptions\"\r\n                             [group]=\"filtersQuestionForm\" #pagingQuestionViewElement></BBSF-Paging>\r\n              </div>\r\n            </div>\r\n            <app-no-results *ngIf=\"pagingQuestionResult.length == 0\"></app-no-results>\r\n\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item\" [destroyOnHide]=\"true\">\r\n          <a class=\"nav-link\" ngbNavLink>\r\n            <h4>\r\n              {{l('Submissions')}}\r\n            </h4>\r\n          </a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"section-info\" ngbNavContent>\r\n              <div class=\"tabs-search page-subheader justify-content-between\">\r\n                <BBSF-TextBox [options]=\"SearchTextBoxOptions\" [group]=\"filtersSubmissionForm\"></BBSF-TextBox>\r\n                <BBSF-TextBox [options]=\"SurveyIDOptions\" [group]=\"filtersSubmissionForm\" hidden></BBSF-TextBox>\r\n              </div>\r\n              <div class=\"info-container\" [hidden]=\"pagingSubmissionResult.length == 0\">\r\n                <div class=\"table-responsive\">\r\n                  <table class=\"table table-custom\">\r\n                    <thead>\r\n                      <tr class=\"table-header\">\r\n                        <th> {{l('Name')}}</th>\r\n                        <th>{{l('Email')}}</th>\r\n                        <th>{{l('Type')}}</th>\r\n                        <th>{{l('Created')}}</th>\r\n                        <th>{{l('Score')}}</th>\r\n                        <th class=\"table-action\"  *ngIf=\"enableActions\">{{l(\"Action\")}}</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody class=\"table-body\">\r\n                      <tr *ngFor=\"let item of pagingSubmissionResult; let i=index\">\r\n                        <td>\r\n                          <span class=\"line-clamp-2\">\r\n                            {{item.localizedName}}\r\n                            <span class=\"badge badge-danger mx-2\" *ngIf=\"item.isEliminated&&item.allowElimination\">\r\n                              {{l('Eliminated')}}\r\n                            </span>\r\n                          </span>\r\n                        </td>\r\n                        <td>\r\n                          {{item.email}}\r\n                        </td>\r\n                        <td>\r\n                          <div class=\"badge badge-light\">\r\n                            {{item.isInternalUser? l('InternalUsers'):l('ExternalUsers')}}\r\n                          </div>\r\n                        </td>\r\n                        <td>{{item.created|surveyDate}}</td>\r\n                        <td>{{item.totalScore}}</td>\r\n                        <td class=\"table-action\"  *ngIf=\"enableActions\">\r\n                          <button type=\"button\" ngbTooltip=\"{{l('Preview')}}\"\r\n                                  [routerLink]=\"['../../info/result', item.iD_GUID]\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\"\r\n                                  [inlineSVG]=\"'/assets/images/answers.svg'\"></span>\r\n                          </button>\r\n\r\n                          <button type=\"button\" *ngIf=\"!item.isEliminated&&item.allowElimination\"\r\n                                  ngbTooltip=\"{{this.l('EliminateHint')}}\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\" (click)=\"showEliminateSubmissionModal(item.iD_GUID)\"\r\n                                  apppreventdoubleclick\r\n                                  [inlineSVG]=\"'/assets/images/unlink.svg'\"></span>\r\n                          </button>\r\n\r\n                          <button type=\"button\" *ngIf=\"item.isEliminated&&item.allowElimination\"\r\n                                  ngbTooltip=\"{{this.l('UnEliminate')}}\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\" (click)=\"showUnEliminateSubmissionModal(item.iD_GUID)\"\r\n                                  apppreventdoubleclick [inlineSVG]=\"'/assets/images/link.svg'\"></span>\r\n                          </button>\r\n\r\n                          <button type=\"button\" ngbTooltip=\"{{l('Delete')}}\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\" (click)=\"showDeleteSubmissionModal(item.iD_GUID)\"\r\n                                  apppreventdoubleclick [inlineSVG]=\"'/assets/images/Trash.svg'\"></span>\r\n                          </button>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n              </div>\r\n              <BBSF-Paging (Items)=\"setSubmissionListingResult($event)\" [options]=\"pagingSubmissionOptions\"\r\n                           [group]=\"filtersSubmissionForm\" #pagingSubmissionViewElement></BBSF-Paging>\r\n            </div>\r\n            <app-no-results *ngIf=\"pagingSubmissionResult.length == 0\"></app-no-results>\r\n\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item\" *ngIf=\"showOverview\" [destroyOnHide]=\"true\">\r\n          <a class=\"nav-link\" ngbNavLink (click)=\"loadSurveyOverview()\">\r\n            <h4>\r\n              {{l(\"Overview\") }}\r\n            </h4>\r\n          </a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"section-info\" ngbNavContent>\r\n\r\n              <div class=\"row\">\r\n                <div class=\"col-md-3\">\r\n                  <div class=\"chart-container\">\r\n                    <div class=\"chart-title\"> {{l(\"Questions\") }}</div>\r\n                    <ul ngbNav #nav=\"ngbNav\" class=\"nav-pills custom-navs\" orientation=\"vertical\">\r\n                      <li ngbNavItem=\"{{item.localizedTitle}}\" [destroyOnHide]=\"true\"\r\n                          *ngFor=\"let item of questionOverviewResult\" (click)=\"loadChart(item)\">\r\n                        <a ngbNavLink>{{item.localizedTitle}}</a>\r\n\r\n                      </li>\r\n\r\n                    </ul>\r\n                  </div>\r\n                </div>\r\n                <div class=\"col-md-9\">\r\n                  <div class=\"chart-container\">\r\n                    <div class=\"chart-title\">{{l(\"Overview\") }}</div>\r\n                    <div id=\"chartdiv\" style=\"width: 100%; height: 400px\"></div>\r\n                    <div class=\"hide-logo\"></div>\r\n                  </div>\r\n                  <div class=\"chart-container\">\r\n                    <div class=\"chart-title\">{{l(\"Score\") }} </div>\r\n                    <div id=\"chartOverview\" style=\"width: 100%; height: 400px\"></div>\r\n                    <div class=\"hide-logo\"></div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n      </ul>\r\n\r\n\r\n      <div [ngbNavOutlet]=\"nav\"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n  <app-edit-survey #editModal [pagingElement]=\"pagingElement\" [onSuccessHandler]=\"onSuccessHandler\"></app-edit-survey>\r\n  <app-delete-survey #deleteConfirmationModalControl [pagingElement]=\"pagingElement\"\r\n                     [onSuccessHandler]=\"onSuccessDeleteHandler\"></app-delete-survey>\r\n  <app-add-question #addQuestionModal [pagingElement]=\"pagingQuestionElement\" [onSuccessAddHandler]=\"onSuccessAddQuestionHandler\"></app-add-question>\r\n  <app-edit-question #editQuestionModal [pagingElement]=\"pagingQuestionElement\" [onSuccessEditHandler]=\"onSuccessEditQuestionHandler\"></app-edit-question>\r\n  <app-delete-question #deleteQuestionModal [pagingElement]=\"pagingQuestionElement\" [onSuccessHandler]=\"onSuccessDeleteQuestionHandler\"></app-delete-question>\r\n  <app-publish-survey #addPublishModal [pagingElement]=\"pagingElement\" [onSuccessHandler]=\"onSuccessHandler\" *ngIf=\"loadInfo\" [showToggle]=\"survey.isShowToggleOfScoreResultAfterSubmission\">\r\n  </app-publish-survey>\r\n  <app-unpublish-survey #addUnPublishModal [pagingElement]=\"pagingElement\" [onSuccessHandler]=\"onSuccessHandler\">\r\n  </app-unpublish-survey>\r\n  <app-delete-submission #deleteSubmissionModal [pagingElement]=\"pagingSubmissionElement\"\r\n                         [onSuccessHandler]=\"onSuccessDeleteHandlerSubmission\"></app-delete-submission>\r\n  <app-eliminate-submission #eliminateModal [pagingElement]=\"pagingSubmissionElement\"\r\n                            [onSuccessHandler]=\"onSuccessHandler\"></app-eliminate-submission>\r\n  <app-unEliminate-submission #unEliminateModal [pagingElement]=\"pagingSubmissionElement\"\r\n                              [onSuccessHandler]=\"onSuccessHandler\"></app-unEliminate-submission>\r\n", styles: [""], components: [{ type: i5.PageHeaderComponentComponent, selector: "bbsf-page-header-component", inputs: ["group", "options"] }, { type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.NoResultsComponent, selector: "app-no-results" }, { type: i7.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { type: i8.EditSurveyComponent, selector: "app-edit-survey", inputs: ["pagingElement", "onSuccessHandler"] }, { type: i9.DeleteSurveyComponent, selector: "app-delete-survey", inputs: ["onSuccessHandler", "pagingElement"] }, { type: i10.AddQuestionComponent, selector: "app-add-question", inputs: ["pagingElement", "onSuccessAddHandler"] }, { type: i11.EditQuestionComponent, selector: "app-edit-question", inputs: ["pagingElement", "onSuccessEditHandler"] }, { type: i12.DeleteQuestionComponent, selector: "app-delete-question", inputs: ["onSuccessHandler", "pagingElement"] }, { type: i13.PublishSurveyComponent, selector: "app-publish-survey", inputs: ["pagingElement", "showToggle", "onSuccessHandler"] }, { type: i14.UnPublishSurveyComponent, selector: "app-unpublish-survey", inputs: ["onSuccessHandler", "pagingElement"] }, { type: i15.DeleteSubmissionComponent, selector: "app-delete-submission", inputs: ["onSuccessHandler", "pagingElement"] }, { type: i16.EliminateSubmissionComponent, selector: "app-eliminate-submission", inputs: ["onSuccessHandler", "pagingElement"] }, { type: i17.UnEliminateSubmissionComponent, selector: "app-unEliminate-submission", inputs: ["onSuccessHandler", "pagingElement"] }], directives: [{ type: i18.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { type: i19.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i18.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgbNav, selector: "[ngbNav]", inputs: ["animation", "destroyOnHide", "orientation", "roles", "keyboard", "activeId"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { type: i7.NgbNavItem, selector: "[ngbNavItem]", inputs: ["disabled", "domId", "destroyOnHide", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { type: i7.NgbNavLink, selector: "a[ngbNavLink]" }, { type: i7.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { type: i20.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i18.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i20.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i20.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { type: i7.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i7.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i7.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i7.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "surveyDate": i21.SurveyDatePipe } });
+SurveyInfoComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: SurveyInfoComponent, selector: "app-survey-info", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["pagingViewElement"], descendants: true }, { propertyName: "deleteConfirmationModalControl", first: true, predicate: ["deleteConfirmationModalControl"], descendants: true }, { propertyName: "editModal", first: true, predicate: ["editModal"], descendants: true }, { propertyName: "editQuestionModal", first: true, predicate: ["editQuestionModal"], descendants: true }, { propertyName: "deleteQuestionConfirmationModalControl", first: true, predicate: ["deleteQuestionModal"], descendants: true }, { propertyName: "AddQuestionComponent", first: true, predicate: ["addQuestionModal"], descendants: true }, { propertyName: "addPublishModal", first: true, predicate: ["addPublishModal"], descendants: true }, { propertyName: "addUnPublishModal", first: true, predicate: ["addUnPublishModal"], descendants: true }, { propertyName: "deleteSubmissionConfirmationModalControl", first: true, predicate: ["deleteSubmissionModal"], descendants: true }, { propertyName: "eliminateSubmissionConfirmationModalControl", first: true, predicate: ["eliminateModal"], descendants: true }, { propertyName: "unEliminateSubmissionConfirmationModalControl", first: true, predicate: ["unEliminateModal"], descendants: true }, { propertyName: "pagingQuestionElement", first: true, predicate: ["pagingQuestionViewElement"], descendants: true }, { propertyName: "pagingSubmissionElement", first: true, predicate: ["pagingSubmissionViewElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<!--toolbar-->\r\n<div *ngIf=\"loadInfo\">\r\n  <bbsf-page-header-component [options]=\"pageHeaderOptions\"></bbsf-page-header-component>\r\n</div>\r\n<!--end toolbar-->\r\n<div class=\"container-xxl\">\r\n  <div class=\"info-container\" *ngIf=\"loadInfo\">\r\n    <div class=\"section-margin-bottom\">\r\n      <div class=\"d-flex justify-content-between align-items-center\">\r\n        <div class=\"survery-date border-0\">\r\n          <div class=\"icon-boxes align-items-baseline\">\r\n            <div ngbTooltip=\"{{l('Date')}}\" class=\"icon-box\">\r\n              <div class=\"symbol\">\r\n                <span class=\"symbol-label\">\r\n                  <span class=\"svg-icon svg-icon-4\" [inlineSVG]=\"'/assets/images/calendar.svg'\">\r\n                  </span>\r\n                </span>\r\n              </div>\r\n              <span class=\"survey-counter-title\" *ngIf=\"survey.startDate==null\">\r\n                {{l('NotStartedYet')}}\r\n              </span>\r\n              <span class=\"survey-counter-title d-flex flex-stack\" *ngIf=\"survey.startDate!=null\">\r\n                {{survey.startDate |surveyDate}} - {{survey.endDate!=null?(survey.endDate|surveyDate):\"\"}}\r\n                <span class=\"badge badge-light\" *ngIf=\"survey.endDate==null\">{{l('HasNoEnd')}}</span>\r\n              </span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div>\r\n          <span class=\"badge badge-light\" [ngClass]=\"getStatus(survey.statusItemID)\">{{survey.localizedStatus}}</span>\r\n          <span ngbTooltip=\"{{l('Audience')}}\" class=\"badge badge-light mx-2\">{{survey.localizedAudience}}</span>\r\n        </div>\r\n      </div>\r\n      <div class=\"row card-data\">\r\n        <div class=\"col-lg-6\">\r\n          <BBSF-TextBox *ngIf=\"canTakeSurvey&& (survey.audienceItemID==AudienceTypeEnum.Internal||survey.audienceItemID==AudienceTypeEnum.Both)\"\r\n                        [options]=\"TextBoxWithInternalURL\" [group]=\"urlForm\"></BBSF-TextBox>\r\n\r\n        </div>\r\n        <div class=\"col-lg-6\">\r\n          <BBSF-TextBox *ngIf=\"canTakeSurvey&& (survey.audienceItemID==AudienceTypeEnum.External||survey.audienceItemID==AudienceTypeEnum.Both)\"\r\n                        [options]=\"TextBoxWithExternalURL\" [group]=\"urlForm\"></BBSF-TextBox>\r\n        </div>\r\n      </div>\r\n      <p class=\"card-description\" *ngIf=\"survey.localizedDesc\">\r\n        {{survey.localizedDesc}}\r\n      </p>\r\n    </div>\r\n    <div class=\"section-margin-bottom\">\r\n      <ul ngbNav #nav=\"ngbNav\" class=\"nav nav-stretch nav-line-tabs nav-custom\">\r\n        <li ngbNavItem class=\"nav-item\" [destroyOnHide]=\"true\">\r\n          <a class=\"nav-link\" ngbNavLink>\r\n            <h4>\r\n              {{l('Questions')}}\r\n            </h4>\r\n          </a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"section-info\">\r\n              <div class=\"tabs-search page-subheader justify-content-between\">\r\n                <BBSF-TextBox [options]=\"SearchTextBoxOptions\" [group]=\"filtersQuestionForm\"\r\n                              (OnChange)=\"searchInQuestionList($event)\"></BBSF-TextBox>\r\n                <BBSF-TextBox [options]=\"SurveyIDOptions\" [group]=\"filtersQuestionForm\" hidden></BBSF-TextBox>\r\n                <button type=\"button\" *ngIf=\"canAddQuestion&&enableActions\" class=\"btn btn-brand btn-sm subheader-btn\"\r\n                        (click)=\"showAddQuestionModal()\">\r\n                  {{l('Add')}}\r\n                </button>\r\n              </div>\r\n              <div [hidden]=\"pagingQuestionResult.length == 0\">\r\n                <div ngbNavContent cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n                  <div class=\"question-info\" [cdkDragDisabled]=\"canTakeSurvey\" cdkDrag\r\n                       *ngFor=\"let item of pagingQuestionResult; let i=index\">\r\n                    <div class=\"symbol symbol-25px me-4\" cdkDragHandle *ngIf=\"!canTakeSurvey\">\r\n                      <span class=\"symbol-label\">\r\n                        <span class=\"svg-icon svg-icon-7\" [inlineSVG]=\"'/assets/images/reorder.svg'\">\r\n                        </span>\r\n                      </span>\r\n                    </div>\r\n                    <div class=\"card card-listing\">\r\n                      <div class=\"card-header\">\r\n                        <div class=\"card-title\">\r\n                          <span class=\"badge badge-light\"\r\n                                ngbTooltip=\"{{l('Type')}}\">{{item.localizedQuestionTypeItem}}</span>\r\n                          <span class=\"badge badge-light mx-2\"\r\n                                ngbTooltip=\"{{l('Audience')}}\">{{item.localizedAudienceType}}</span>\r\n                          <span class=\"badge badge-brand-light mx-2\"\r\n                                *ngIf=\"item.isRelatedToSurveyQuestion\">{{l('Linked')}}</span>\r\n                          <span class=\"badge badge-light mx-2\" *ngIf=\"!item.isVisible\" ngbTooltip=\"{{l('NotVisible')}}\">\r\n                            {{l(\"NotVisible\")}}\r\n                          </span>\r\n                        </div>\r\n                        <div class=\"card-toolbar\">\r\n                          <div ngbDropdown container=\"body\" *ngIf=\"enableActions\" class=\"dropdown-custom\"\r\n                               [placement]=\"EN ? 'bottom-right' : 'bottom-left'\">\r\n                            <button type=\"button\" class=\"dropdown-toggle-custom btn btn-clear\" ngbDropdownToggle>\r\n                              <span class=\"svg-icon svg-icon-3\"\r\n                                    [inlineSVG]=\"'/assets/images/card-dropdown.svg'\"></span>\r\n                            </button>\r\n                            <div ngbDropdownMenu class=\"dropdown-menu-custom\">\r\n                              <button *ngIf=\"!(canEditQuestion&&canDeleteQuestion)\"\r\n                                      (click)=\"showEditQuestionModal(item.iD_GUID,true)\" apppreventdoubleclick type=\"button\"\r\n                                      ngbDropdownItem class=\"dropdown-button\">\r\n                                <span class=\"svg-icon svg-icon-3\" [inlineSVG]=\"'/assets/images/info.svg'\">\r\n                                </span>\r\n                                {{l(\"Details\")}}\r\n                              </button>\r\n\r\n                              <button *ngIf=\"canEditQuestion\" (click)=\"showEditQuestionModal(item.iD_GUID,false)\"\r\n                                      apppreventdoubleclick type=\"button\" ngbDropdownItem class=\"dropdown-button\">\r\n                                <span class=\"svg-icon svg-icon-3\" [inlineSVG]=\"'/assets/images/Edit.svg'\">\r\n                                </span>\r\n                                {{l(\"Edit\")}}\r\n                              </button>\r\n                              <button type=\"button\" *ngIf=\"canDeleteQuestion\"\r\n                                      (click)=\"showDeleteQuestionModal(item.iD_GUID)\" apppreventdoubleclick ngbDropdownItem\r\n                                      class=\"dropdown-button\">\r\n                                <span class=\"svg-icon svg-icon-3\"\r\n                                      [inlineSVG]=\"'/assets/images/Trash.svg'\"></span> {{l(\"Delete\")}}\r\n                              </button>\r\n                            </div>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"card-body\">\r\n                        <div class=\"survey-counter\">\r\n                          <span class=\"survey-counter-title\">{{item.localizedText}}</span>\r\n                          <span class=\"badge badge-light-brand badge-square ms-2 me-0\"\r\n                                ngbTooltip=\"{{l('Score')}}\">{{item.totalScore}}</span>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <BBSF-Paging (Items)=\"setQuestionListingResult($event)\" [options]=\"pagingQuestionOptions\"\r\n                             [group]=\"filtersQuestionForm\" #pagingQuestionViewElement></BBSF-Paging>\r\n              </div>\r\n            </div>\r\n            <app-no-results *ngIf=\"pagingQuestionResult.length == 0\"></app-no-results>\r\n\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item\" [destroyOnHide]=\"true\">\r\n          <a class=\"nav-link\" ngbNavLink>\r\n            <h4>\r\n              {{l('Submissions')}}\r\n            </h4>\r\n          </a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"section-info\" ngbNavContent>\r\n              <div class=\"tabs-search page-subheader justify-content-between\">\r\n                <BBSF-TextBox [options]=\"SearchTextBoxOptions\" [group]=\"filtersSubmissionForm\"></BBSF-TextBox>\r\n                <BBSF-TextBox [options]=\"SurveyIDOptions\" [group]=\"filtersSubmissionForm\" hidden></BBSF-TextBox>\r\n              </div>\r\n              <div class=\"info-container\" [hidden]=\"pagingSubmissionResult.length == 0\">\r\n                <div class=\"table-responsive\">\r\n                  <table class=\"table table-custom\">\r\n                    <thead>\r\n                      <tr class=\"table-header\">\r\n                        <th> {{l('Name')}}</th>\r\n                        <th>{{l('Email')}}</th>\r\n                        <th>{{l('Type')}}</th>\r\n                        <th>{{l('Created')}}</th>\r\n                        <th>{{l('Score')}}</th>\r\n                        <th class=\"table-action\"  *ngIf=\"enableActions\">{{l(\"Action\")}}</th>\r\n                      </tr>\r\n                    </thead>\r\n                    <tbody class=\"table-body\">\r\n                      <tr *ngFor=\"let item of pagingSubmissionResult; let i=index\">\r\n                        <td>\r\n                          <span class=\"line-clamp-2\">\r\n                            {{item.localizedName}}\r\n                            <span class=\"badge badge-danger mx-2\" *ngIf=\"item.isEliminated&&item.allowElimination\">\r\n                              {{l('Eliminated')}}\r\n                            </span>\r\n                          </span>\r\n                        </td>\r\n                        <td>\r\n                          {{item.email}}\r\n                        </td>\r\n                        <td>\r\n                          <div class=\"badge badge-light\">\r\n                            {{item.isInternalUser? l('InternalUsers'):l('ExternalUsers')}}\r\n                          </div>\r\n                        </td>\r\n                        <td>{{item.created|surveyDate}}</td>\r\n                        <td>{{item.totalScore}}</td>\r\n                        <td class=\"table-action\"  *ngIf=\"enableActions\">\r\n                          <button type=\"button\" ngbTooltip=\"{{l('Preview')}}\"\r\n                                  [routerLink]=\"['../../info/result', item.iD_GUID]\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\"\r\n                                  [inlineSVG]=\"'/assets/images/answers.svg'\"></span>\r\n                          </button>\r\n\r\n                          <button type=\"button\" *ngIf=\"!item.isEliminated&&item.allowElimination\"\r\n                                  ngbTooltip=\"{{this.l('EliminateHint')}}\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\" (click)=\"showEliminateSubmissionModal(item.iD_GUID)\"\r\n                                  apppreventdoubleclick\r\n                                  [inlineSVG]=\"'/assets/images/unlink.svg'\"></span>\r\n                          </button>\r\n\r\n                          <button type=\"button\" *ngIf=\"item.isEliminated&&item.allowElimination\"\r\n                                  ngbTooltip=\"{{this.l('UnEliminate')}}\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\" (click)=\"showUnEliminateSubmissionModal(item.iD_GUID)\"\r\n                                  apppreventdoubleclick [inlineSVG]=\"'/assets/images/link.svg'\"></span>\r\n                          </button>\r\n\r\n                          <button type=\"button\" ngbTooltip=\"{{l('Delete')}}\" class=\"btn btn-sm p-2\">\r\n                            <span class=\"svg-icon svg-icon-3\" (click)=\"showDeleteSubmissionModal(item.iD_GUID)\"\r\n                                  apppreventdoubleclick [inlineSVG]=\"'/assets/images/Trash.svg'\"></span>\r\n                          </button>\r\n                        </td>\r\n                      </tr>\r\n                    </tbody>\r\n                  </table>\r\n                </div>\r\n              </div>\r\n              <BBSF-Paging (Items)=\"setSubmissionListingResult($event)\" [options]=\"pagingSubmissionOptions\"\r\n                           [group]=\"filtersSubmissionForm\" #pagingSubmissionViewElement></BBSF-Paging>\r\n            </div>\r\n            <app-no-results *ngIf=\"pagingSubmissionResult.length == 0\"></app-no-results>\r\n\r\n          </ng-template>\r\n        </li>\r\n        <li ngbNavItem class=\"nav-item\" *ngIf=\"showOverview\" [destroyOnHide]=\"true\">\r\n          <a class=\"nav-link\" ngbNavLink (click)=\"loadSurveyOverview()\">\r\n            <h4>\r\n              {{l(\"Overview\") }}\r\n            </h4>\r\n          </a>\r\n          <ng-template ngbNavContent>\r\n            <div class=\"section-info\" ngbNavContent>\r\n\r\n              <div class=\"row\">\r\n                <div class=\"col-md-3\">\r\n                  <div class=\"chart-container\">\r\n                    <div class=\"chart-title\"> {{l(\"Questions\") }}</div>\r\n                    <ul ngbNav #nav=\"ngbNav\" class=\"nav-pills custom-navs\" orientation=\"vertical\">\r\n                      <li ngbNavItem=\"{{item.localizedTitle}}\" [destroyOnHide]=\"true\"\r\n                          *ngFor=\"let item of questionOverviewResult\" (click)=\"loadChart(item)\">\r\n                        <a ngbNavLink>{{item.localizedTitle}}</a>\r\n\r\n                      </li>\r\n\r\n                    </ul>\r\n                  </div>\r\n                </div>\r\n                <div class=\"col-md-9\">\r\n                  <div class=\"chart-container\">\r\n                    <div class=\"chart-title\">{{l(\"Overview\") }}</div>\r\n                    <div id=\"chartdiv\" style=\"width: 100%; height: 400px\"></div>\r\n                    <div class=\"hide-logo\"></div>\r\n                  </div>\r\n                  <div class=\"chart-container\">\r\n                    <div class=\"chart-title\">{{l(\"Score\") }} </div>\r\n                    <div id=\"chartOverview\" style=\"width: 100%; height: 400px\"></div>\r\n                    <div class=\"hide-logo\"></div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </ng-template>\r\n        </li>\r\n      </ul>\r\n\r\n\r\n      <div [ngbNavOutlet]=\"nav\"></div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n  <app-edit-survey #editModal [pagingElement]=\"pagingElement\" [onSuccessHandler]=\"onSuccessHandler\"></app-edit-survey>\r\n  <app-delete-survey #deleteConfirmationModalControl [pagingElement]=\"pagingElement\"\r\n                     [onSuccessHandler]=\"onSuccessDeleteHandler\"></app-delete-survey>\r\n  <app-add-question #addQuestionModal [pagingElement]=\"pagingQuestionElement\" [onSuccessAddHandler]=\"onSuccessAddQuestionHandler\"></app-add-question>\r\n  <app-edit-question #editQuestionModal [pagingElement]=\"pagingQuestionElement\" [onSuccessEditHandler]=\"onSuccessEditQuestionHandler\"></app-edit-question>\r\n  <app-delete-question #deleteQuestionModal [pagingElement]=\"pagingQuestionElement\" [onSuccessHandler]=\"onSuccessDeleteQuestionHandler\"></app-delete-question>\r\n  <app-publish-survey #addPublishModal [pagingElement]=\"pagingElement\" [onSuccessHandler]=\"onSuccessHandler\" *ngIf=\"loadInfo\" [showToggle]=\"survey.isShowToggleOfScoreResultAfterSubmission\">\r\n  </app-publish-survey>\r\n  <app-unpublish-survey #addUnPublishModal [pagingElement]=\"pagingElement\" [onSuccessHandler]=\"onSuccessHandler\">\r\n  </app-unpublish-survey>\r\n  <app-delete-submission #deleteSubmissionModal [pagingElement]=\"pagingSubmissionElement\"\r\n                         [onSuccessHandler]=\"onSuccessDeleteHandlerSubmission\"></app-delete-submission>\r\n  <app-eliminate-submission #eliminateModal [pagingElement]=\"pagingSubmissionElement\"\r\n                            [onSuccessHandler]=\"onSuccessHandler\"></app-eliminate-submission>\r\n  <app-unEliminate-submission #unEliminateModal [pagingElement]=\"pagingSubmissionElement\"\r\n                              [onSuccessHandler]=\"onSuccessHandler\"></app-unEliminate-submission>\r\n", styles: [""], components: [{ type: i5.PageHeaderComponentComponent, selector: "bbsf-page-header-component", inputs: ["group", "options"] }, { type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange", "OnBlur"] }, { type: i5.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.NoResultsComponent, selector: "app-no-results" }, { type: i7.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }, { type: i8.EditSurveyComponent, selector: "app-edit-survey", inputs: ["pagingElement", "onSuccessHandler"] }, { type: i9.DeleteSurveyComponent, selector: "app-delete-survey", inputs: ["onSuccessHandler", "pagingElement"] }, { type: i10.AddQuestionComponent, selector: "app-add-question", inputs: ["pagingElement", "onSuccessAddHandler"] }, { type: i11.EditQuestionComponent, selector: "app-edit-question", inputs: ["pagingElement", "onSuccessEditHandler"] }, { type: i12.DeleteQuestionComponent, selector: "app-delete-question", inputs: ["onSuccessHandler", "pagingElement"] }, { type: i13.PublishSurveyComponent, selector: "app-publish-survey", inputs: ["pagingElement", "showToggle", "onSuccessHandler"] }, { type: i14.UnPublishSurveyComponent, selector: "app-unpublish-survey", inputs: ["onSuccessHandler", "pagingElement"] }, { type: i15.DeleteSubmissionComponent, selector: "app-delete-submission", inputs: ["onSuccessHandler", "pagingElement"] }, { type: i16.EliminateSubmissionComponent, selector: "app-eliminate-submission", inputs: ["onSuccessHandler", "pagingElement"] }, { type: i17.UnEliminateSubmissionComponent, selector: "app-unEliminate-submission", inputs: ["onSuccessHandler", "pagingElement"] }], directives: [{ type: i18.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i7.NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "triggers", "container", "disableTooltip", "tooltipClass", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }, { type: i19.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }, { type: i18.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i7.NgbNav, selector: "[ngbNav]", inputs: ["animation", "destroyOnHide", "orientation", "roles", "keyboard", "activeId"], outputs: ["activeIdChange", "shown", "hidden", "navChange"], exportAs: ["ngbNav"] }, { type: i7.NgbNavItem, selector: "[ngbNavItem]", inputs: ["disabled", "domId", "destroyOnHide", "ngbNavItem"], outputs: ["shown", "hidden"], exportAs: ["ngbNavItem"] }, { type: i7.NgbNavLink, selector: "a[ngbNavLink]" }, { type: i7.NgbNavContent, selector: "ng-template[ngbNavContent]" }, { type: i20.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "id", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListAutoScrollDisabled", "cdkDropListOrientation", "cdkDropListLockAxis", "cdkDropListData", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { type: i18.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i20.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragDisabled", "cdkDragStartDelay", "cdkDragLockAxis", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragBoundary", "cdkDragRootElement", "cdkDragPreviewContainer", "cdkDragData", "cdkDragFreeDragPosition"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { type: i20.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { type: i7.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i7.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i7.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i7.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i1.RouterLink, selector: ":not(a):not(area)[routerLink]", inputs: ["routerLink", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }], pipes: { "surveyDate": i21.SurveyDatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: SurveyInfoComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/users/users.component.js CHANGED Viewed

@@ -784,7 +784,7 @@ export class UsersComponent {
     }
 }
 UsersComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: UsersComponent, deps: [{ token: i1.AuthService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: i2.PageInfoService }, { token: i3.userService }, { token: i4.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-UsersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: UsersComponent, selector: "lib-users", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["UserPagingViewElement"], descendants: true }, { propertyName: "permissionSetDDL", first: true, predicate: ["permissionSetDDL"], descendants: true }, { propertyName: "accountStatusDDL", first: true, predicate: ["accountStatusDDL"], descendants: true }, { propertyName: "lockedStatusDDL", first: true, predicate: ["lockedStatusDDL"], descendants: true }, { propertyName: "departmentsDDL", first: true, predicate: ["departmentsDDL"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <!-- begin::Header -->\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"UsersForm\">\r\n          <!-- (OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"UsersForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <div *ngIf=\"showGeneralBtns\" ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n          <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n            <i class=\"fas fa-filter me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Filter\")}}\r\n          </button>\r\n          <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 dropdown-menu dropdown-menu-right\">\r\n            <form [formGroup]=\"UsersForm\">\r\n              <div class=\"px-7 py-5\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #permissionSetDDL [options]=\"permissionSetsOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #accountStatusDDL [options]=\"accountStatusOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #lockedStatusDDL [options]=\"lockedStatusOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #departmentsDDL [options]=\"departmentsOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"d-flex justify-content-end\">\r\n                  <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"usersFiltersBtn\">\r\n                    {{utilityService.getResourceValue(\"Reset\")}}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <button *ngIf=\"showGeneralBtns\" href=\"javascript:;\" type=\"button\" (click)=\"exportExcel()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\"\r\n                title=\"Export\">\r\n          <i class=\"fas fa-download me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Export\")}}\r\n        </button>\r\n        <button *ngIf=\"showActivateBtn\" type=\"button\" id=\"btnActivate\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(1, ConfirmationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"Activate\")}}\r\n        </button>\r\n        <button *ngIf=\"showDeactivateBtn\" type=\"button\" id=\"btnDeactivate\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(2, ConfirmationModal)\">\r\n          <i class=\"fa fa-power-off\"></i>{{utilityService.getResourceValue(\"Deactivate\")}}\r\n        </button>\r\n        <button *ngIf=\"showResetPassBtn\" type=\"button\" id=\"btnResetPass\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(3, ConfirmationModal)\">\r\n          <i class=\"fa fa-cog\"></i>{{utilityService.getResourceValue(\"ResetPassword\")}}\r\n        </button>\r\n        <button *ngIf=\"showSendEmailBtn\" type=\"button\" id=\"btnResendActivation\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(4 , ConfirmationModal)\">\r\n          <i class=\"fa fa-envelope\"></i> {{utilityService.getResourceValue(\"SendActivationEmail\")}}\r\n        </button>\r\n        <button *ngIf=\"showGeneralBtns\" type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddUserModal(addUserModal)\">\r\n          <i class=\"fas fa-plus me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <!-- end::Header -->\r\n    <!-- begin::Body -->\r\n    <div class=\"card-body py-3\">\r\n      <!-- begin::Table container -->\r\n      <div class=\"table-responsive\">\r\n        <!-- begin::Table -->\r\n        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer users-table\">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"w-50px\">\r\n                <span>\r\n                  <label class=\"form-check form-check-sm form-check-custom form-check-solid\">\r\n                    <mat-checkbox (change)=\"selectAllUserList($event,clientSidePagingResult)\" [checked]=\"allSelected\">\r\n                    </mat-checkbox>\r\n                    <!--<input type=\"checkbox\" class=\"form-check-input\" (change)=\"selectAllUserList($event,UserPagingResult)\" id=\"chk_SelectAll\">-->\r\n                    &nbsp;<span></span>\r\n                  </label>\r\n                </span>\r\n              </th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Mobile\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Roles\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n              <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n            <tr *ngFor=\"let user of clientSidePagingResult\">\r\n              <td class=\"\">\r\n                <span>\r\n                  <label class=\"form-check form-check-sm form-check-custom form-check-solid\">\r\n                    <!--<input type=\"checkbox\" class=\"form-check-input\" (change)=\"updateUserList($event,user)\" id=\"User-{{user.id}}\">-->\r\n                    <span></span>\r\n                    <mat-checkbox (change)=\"updateUserList($event,user)\" [(ngModel)]=\"user.selected\">\r\n                    </mat-checkbox>\r\n                  </label>\r\n                </span>\r\n              </td>\r\n              <td>\r\n                <div class=\"d-flex align-items-center\">\r\n                  <div class=\"symbol symbol-35px\">\r\n                    <h6 class=\"symbol-label font-size-h5 font-weight-bold bg-light-primary ml-2 mb-0 me-3\">A</h6>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-start flex-column\">\r\n                    <a (click)=\"showEditUserModal(user.iD_GUID,EditUserModal)\" href=\"javascript:void(0)\" class=\"text-dark fw-bolder text-hover-primary fs-6\">{{user.nameStr}}</a>\r\n                  </div>\r\n                </div>\r\n              </td>\r\n              <td>{{user.username}}</td>\r\n              <td>{{user.mobile}}</td>\r\n              <td>{{user.permissionset}}</td>\r\n              <td>\r\n                <span class=\"badge badge-light-success\" *ngIf=\"user.isActive==true\">\r\n                  {{utilityService.getResourceValue(\"Active\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-danger\" *ngIf=\"user.isActive==false&& user.activationDate!=null\">\r\n                  {{utilityService.getResourceValue(\"Deactivated\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-warning\" *ngIf=\"user.isActive==false&& user.activationDate==null\">\r\n                  {{utilityService.getResourceValue(\"PendingActivation\")}}\r\n                </span>\r\n              </td>\r\n              <td>\r\n                <div>\r\n                  <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                    <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                  </button>\r\n                  <mat-menu #menu=\"matMenu\">\r\n                    <button type=\"button\" class=\"menu-item px-3\" ngbDropdownItem (click)=\"showEditUserModal(user.iD_GUID,EditUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" *ngIf=\"user.isActive\" id=\"btnDeactivate\" (click)=\"showActivateUserModal(user,false,ActivateUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Deactivate\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnactivate\" (click)=\"showActivateUserModal(user,true,ActivateUserModal)\" *ngIf=\"!user.isActive\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Activate\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" (click)=\"showResetPasswordUserModal(user , ResetPasswordUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"ResetPassword\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" (click)=\"showsetPasswordUserModal(user, setPasswordUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"SetPassword\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" *ngIf=\"!user.isActive&&user.activationDate==null\" (click)=\"showSendActivationEmailModal(user , SendActivationEmailModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"SendActivationEmail\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"6\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n        <!-- end::Table -->\r\n      </div>\r\n      <!-- end::Table container -->\r\n\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <!-- begin paging-->\r\n      <BBSF-Paging (Items)=\"setUsersListResult($event)\" *ngIf=\"IsFilterLoaded\" [options]=\"UserPaging\"\r\n                   [group]=\"UsersForm\" #UserPagingViewElement>\r\n      </BBSF-Paging>\r\n      <!-- End paging-->\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- add user-->\r\n<ng-template #addUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddUser\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddUserFormOptions\">\r\n      <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddUserForm\"></BBSF-MultiLingualTextBox>\r\n      <BBSF-TextBox [options]=\"AddUsername\" [group]=\"AddUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"AddSamAccount\" [group]=\"AddUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"AddUserEID\" [group]=\"AddUserForm\"></BBSF-TextBox>\r\n      <BBSF-DropdownList [options]=\"AddUserNationality\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <BBSF-Phone [options]=\"AddMobileNumber\" [group]=\"AddUserForm\"></BBSF-Phone>\r\n      <BBSF-DropdownList [options]=\"AddUserDepartment\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <BBSF-Toggleslide [options]=\"AddSendActivationEmail\" [group]=\"AddUserForm\"></BBSF-Toggleslide>\r\n      <BBSF-DropdownList (OnChange)=\"changePermissionSet($event,true)\" [options]=\"AddUserPermissionSet\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"AddUserPermissions\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <BBSF-ProfileImageUploader [options]=\"AddProfileImage\" [group]=\"AddUserForm\"></BBSF-ProfileImageUploader>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseUserModal id=\"CloseUserModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Edit user-->\r\n<ng-template #EditUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditUser\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditUserFormOptions\">\r\n      <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditUserForm\"></BBSF-MultiLingualTextBox>\r\n      <BBSF-Phone [options]=\"EditMobileNumber\" [group]=\"EditUserForm\"></BBSF-Phone>\r\n      <BBSF-TextBox [options]=\"EditUsername\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"EditEmail\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"EditSamAccount\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"EditUserEID\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-DropdownList [options]=\"EditUserNationality\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"EditUserDepartment\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <BBSF-DropdownList (OnChange)=\"changePermissionSet($event,false)\" [options]=\"EditUserPermissionSet\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"EditUserPermissions\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <BBSF-ProfileImageUploader [options]=\"EditProfileImage\" [group]=\"EditUserForm\"></BBSF-ProfileImageUploader>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" #CloseEditUserModal id=\"CloseEditUserModal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n  </div>\r\n</ng-template>\r\n<!-- Deactivate/Activate User Modal -->\r\n<ng-template #ActivateUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\" *ngIf=\"!ShowActivateModelData\" id=\"exampleModalLabel\">\r\n        {{utilityService.getResourceValue(\"Deactivate\")}}\r\n      </h1>\r\n      <h1 class=\"mb-3\" *ngIf=\"ShowActivateModelData\" id=\"exampleModalLabel\">\r\n        {{utilityService.getResourceValue(\"Activate\")}}\r\n      </h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\" *ngIf=\"!ShowActivateModelData\">\r\n            {{utilityService.getResourceValue(\"DeactivateConfirmation\")}}\r\n          </div>\r\n          <div class=\"fs-6 text-gray-700\" *ngIf=\"ShowActivateModelData\">\r\n            {{utilityService.getResourceValue(\"ActivateConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div id=\"\" class=\"\">\r\n      <div class=\"table-responsive\">\r\n        <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n          <thead>\r\n            <tr>\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n            <tr class=\"trItem\">\r\n              <td>{{Name}}</td>\r\n              <td>{{Email}}</td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button type=\"button\" #CloseActivateUserModal id=\"CloseActivateUserModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n      <button type=\"button\" *ngIf=\"!ShowActivateModelData\" (click)=\"deactivate()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ShowActivateModelData\" (click)=\"activate()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n<!-- ResetPassword User Modal -->\r\n<ng-template #ResetPasswordUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResetPassword\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"ResetPasswordConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-200\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-200\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr class=\"trItem\">\r\n            <td class=\"text-dark\">{{Name}}</td>\r\n            <td>{{Email}}</td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n\r\n    <div class=\"text-center pt-7\">\r\n      <button id=\"CloseResetPasswordUserModal\" #CloseResetPasswordUserModal type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n\r\n      <button type=\"button\" (click)=\"resetPassword()\" class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- setPassword User Modal -->\r\n<ng-template #setPasswordUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SetPassword\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"SetPasswordConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <!-- begin::Table -->\r\n    <BBSF-Form [options]=\"SetUserPasswordFormOptions\">\r\n      <div class=\"table-responsive\">\r\n        <table id=\"tableConfirmation\" class=\"table table-row-dashed fs-6 gy-5 dataTable no-footer \">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"min-w-50\"> {{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-50\"> {{utilityService.getResourceValue(\"Email\")}}</th>\r\n              <th class=\"min-w-150\"> {{utilityService.getResourceValue(\"Password\")}}</th>\r\n              <th class=\"min-w-150\"> {{utilityService.getResourceValue(\"ConfirmPassword\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n            <tr class=\"trItem\">\r\n              <td class=\"align-middle\">{{Name}}</td>\r\n              <td class=\"align-middle\">{{Email}}</td>\r\n              <td>\r\n                <BBSF-TextBox [options]=\"Password\" [group]=\"SetUserPasswordForm\"></BBSF-TextBox>\r\n              </td>\r\n              <td>\r\n                <BBSF-TextBox [options]=\"PasswordConfirmation\" [group]=\"SetUserPasswordForm\"></BBSF-TextBox>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button id=\"ClosesetPasswordUserModal\" #ClosesetPasswordUserModal type=\"button\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Send Activation Email Modal -->\r\n<ng-template #SendActivationEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SendActivationEmail\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"ActivateConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"note note-warning text-center\">\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            <th class=\"min-w-50\" *ngIf=\"SelectedUserList.length>1\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr *ngFor=\"let user of SelectedUserList\" class=\"trItem\">\r\n            <td class=\"text-dark\">{{user.nameStr}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf=\"SelectedUserList.length>1\">\r\n              <button type=\"button\" (click)=\"deleteUserFromList(user)\"\r\n                      class=\"btn btn-light-danger btn-icon btn-sm\">\r\n                <i class=\"fas fa-trash\"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button #CloseActivationEmailModal id=\"CloseActivationEmailModal\" type=\"button\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n      <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"sendActivationEmailForUser()\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- confirmation Message  Modal -->\r\n<ng-template #ConfirmationModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ConfirmationMessage\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{ConfirmationMessage}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            <th class=\"min-w-50\" *ngIf=\"SelectedUserList.length>1\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr *ngFor=\"let user of SelectedUserList\" class=\"trItem\">\r\n            <td class=\"text-dark\">{{user.nameStr}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf=\"SelectedUserList.length>1\">\r\n              <button type=\"button\" (click)=\"deleteUserFromList(user)\"\r\n                      class=\"btn btn-light-danger btn-icon\">\r\n                <i class=\"fas fa-trash\"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button #CloseConfirmationModal id=\"CloseConfirmationModal\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">\r\n        {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n      </button>\r\n\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==1\" (click)=\"activateUserList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==2\" (click)=\"deactivateUserList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==3\" (click)=\"resetUserPasswordList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==4\" (click)=\"sendActivationEmailForUser()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n", components: [{ type: i5.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ProfileImageUploaderComponent, selector: "BBSF-ProfileImageUploader", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i11.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i11.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i10.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i4.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i11.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i4.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i12.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+UsersComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: UsersComponent, selector: "lib-users", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["UserPagingViewElement"], descendants: true }, { propertyName: "permissionSetDDL", first: true, predicate: ["permissionSetDDL"], descendants: true }, { propertyName: "accountStatusDDL", first: true, predicate: ["accountStatusDDL"], descendants: true }, { propertyName: "lockedStatusDDL", first: true, predicate: ["lockedStatusDDL"], descendants: true }, { propertyName: "departmentsDDL", first: true, predicate: ["departmentsDDL"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\r\n  <!-- begin::Header -->\r\n  <div class=\"card card-custom-h\">\r\n    <div class=\"card-header border-0 pt-5\">\r\n      <div class=\"card-title align-items-start flex-column\" *ngIf=\"IsFilterLoaded\">\r\n        <form [formGroup]=\"UsersForm\">\r\n          <!-- (OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox [options]=\"searchTextBox\" [group]=\"UsersForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <div *ngIf=\"showGeneralBtns\" ngbDropdown class=\"d-inline-block\" [ngStyle]=\"{'display': ShowPageContent==true?'block':'none'}\">\r\n          <button (click)=\"loadLists()\" ngbDropdownToggle href=\"javascript:;\" type=\"button\" class=\"btn btn-sm btn-light-primary me-3\" id=\"FiltersDropdown\" title=\"Filter\">\r\n            <i class=\"fas fa-filter me-1\"></i>\r\n            {{utilityService.getResourceValue(\"Filter\")}}\r\n          </button>\r\n          <div *ngIf=\"IsFilterLoaded\" ngbDropdownMenu aria-labelledby=\"FiltersDropdown\" class=\" filter-container menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg-light-primary  w-250px w-md-500px fw-bold py-3 dropdown-menu dropdown-menu-right\">\r\n            <form [formGroup]=\"UsersForm\">\r\n              <div class=\"px-7 py-5\">\r\n                <div class=\"row\">\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #permissionSetDDL [options]=\"permissionSetsOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #accountStatusDDL [options]=\"accountStatusOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #lockedStatusDDL [options]=\"lockedStatusOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"col-lg-6\">\r\n                    <div class=\"mb-10\">\r\n                      <BBSF-DropdownList #departmentsDDL [options]=\"departmentsOptions\" [group]=\"UsersForm\"></BBSF-DropdownList>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div class=\"d-flex justify-content-end\">\r\n                  <button class=\"btn btn-light btn-active-light-primary pv-reset btn-sm\" name=\"usersFiltersBtn\">\r\n                    {{utilityService.getResourceValue(\"Reset\")}}\r\n                  </button>\r\n                </div>\r\n              </div>\r\n            </form>\r\n          </div>\r\n        </div>\r\n        <button *ngIf=\"showGeneralBtns\" href=\"javascript:;\" type=\"button\" (click)=\"exportExcel()\" class=\"btn btn-sm btn-light-primary me-3 bnsights-btn-export\"\r\n                title=\"Export\">\r\n          <i class=\"fas fa-download me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Export\")}}\r\n        </button>\r\n        <button *ngIf=\"showActivateBtn\" type=\"button\" id=\"btnActivate\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(1, ConfirmationModal)\">\r\n          <i class=\"fa fa-history\"></i> {{utilityService.getResourceValue(\"Activate\")}}\r\n        </button>\r\n        <button *ngIf=\"showDeactivateBtn\" type=\"button\" id=\"btnDeactivate\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(2, ConfirmationModal)\">\r\n          <i class=\"fa fa-power-off\"></i>{{utilityService.getResourceValue(\"Deactivate\")}}\r\n        </button>\r\n        <button *ngIf=\"showResetPassBtn\" type=\"button\" id=\"btnResetPass\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(3, ConfirmationModal)\">\r\n          <i class=\"fa fa-cog\"></i>{{utilityService.getResourceValue(\"ResetPassword\")}}\r\n        </button>\r\n        <button *ngIf=\"showSendEmailBtn\" type=\"button\" id=\"btnResendActivation\" class=\"btn btn-sm btn-light-primary me-3\" href=\"javascript:;\" (click)=\"showConfirmationModal(4 , ConfirmationModal)\">\r\n          <i class=\"fa fa-envelope\"></i> {{utilityService.getResourceValue(\"SendActivationEmail\")}}\r\n        </button>\r\n        <button *ngIf=\"showGeneralBtns\" type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddUserModal(addUserModal)\">\r\n          <i class=\"fas fa-plus me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <!-- end::Header -->\r\n    <!-- begin::Body -->\r\n    <div class=\"card-body py-3\">\r\n      <!-- begin::Table container -->\r\n      <div class=\"table-responsive\">\r\n        <!-- begin::Table -->\r\n        <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer users-table\">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"w-50px\">\r\n                <span>\r\n                  <label class=\"form-check form-check-sm form-check-custom form-check-solid\">\r\n                    <mat-checkbox (change)=\"selectAllUserList($event,clientSidePagingResult)\" [checked]=\"allSelected\">\r\n                    </mat-checkbox>\r\n                    <!--<input type=\"checkbox\" class=\"form-check-input\" (change)=\"selectAllUserList($event,UserPagingResult)\" id=\"chk_SelectAll\">-->\r\n                    &nbsp;<span></span>\r\n                  </label>\r\n                </span>\r\n              </th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Mobile\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Roles\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Status\")}}</th>\r\n              <th class=\"min-w-50px\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody id=\"listingContainer\" class=\"fw-bold text-gray-600 border-0\">\r\n            <tr *ngFor=\"let user of clientSidePagingResult\">\r\n              <td class=\"\">\r\n                <span>\r\n                  <label class=\"form-check form-check-sm form-check-custom form-check-solid\">\r\n                    <!--<input type=\"checkbox\" class=\"form-check-input\" (change)=\"updateUserList($event,user)\" id=\"User-{{user.id}}\">-->\r\n                    <span></span>\r\n                    <mat-checkbox (change)=\"updateUserList($event,user)\" [(ngModel)]=\"user.selected\">\r\n                    </mat-checkbox>\r\n                  </label>\r\n                </span>\r\n              </td>\r\n              <td>\r\n                <div class=\"d-flex align-items-center\">\r\n                  <div class=\"symbol symbol-35px\">\r\n                    <h6 class=\"symbol-label font-size-h5 font-weight-bold bg-light-primary ml-2 mb-0 me-3\">A</h6>\r\n                  </div>\r\n                  <div class=\"d-flex justify-content-start flex-column\">\r\n                    <a (click)=\"showEditUserModal(user.iD_GUID,EditUserModal)\" href=\"javascript:void(0)\" class=\"text-dark fw-bolder text-hover-primary fs-6\">{{user.nameStr}}</a>\r\n                  </div>\r\n                </div>\r\n              </td>\r\n              <td>{{user.username}}</td>\r\n              <td>{{user.mobile}}</td>\r\n              <td>{{user.permissionset}}</td>\r\n              <td>\r\n                <span class=\"badge badge-light-success\" *ngIf=\"user.isActive==true\">\r\n                  {{utilityService.getResourceValue(\"Active\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-danger\" *ngIf=\"user.isActive==false&& user.activationDate!=null\">\r\n                  {{utilityService.getResourceValue(\"Deactivated\")}}\r\n                </span>\r\n                <span class=\"badge badge-light-warning\" *ngIf=\"user.isActive==false&& user.activationDate==null\">\r\n                  {{utilityService.getResourceValue(\"PendingActivation\")}}\r\n                </span>\r\n              </td>\r\n              <td>\r\n                <div>\r\n                  <button mat-button [matMenuTriggerFor]=\"menu\" class=\"btn btn-sm btn-icon btn-light btn-active-light-primary\">\r\n                    <i class=\"fa fa-ellipsis-h\" aria-hidden=\"true\"></i>\r\n                  </button>\r\n                  <mat-menu #menu=\"matMenu\">\r\n                    <button type=\"button\" class=\"menu-item px-3\" ngbDropdownItem (click)=\"showEditUserModal(user.iD_GUID,EditUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" *ngIf=\"user.isActive\" id=\"btnDeactivate\" (click)=\"showActivateUserModal(user,false,ActivateUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Deactivate\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnactivate\" (click)=\"showActivateUserModal(user,true,ActivateUserModal)\" *ngIf=\"!user.isActive\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"Activate\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" (click)=\"showResetPasswordUserModal(user , ResetPasswordUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"ResetPassword\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" (click)=\"showsetPasswordUserModal(user, setPasswordUserModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"SetPassword\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"menu-item px-3\" id=\"btnResetPass\" *ngIf=\"!user.isActive&&user.activationDate==null\" (click)=\"showSendActivationEmailModal(user , SendActivationEmailModal)\">\r\n                      <span class=\"menu-link px-3\">{{utilityService.getResourceValue(\"SendActivationEmail\")}}</span>\r\n                    </button>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"6\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n        <!-- end::Table -->\r\n      </div>\r\n      <!-- end::Table container -->\r\n\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <!-- begin paging-->\r\n      <BBSF-Paging (Items)=\"setUsersListResult($event)\" *ngIf=\"IsFilterLoaded\" [options]=\"UserPaging\"\r\n                   [group]=\"UsersForm\" #UserPagingViewElement>\r\n      </BBSF-Paging>\r\n      <!-- End paging-->\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!-- add user-->\r\n<ng-template #addUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" (click)=\"modal.dismiss()\" class=\"btn btn-sm btn-icon btn-active-color-primary\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"AddUser\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddUserFormOptions\">\r\n      <BBSF-MultiLingualTextBox [options]=\"AddName\" [group]=\"AddUserForm\"></BBSF-MultiLingualTextBox>\r\n      <BBSF-TextBox [options]=\"AddUsername\" [group]=\"AddUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"AddSamAccount\" [group]=\"AddUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"AddUserEID\" [group]=\"AddUserForm\"></BBSF-TextBox>\r\n      <BBSF-DropdownList [options]=\"AddUserNationality\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <BBSF-Phone [options]=\"AddMobileNumber\" [group]=\"AddUserForm\"></BBSF-Phone>\r\n      <BBSF-DropdownList [options]=\"AddUserDepartment\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <BBSF-Toggleslide [options]=\"AddSendActivationEmail\" [group]=\"AddUserForm\"></BBSF-Toggleslide>\r\n      <BBSF-DropdownList (OnChange)=\"changePermissionSet($event,true)\" [options]=\"AddUserPermissionSet\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"AddUserPermissions\" [group]=\"AddUserForm\"></BBSF-DropdownList>\r\n      <BBSF-ProfileImageUploader [options]=\"AddProfileImage\" [group]=\"AddUserForm\"></BBSF-ProfileImageUploader>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" #CloseUserModal id=\"CloseUserModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Edit user-->\r\n<ng-template #EditUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"EditUser\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditUserFormOptions\">\r\n      <BBSF-MultiLingualTextBox [options]=\"EditName\" [group]=\"EditUserForm\"></BBSF-MultiLingualTextBox>\r\n      <BBSF-Phone [options]=\"EditMobileNumber\" [group]=\"EditUserForm\"></BBSF-Phone>\r\n      <BBSF-TextBox [options]=\"EditUsername\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"EditEmail\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"EditSamAccount\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-TextBox [options]=\"EditUserEID\" [group]=\"EditUserForm\"></BBSF-TextBox>\r\n      <BBSF-DropdownList [options]=\"EditUserNationality\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"EditUserDepartment\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <BBSF-DropdownList (OnChange)=\"changePermissionSet($event,false)\" [options]=\"EditUserPermissionSet\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <BBSF-DropdownList [options]=\"EditUserPermissions\" [group]=\"EditUserForm\"></BBSF-DropdownList>\r\n      <BBSF-ProfileImageUploader [options]=\"EditProfileImage\" [group]=\"EditUserForm\"></BBSF-ProfileImageUploader>\r\n      <div class=\"text-center pt-7\">\r\n        <button type=\"button\" data-dismiss=\"modal\" #CloseEditUserModal id=\"CloseEditUserModal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n  </div>\r\n</ng-template>\r\n<!-- Deactivate/Activate User Modal -->\r\n<ng-template #ActivateUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\" *ngIf=\"!ShowActivateModelData\" id=\"exampleModalLabel\">\r\n        {{utilityService.getResourceValue(\"Deactivate\")}}\r\n      </h1>\r\n      <h1 class=\"mb-3\" *ngIf=\"ShowActivateModelData\" id=\"exampleModalLabel\">\r\n        {{utilityService.getResourceValue(\"Activate\")}}\r\n      </h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\" *ngIf=\"!ShowActivateModelData\">\r\n            {{utilityService.getResourceValue(\"DeactivateConfirmation\")}}\r\n          </div>\r\n          <div class=\"fs-6 text-gray-700\" *ngIf=\"ShowActivateModelData\">\r\n            {{utilityService.getResourceValue(\"ActivateConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div id=\"\" class=\"\">\r\n      <div class=\"table-responsive\">\r\n        <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n          <thead>\r\n            <tr>\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n            <tr class=\"trItem\">\r\n              <td>{{Name}}</td>\r\n              <td>{{Email}}</td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button type=\"button\" #CloseActivateUserModal id=\"CloseActivateUserModal\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}} </button>\r\n      <button type=\"button\" *ngIf=\"!ShowActivateModelData\" (click)=\"deactivate()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ShowActivateModelData\" (click)=\"activate()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n<!-- ResetPassword User Modal -->\r\n<ng-template #ResetPasswordUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ResetPassword\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"ResetPasswordConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-200\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-200\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr class=\"trItem\">\r\n            <td class=\"text-dark\">{{Name}}</td>\r\n            <td>{{Email}}</td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n\r\n    <div class=\"text-center pt-7\">\r\n      <button id=\"CloseResetPasswordUserModal\" #CloseResetPasswordUserModal type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n\r\n      <button type=\"button\" (click)=\"resetPassword()\" class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- setPassword User Modal -->\r\n<ng-template #setPasswordUserModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SetPassword\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"SetPasswordConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <!-- begin::Table -->\r\n    <BBSF-Form [options]=\"SetUserPasswordFormOptions\">\r\n      <div class=\"table-responsive\">\r\n        <table id=\"tableConfirmation\" class=\"table table-row-dashed fs-6 gy-5 dataTable no-footer \">\r\n          <thead>\r\n            <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n              <th class=\"min-w-50\"> {{utilityService.getResourceValue(\"Name\")}}</th>\r\n              <th class=\"min-w-50\"> {{utilityService.getResourceValue(\"Email\")}}</th>\r\n              <th class=\"min-w-150\"> {{utilityService.getResourceValue(\"Password\")}}</th>\r\n              <th class=\"min-w-150\"> {{utilityService.getResourceValue(\"ConfirmPassword\")}}</th>\r\n            </tr>\r\n          </thead>\r\n          <tbody class=\"fw-bold text-gray-600 border-0\">\r\n            <tr class=\"trItem\">\r\n              <td class=\"align-middle\">{{Name}}</td>\r\n              <td class=\"align-middle\">{{Email}}</td>\r\n              <td>\r\n                <BBSF-TextBox [options]=\"Password\" [group]=\"SetUserPasswordForm\"></BBSF-TextBox>\r\n              </td>\r\n              <td>\r\n                <BBSF-TextBox [options]=\"PasswordConfirmation\" [group]=\"SetUserPasswordForm\"></BBSF-TextBox>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button id=\"ClosesetPasswordUserModal\" #ClosesetPasswordUserModal type=\"button\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n        <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n      </div>\r\n    </BBSF-Form>\r\n\r\n\r\n\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Send Activation Email Modal -->\r\n<ng-template #SendActivationEmailModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"SendActivationEmail\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{utilityService.getResourceValue(\"ActivateConfirmation\")}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"note note-warning text-center\">\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            <th class=\"min-w-50\" *ngIf=\"SelectedUserList.length>1\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr *ngFor=\"let user of SelectedUserList\" class=\"trItem\">\r\n            <td class=\"text-dark\">{{user.nameStr}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf=\"SelectedUserList.length>1\">\r\n              <button type=\"button\" (click)=\"deleteUserFromList(user)\"\r\n                      class=\"btn btn-light-danger btn-icon btn-sm\">\r\n                <i class=\"fas fa-trash\"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button #CloseActivationEmailModal id=\"CloseActivationEmailModal\" type=\"button\" aria-label=\"Close\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">{{utilityService.getResourceValue(\"CancelLabel\")}}</button>\r\n      <button type=\"button\" class=\"btn btn-primary btn-sm\" (click)=\"sendActivationEmailForUser()\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- confirmation Message  Modal -->\r\n<ng-template #ConfirmationModal let-modal>\r\n  <div class=\"modal-header pb-0 border-0 justify-content-end\">\r\n    <h5 class=\"modal-title\" id=\"exampleModalLabel\"></h5>\r\n    <button type=\"button\" data-dismiss=\"modal\" aria-label=\"Close\" class=\"btn btn-sm btn-icon btn-active-color-primary\" (click)=\"modal.dismiss()\">\r\n      <span class=\"svg-icon svg-icon-1\">\r\n        <span [inlineSVG]=\"'./src/assets/images/arr061.svg'\"></span>\r\n      </span>\r\n    </button>\r\n  </div>\r\n  <div class=\"modal-body scroll-y px-10 px-lg-15 pt-0 pb-15\">\r\n    <div class=\"mb-13 text-center\">\r\n      <h1 class=\"mb-3\">{{utilityService.getResourceValue(\"ConfirmationMessage\")}}</h1>\r\n    </div>\r\n    <div class=\"notice d-flex bg-light-warning rounded border-warning border border-dashed mb-10 p-6\">\r\n      <!--begin::Icon-->\r\n      <!--begin::Svg Icon | path: icons/duotune/general/gen044.svg-->\r\n      <span class=\"svg-icon svg-icon-2tx svg-icon-warning me-4\">\r\n        <span [inlineSVG]=\"'./src/assets/images/gen044.svg'\"></span>\r\n      </span>\r\n      <!--end::Svg Icon-->\r\n      <!--end::Icon-->\r\n      <!--begin::Wrapper-->\r\n      <div class=\"d-flex flex-stack flex-grow-1\">\r\n        <!--begin::Content-->\r\n        <div class=\"fw-bold\">\r\n          <div class=\"fs-6 text-gray-700\">\r\n            {{ConfirmationMessage}}\r\n          </div>\r\n        </div>\r\n        <!--end::Content-->\r\n      </div>\r\n      <!--end::Wrapper-->\r\n    </div>\r\n    <div class=\"table-responsive\">\r\n      <!-- begin::Table -->\r\n      <table id=\"tableConfirmation\" class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer\">\r\n        <thead>\r\n          <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Name\")}}</th>\r\n            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Email\")}}</th>\r\n            <th class=\"min-w-50\" *ngIf=\"SelectedUserList.length>1\">{{utilityService.getResourceValue(\"Action\")}}</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody class=\"fw-bold text-gray-600 border-0\">\r\n          <tr *ngFor=\"let user of SelectedUserList\" class=\"trItem\">\r\n            <td class=\"text-dark\">{{user.nameStr}}</td>\r\n\r\n            <td>{{user.username}}</td>\r\n            <td *ngIf=\"SelectedUserList.length>1\">\r\n              <button type=\"button\" (click)=\"deleteUserFromList(user)\"\r\n                      class=\"btn btn-light-danger btn-icon\">\r\n                <i class=\"fas fa-trash\"></i>\r\n              </button>\r\n            </td>\r\n\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n    <div class=\"text-center pt-7\">\r\n      <button #CloseConfirmationModal id=\"CloseConfirmationModal\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">\r\n        {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n      </button>\r\n\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==1\" (click)=\"activateUserList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==2\" (click)=\"deactivateUserList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==3\" (click)=\"resetUserPasswordList()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n      <button type=\"button\" *ngIf=\"ConfirmationModalType==4\" (click)=\"sendActivationEmailForUser()\"\r\n              class=\"btn btn-primary btn-sm\">\r\n        {{utilityService.getResourceValue(\"SaveLabel\")}}\r\n      </button>\r\n\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n\r\n\r\n", components: [{ type: i5.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange", "OnBlur"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i7.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex", "aria-label", "aria-labelledby", "id", "labelPosition", "name", "required", "checked", "disabled", "indeterminate", "aria-describedby", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i6.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.PhoneComponent, selector: "BBSF-Phone", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ProfileImageUploaderComponent, selector: "BBSF-ProfileImageUploader", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i10.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i11.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i11.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i11.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i4.NgbDropdown, selector: "[ngbDropdown]", inputs: ["open", "placement", "container", "autoClose", "display", "dropdownClass"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { type: i10.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { type: i4.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { type: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i11.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i11.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i8.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["matMenuTriggerRestoreFocus", "mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { type: i4.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["disabled"] }, { type: i12.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: UsersComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/workflows/activity/workflow-activity-add/workflow-activity-add.component.js CHANGED Viewed

@@ -531,7 +531,7 @@ export class WorkflowActivityAddComponent {
     }
 }
 WorkflowActivityAddComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: WorkflowActivityAddComponent, deps: [{ token: i1.WorkflowActivityService }, { token: i2.UtilityService }, { token: i3.ActivatedRoute }, { token: i4.PageInfoService }, { token: i3.Router }, { token: i2.RequestHandlerService }, { token: i2.BBSFTranslateService }], target: i0.ɵɵFactoryTarget.Component });
-WorkflowActivityAddComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: WorkflowActivityAddComponent, selector: "lib-workflow-activity-add", ngImport: i0, template: "<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\" *ngIf=\"isAddFormLoaded\">\r\n    <div class=\"card-body py-3\">\r\n      <BBSF-Form [options]=\"addworkflowActivityFormOptions\">\r\n        <!--Start shared controls container-->\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-MultiLingualTextBox [options]=\"name\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"sysName\" [group]=\"addworkflowActivityForm\">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"activityType\" [group]=\"addworkflowActivityForm\" (OnChange)=\"activityTypeOnChange($event)\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <!--End shared controls container-->\r\n        <!--Start participant container-->\r\n        <div id=\"participantContainer\" *ngIf=\"showParticipantContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantTypes\" [group]=\"addworkflowActivityForm\" (OnChange)=\"participantTypeOnChange($event)\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div *ngIf=\"showParticipantPermssionSet\" class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantPermissionSet\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End participant container-->\r\n        <!--Start static controls-->\r\n        <div *ngIf=\"showStaticControls\" id=\"staticContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"staticOutcomeName\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"staticOutcomeSysName\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"staticOutcomeNextActivity\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"staticOutcomeCanAddComment\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End static controls-->\r\n        <!--Start dynamic controls-->\r\n        <div *ngIf=\"showDynamicControls\" id=\"dynamicContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"dynamicTaskName\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextArea [options]=\"dynamicTaskDescription\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextArea>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"dynamicTaskURL\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"dynamicTaskType\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"dynamicCanComplete\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End dynamic controls-->\r\n\r\n        <!--Start condition controls-->\r\n        <div *ngIf=\"showConditionControls\" id=\"conditionContainer\">\r\n          <div class=\"table-responsive\">\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LeftHandSide\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Condition\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSideType\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSide\")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionLHSDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionsDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionRHSTypeDropDown\" [group]=\"addworkflowActivityForm\" (OnChange)=\"conditionRHSTypeOnChange($event)\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td *ngIf=\"showConditionRHSWFVariable; else conditionTxtValue\">\r\n                    <BBSF-DropdownList [options]=\"conditionRHSDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <ng-template #conditionTxtValue>\r\n                    <td>\r\n                      <BBSF-TextBox [options]=\"conditionRHSValue\" [group]=\"addworkflowActivityForm\">\r\n                      </BBSF-TextBox>\r\n                    </td>\r\n                  </ng-template>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n        <!--End condition controls-->\r\n\r\n        <!--Start outcomes container-->\r\n        <div *ngIf=\"showOutcomesContainer\" id=\"outcomesContainer\" class=\"row\">\r\n          <div class=\"table-responsive\">\r\n            <!-- begin::Table -->\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Decision\")}}</th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr *ngFor=\"let option of outcomesOptions;let i=index;\">\r\n\r\n                  <td>\r\n                    <!--ID-->\r\n                    <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--Name-->\r\n                    <BBSF-MultiLingualTextBox [options]=\"option[1]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-MultiLingualTextBox>\r\n                  </td>\r\n                  <td>\r\n                    <!--SysName-->\r\n                    <BBSF-TextBox [options]=\"option[2]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--hidden SysName-->\r\n                    <BBSF-TextBox [hidden]=\"true\" [options]=\"option[6]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--can edit SysName-->\r\n                    <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[7]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n                  <td>\r\n                    <!--NextActivity-->\r\n                    <BBSF-DropdownList [options]=\"option[3]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <!--CanAddComment-->\r\n                    <BBSF-CheckBox [options]=\"option[4]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n\r\n                  <td>\r\n                    <!--if outcome Can Edit-->\r\n                    <a *ngIf=\"option[5]\" class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteOutcome(option)\">\r\n                      <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                    </a>\r\n                  </td>\r\n                </tr>\r\n                <tr *ngIf=\"canAddOutcome\">\r\n                  <td colspan=\"5\">\r\n                    <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFActivityOutcome()\">\r\n                      {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                    </button>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n\r\n        </div>\r\n        <!--End outcomes container-->\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" class=\"btn btn-light me-3 btn-sm\" (click)=\"cancelAdd()\">\r\n            {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n          </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", components: [{ type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i5.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i5.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+WorkflowActivityAddComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: WorkflowActivityAddComponent, selector: "lib-workflow-activity-add", ngImport: i0, template: "<div class=\"container-fluid\">\r\n  <div class=\"card card-custom-h\" *ngIf=\"isAddFormLoaded\">\r\n    <div class=\"card-body py-3\">\r\n      <BBSF-Form [options]=\"addworkflowActivityFormOptions\">\r\n        <!--Start shared controls container-->\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-MultiLingualTextBox [options]=\"name\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n          </div>\r\n\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-TextBox [options]=\"sysName\" [group]=\"addworkflowActivityForm\">\r\n            </BBSF-TextBox>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"row\">\r\n          <div class=\"col-md-12\">\r\n            <BBSF-DropdownList [options]=\"activityType\" [group]=\"addworkflowActivityForm\" (OnChange)=\"activityTypeOnChange($event)\">\r\n            </BBSF-DropdownList>\r\n          </div>\r\n        </div>\r\n        <!--End shared controls container-->\r\n        <!--Start participant container-->\r\n        <div id=\"participantContainer\" *ngIf=\"showParticipantContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantTypes\" [group]=\"addworkflowActivityForm\" (OnChange)=\"participantTypeOnChange($event)\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div *ngIf=\"showParticipantPermssionSet\" class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"participantPermissionSet\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End participant container-->\r\n        <!--Start static controls-->\r\n        <div *ngIf=\"showStaticControls\" id=\"staticContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"staticOutcomeName\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"staticOutcomeSysName\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"staticOutcomeNextActivity\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"staticOutcomeCanAddComment\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End static controls-->\r\n        <!--Start dynamic controls-->\r\n        <div *ngIf=\"showDynamicControls\" id=\"dynamicContainer\">\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextBox [options]=\"dynamicTaskName\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-MultiLingualTextArea [options]=\"dynamicTaskDescription\" [group]=\"addworkflowActivityForm\"></BBSF-MultiLingualTextArea>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-TextBox [options]=\"dynamicTaskURL\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-TextBox>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-DropdownList [options]=\"dynamicTaskType\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-DropdownList>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"row\">\r\n            <div class=\"col-md-12\">\r\n              <BBSF-Toggleslide [options]=\"dynamicCanComplete\" [group]=\"addworkflowActivityForm\">\r\n              </BBSF-Toggleslide>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <!--End dynamic controls-->\r\n\r\n        <!--Start condition controls-->\r\n        <div *ngIf=\"showConditionControls\" id=\"conditionContainer\">\r\n          <div class=\"table-responsive\">\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"LeftHandSide\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Condition\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSideType\")}}</th>\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"RightHandSide\")}}</th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionLHSDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionsDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <BBSF-DropdownList [options]=\"conditionRHSTypeDropDown\" [group]=\"addworkflowActivityForm\" (OnChange)=\"conditionRHSTypeOnChange($event)\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td *ngIf=\"showConditionRHSWFVariable; else conditionTxtValue\">\r\n                    <BBSF-DropdownList [options]=\"conditionRHSDropDown\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <ng-template #conditionTxtValue>\r\n                    <td>\r\n                      <BBSF-TextBox [options]=\"conditionRHSValue\" [group]=\"addworkflowActivityForm\">\r\n                      </BBSF-TextBox>\r\n                    </td>\r\n                  </ng-template>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n        </div>\r\n        <!--End condition controls-->\r\n\r\n        <!--Start outcomes container-->\r\n        <div *ngIf=\"showOutcomesContainer\" id=\"outcomesContainer\" class=\"row\">\r\n          <div class=\"table-responsive\">\r\n            <!-- begin::Table -->\r\n            <table class=\"table align-middle table-row-dashed fs-6 gy-5 dataTable no-footer table-w-control\">\r\n              <thead>\r\n                <tr class=\"text-start text-gray-400 fw-bolder fs-7 text-uppercase gs-0\">\r\n                  <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Decision\")}}</th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                  <th class=\"min-w-150px\"></th>\r\n                </tr>\r\n              </thead>\r\n              <tbody class=\"fw-bold text-gray-600 border-0\">\r\n                <tr *ngFor=\"let option of outcomesOptions;let i=index;\">\r\n\r\n                  <td>\r\n                    <!--ID-->\r\n                    <BBSF-TextBox [hidden]=\"true\" [options]=\"option[0]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--Name-->\r\n                    <BBSF-MultiLingualTextBox [options]=\"option[1]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-MultiLingualTextBox>\r\n                  </td>\r\n                  <td>\r\n                    <!--SysName-->\r\n                    <BBSF-TextBox [options]=\"option[2]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--hidden SysName-->\r\n                    <BBSF-TextBox [hidden]=\"true\" [options]=\"option[6]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-TextBox>\r\n                    <!--can edit SysName-->\r\n                    <BBSF-CheckBox [hidden]=\"true\" [options]=\"option[7]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n                  <td>\r\n                    <!--NextActivity-->\r\n                    <BBSF-DropdownList [options]=\"option[3]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-DropdownList>\r\n                  </td>\r\n                  <td>\r\n                    <!--CanAddComment-->\r\n                    <BBSF-CheckBox [options]=\"option[4]\" [group]=\"addworkflowActivityForm\">\r\n                    </BBSF-CheckBox>\r\n                  </td>\r\n\r\n                  <td>\r\n                    <!--if outcome Can Edit-->\r\n                    <a *ngIf=\"option[5]\" class=\"btn btn-icon btn-light-danger btn-sm\" (click)=\"deleteOutcome(option)\">\r\n                      <i class=\" fa fa-trash hidden\" aria-hidden=\"true\"></i>\r\n                    </a>\r\n                  </td>\r\n                </tr>\r\n                <tr *ngIf=\"canAddOutcome\">\r\n                  <td colspan=\"5\">\r\n                    <button type=\"button\" class=\"w-100 btn btn-success\" (click)=\"addWFActivityOutcome()\">\r\n                      {{utilityService.getResourceValue(\"AddNewRecord\")}}\r\n                    </button>\r\n                  </td>\r\n                </tr>\r\n              </tbody>\r\n            </table>\r\n          </div>\r\n\r\n        </div>\r\n        <!--End outcomes container-->\r\n\r\n        <div class=\"text-center pt-7\">\r\n          <button type=\"button\" class=\"btn btn-light me-3 btn-sm\" (click)=\"cancelAdd()\">\r\n            {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n          </button>\r\n          <button type=\"submit\" class=\"btn btn-primary btn-sm\">{{utilityService.getResourceValue(\"SaveLabel\")}}</button>\r\n        </div>\r\n      </BBSF-Form>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n", components: [{ type: i5.FormComponent, selector: "BBSF-Form", inputs: ["options"], outputs: ["OnChange"] }, { type: i5.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange", "OnBlur"] }, { type: i5.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i5.ToggleslideComponent, selector: "BBSF-Toggleslide", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.MultiLingualTextAreaComponent, selector: "BBSF-MultiLingualTextArea", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i5.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: WorkflowActivityAddComponent, decorators: [{
             type: Component,
             args: [{