@bnsights/bbsf-admin-portal 1.0.19 → 1.0.22

package/esm2015/lib/Pages/helpCenter/help-center-thirdlevel/help-center-thirdlevel.component.js

@@ -234,7 +234,7 @@ export class HelpCenterThirdlevelComponent {
     }
 }
 HelpCenterThirdlevelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: HelpCenterThirdlevelComponent, deps: [{ token: i1.AuthService }, { token: i2.PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: i3.ActivatedRoute }, { token: i4.HelpCenterService }, { token: i5.NgbModal }], target: i0.ɵɵFactoryTarget.Component });
-HelpCenterThirdlevelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: HelpCenterThirdlevelComponent, selector: "lib-help-center-thirdlevel", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["HelpCenterPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\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]=\"HelpCenterForm\">\r\n           <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox  [options]=\"searchTextBox\" [group]=\"HelpCenterForm\"></BBSF-TextBox>\r\n          <BBSF-TextBox [options]=\"ParentIdTextBox\" [group]=\"HelpCenterForm\" [hidden]=\"true\">\r\n          </BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <button type=\"button\" title=\"Add\" class=\"btn btn-sm btn-primary\" (click)=\"showAddHelpCenterModal(AddHelpCenterModal)\">\r\n          <i class=\" fa fa-plus\"></i>{{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\r\n      <div class=\"table-responsive\">\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-150px\">{{utilityService.getResourceValue(\"Title\")}}</th>\r\n              <th class=\"min-w-150px text-center\">{{utilityService.getResourceValue(\"Visible\")}}</th>\r\n              <th class=\"text-center min-w-50\">{{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\r\n            <tr *ngFor=\"let Item of clientSidePagingResult\">\r\n\r\n              <td>\r\n                <span class=\"text-dark\">{{Item.titleStr}}</span>\r\n              </td>\r\n              <td class=\"text-center\">\r\n                <span *ngIf=\"Item.isHidden;else other_content\">\r\n                  <i class=\"fa fa-times\"></i>\r\n                </span>\r\n                <ng-template #other_content>\r\n                  <i class=\"fa fa-check\"></i>\r\n                </ng-template>\r\n              </td>\r\n              <td class=\"text-center\">\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 class=\"drop-item px-3\" ngbDropdownItem\r\n                            (click)=\"showEditHelpCenterModal(Item.id,Item.idEncrypted,EditHelpCenterModal)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\" (click)=\"showDeleteHelpCenterModal(Item.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</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=\"3\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n\r\n        <!--end:: list-->\r\n      </div>\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging (Items)=\"setHelpCenterItemListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"HelpCenterPaging\" [group]=\"HelpCenterForm\" #HelpCenterPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!--add Modal-->\r\n<ng-template #AddHelpCenterModal 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(\"Add\")}} {{utilityService.getResourceValue(\"HelpCenter\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddHelpCenterFormOptions\">\r\n\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddTitle\" [group]=\"AddHelpCenterForm\"></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-MultiLingualHtmlEditor [options]=\"AddContent\" [group]=\"AddHelpCenterForm\"></BBSF-MultiLingualHtmlEditor>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsHidden\" [group]=\"AddHelpCenterForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseHelpCenterModal id=\"CloseAddHelpCenterModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\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</ng-template>\r\n\r\n<!--Edit Modal-->\r\n<ng-template #EditHelpCenterModal 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(\"Edit\")}} {{utilityService.getResourceValue(\"HelpCenter\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditHelpCenterFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditTitle\" [group]=\"EditHelpCenterForm\"></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-MultiLingualHtmlEditor [options]=\"EditContent\" [group]=\"EditHelpCenterForm\"></BBSF-MultiLingualHtmlEditor>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsHidden\" [group]=\"EditHelpCenterForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditHelpCenterModal id=\"CloseEditHelpCenterModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\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</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n\r\n", components: [{ type: i6.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i7.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i7.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i7.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i7.ɵc, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.ɵl, selector: "BBSF-MultiLingualHtmlEditor", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.ɵg, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], 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: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i5.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"] }] });
+HelpCenterThirdlevelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: HelpCenterThirdlevelComponent, selector: "lib-help-center-thirdlevel", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["HelpCenterPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div class=\"container-fluid\">\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]=\"HelpCenterForm\">\r\n           <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox  [options]=\"searchTextBox\" [group]=\"HelpCenterForm\"></BBSF-TextBox>\r\n          <BBSF-TextBox [options]=\"ParentIdTextBox\" [group]=\"HelpCenterForm\" [hidden]=\"true\">\r\n          </BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <button type=\"button\" title=\"Add\" class=\"btn btn-sm btn-primary\" (click)=\"showAddHelpCenterModal(AddHelpCenterModal)\">\r\n          <i class=\" fa fa-plus\"></i>{{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\r\n      <div class=\"table-responsive\">\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-150px\">{{utilityService.getResourceValue(\"Title\")}}</th>\r\n              <th class=\"min-w-150px text-center\">{{utilityService.getResourceValue(\"Visible\")}}</th>\r\n              <th class=\"text-center min-w-50\">{{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\r\n            <tr *ngFor=\"let Item of clientSidePagingResult\">\r\n\r\n              <td>\r\n                <span class=\"text-dark\">{{Item.titleStr}}</span>\r\n              </td>\r\n              <td class=\"text-center\">\r\n                <span *ngIf=\"Item.isHidden;else other_content\">\r\n                  <i class=\"fa fa-times\"></i>\r\n                </span>\r\n                <ng-template #other_content>\r\n                  <i class=\"fa fa-check\"></i>\r\n                </ng-template>\r\n              </td>\r\n              <td class=\"text-center\">\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 class=\"drop-item px-3\" ngbDropdownItem\r\n                            (click)=\"showEditHelpCenterModal(Item.id,Item.idEncrypted,EditHelpCenterModal)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </button>\r\n                    <button ngbDropdownItem class=\"drop-item px-3\" id=\"btnResetPass\" (click)=\"showDeleteHelpCenterModal(Item.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</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=\"3\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n\r\n        <!--end:: list-->\r\n      </div>\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging (Items)=\"setHelpCenterItemListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"HelpCenterPaging\" [group]=\"HelpCenterForm\" #HelpCenterPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<!--add Modal-->\r\n<ng-template #AddHelpCenterModal 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(\"Add\")}} {{utilityService.getResourceValue(\"HelpCenter\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"AddHelpCenterFormOptions\">\r\n\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"AddTitle\" [group]=\"AddHelpCenterForm\"></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-MultiLingualHtmlEditor [options]=\"AddContent\" [group]=\"AddHelpCenterForm\"></BBSF-MultiLingualHtmlEditor>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsHidden\" [group]=\"AddHelpCenterForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseHelpCenterModal id=\"CloseAddHelpCenterModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\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</ng-template>\r\n\r\n<!--Edit Modal-->\r\n<ng-template #EditHelpCenterModal 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(\"Edit\")}} {{utilityService.getResourceValue(\"HelpCenter\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditHelpCenterFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-MultiLingualTextBox [options]=\"EditTitle\" [group]=\"EditHelpCenterForm\"></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-MultiLingualHtmlEditor [options]=\"EditContent\" [group]=\"EditHelpCenterForm\"></BBSF-MultiLingualHtmlEditor>\r\n        </div>\r\n      </div>\r\n\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsHidden\" [group]=\"EditHelpCenterForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditHelpCenterModal id=\"CloseEditHelpCenterModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\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</ng-template>\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n\r\n\r\n", components: [{ type: i6.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i7.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i8.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i9.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i7.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i7.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i7.MultiLingualTextBoxComponent, selector: "BBSF-MultiLingualTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MultiLingualHtmlEditorComponent, selector: "BBSF-MultiLingualHtmlEditor", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], 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: i10.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: i5.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: HelpCenterThirdlevelComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/impersonation-rules/impersonation-rules/impersonation-rules.component.js

@@ -437,7 +437,7 @@ export class ImpersonationRulesComponent {
     }
 }
 ImpersonationRulesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: ImpersonationRulesComponent, deps: [{ token: i1.AuthService }, { token: i2.PageInfoService }, { token: i1.UtilityService }, { token: i1.BBSFTranslateService }, { token: i1.EnvironmentService }, { token: i3.ImpersonationRuleService }, { token: i4.NgbModal }, { token: i1.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-ImpersonationRulesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ImpersonationRulesComponent, selector: "lib-impersonation-rules", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ImpersonationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\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]=\"ImpersonationForm\">\r\n           <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox  [options]=\"searchTextBox\" [group]=\"ImpersonationForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddImpersonationModal(AddImpersonationModal)\">\r\n          <i class=\"fas fa-plus me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\r\n      <div class=\"table-responsive\">\r\n        <!--begin::Permission list-->\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\r\n              <th class=\"min-w-150px\"> [{{utilityService.getResourceValue(\"ParticipantType\")}}]{{utilityService.getResourceValue(\"Source\")}}</th>\r\n              <th class=\"min-w-150px\"> [{{utilityService.getResourceValue(\"ParticipantType\")}}]{{utilityService.getResourceValue(\"Destination\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ExpiresAt\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Active\")}}</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\r\n            <tr *ngFor=\"let Impersonation of clientSidePagingResult\">\r\n\r\n              <td>\r\n                <span class=\"text-dark\">\r\n                  [{{Impersonation.sourceParticipantDTO.participantTypeItemNameStr}}] {{Impersonation.sourceParticipantDTO.participantNameStr}}\r\n                </span>\r\n\r\n              </td>\r\n              <td>  [{{Impersonation.destinationParticipantDTO.participantTypeItemNameStr}}] {{Impersonation.destinationParticipantDTO.participantNameStr}}</td>\r\n\r\n              <td>{{Impersonation.expiresAt}}</td>\r\n              <td>{{Impersonation.isActive}}</td>\r\n\r\n              <td>\r\n\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                    <a class=\"drop-item px-3\" ngbDropdownItem\r\n                       (click)=\"showEditImpersonationModal(Impersonation.id,Impersonation.idEncrypted,EditImpersonationModal)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </a>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\"\r\n                       (click)=\"showDeleteImpersonationModal(Impersonation.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </a>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"5\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n\r\n        <!--end::Permission list-->\r\n      </div>\r\n\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging (Items)=\"setImpersonationListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"ImpersonationPaging\" [group]=\"ImpersonationForm\" #ImpersonationPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<!-- Add Modal -->\r\n<ng-template #AddImpersonationModal 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(\"Add\")}} {{utilityService.getResourceValue(\"ImpersonationRule\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"AddImpersonationFormOptions\">\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddSourceParticipantType\" (OnChange)=\"addSourceParticipantOnChange($event)\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddSourcePermissionSetList\" *ngIf=\"AddShowSourcePermissionList\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"AddSourceUserAutoComplete\" *ngIf=\"AddShowSourceUserAutoComplete\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\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]=\"AddDestinationParticipantType\" (OnChange)=\"addDestinationParticipantOnChange($event)\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddDestinationPermissionSetList\" *ngIf=\"AddShowDestinationPermissionList\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"AddDestinationUserAutoComplete\" *ngIf=\"AddShowDestinationUserAutoComplete\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsActive\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DateTimePicker [options]=\"AddExpiresAt\" [group]=\"AddImpersonationForm\">\r\n\r\n          </BBSF-DateTimePicker>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button CloseImpersonationModal id=\"CloseImpersonationModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\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</ng-template>\r\n\r\n<!--Edit Modal-->\r\n<ng-template #EditImpersonationModal 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(\"Edit\")}} {{utilityService.getResourceValue(\"ImpersonationRule\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditImpersonationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceParticipantType\" (OnChange)=\"editSourceParticipantOnChange($event)\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourcePermissionSetList\" *ngIf=\"EditShowSourcePermissionList\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"EditSourceUserAutoComplete\" *ngIf=\"EditShowSourceUserAutoComplete\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditDestinationParticipantType\" (OnChange)=\"editDestinationParticipantOnChange($event)\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditDestinationPermissionSetList\" *ngIf=\"EditShowDestinationPermissionList\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"EditDestinationUserAutoComplete\" *ngIf=\"EditShowDestinationUserAutoComplete\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsActive\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DateTimePicker [options]=\"EditExpiresAt\" [group]=\"EditImpersonationForm\">\r\n\r\n          </BBSF-DateTimePicker>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditImpersonationModal id=\"CloseEditImpersonationModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\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</ng-template>\r\n\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\r\n\r\n", components: [{ type: i5.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i8.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i6.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵh, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.ɵq, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵg, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵa, selector: "BBSF-DateTimePicker", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ɵw, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.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: i11.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }] });
+ImpersonationRulesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: ImpersonationRulesComponent, selector: "lib-impersonation-rules", viewQueries: [{ propertyName: "pagingElement", first: true, predicate: ["ImpersonationPagingViewElement"], descendants: true }, { propertyName: "ConfirmationModalControl", first: true, predicate: ["ConfirmationModalControl"], descendants: true }], ngImport: i0, template: "<block-ui></block-ui>\r\n<!-- Page Content -->\r\n<div *ngIf=\"ShowPageContent\" class=\"container-fluid\">\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]=\"ImpersonationForm\">\r\n           <!--(OnChange)=\"searchClientSide($event)\" -->\r\n          <BBSF-TextBox  [options]=\"searchTextBox\" [group]=\"ImpersonationForm\"></BBSF-TextBox>\r\n        </form>\r\n      </div>\r\n      <div class=\"card-toolbar\">\r\n        <!-- begin::Menu -->\r\n        <button type=\"button\" class=\"btn btn-sm btn-primary\" title=\"Add\" (click)=\"showAddImpersonationModal(AddImpersonationModal)\">\r\n          <i class=\"fas fa-plus me-1\"></i>\r\n          {{utilityService.getResourceValue(\"Add\")}}\r\n        </button>\r\n\r\n        <!-- end::Menu -->\r\n      </div>\r\n    </div>\r\n    <div class=\"card-body py-3\">\r\n      <div class=\"table-responsive\">\r\n        <!--begin::Permission list-->\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\r\n              <th class=\"min-w-150px\"> [{{utilityService.getResourceValue(\"ParticipantType\")}}]{{utilityService.getResourceValue(\"Source\")}}</th>\r\n              <th class=\"min-w-150px\"> [{{utilityService.getResourceValue(\"ParticipantType\")}}]{{utilityService.getResourceValue(\"Destination\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ExpiresAt\")}}</th>\r\n              <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Active\")}}</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\r\n            <tr *ngFor=\"let Impersonation of clientSidePagingResult\">\r\n\r\n              <td>\r\n                <span class=\"text-dark\">\r\n                  [{{Impersonation.sourceParticipantDTO.participantTypeItemNameStr}}] {{Impersonation.sourceParticipantDTO.participantNameStr}}\r\n                </span>\r\n\r\n              </td>\r\n              <td>  [{{Impersonation.destinationParticipantDTO.participantTypeItemNameStr}}] {{Impersonation.destinationParticipantDTO.participantNameStr}}</td>\r\n\r\n              <td>{{Impersonation.expiresAt}}</td>\r\n              <td>{{Impersonation.isActive}}</td>\r\n\r\n              <td>\r\n\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                    <a class=\"drop-item px-3\" ngbDropdownItem\r\n                       (click)=\"showEditImpersonationModal(Impersonation.id,Impersonation.idEncrypted,EditImpersonationModal)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Edit\")}}</span>\r\n                    </a>\r\n                    <a ngbDropdownItem class=\"drop-item px-3\"\r\n                       (click)=\"showDeleteImpersonationModal(Impersonation.idEncrypted)\">\r\n                      <span class=\"drop-link px-3\">{{utilityService.getResourceValue(\"Delete\")}}</span>\r\n                    </a>\r\n                  </mat-menu>\r\n                </div>\r\n              </td>\r\n            </tr>\r\n            <tr *ngIf=\"clientSidePagingResult.length == 0\">\r\n              <td colspan=\"5\">\r\n                <lib-empty-data></lib-empty-data>\r\n              </td>\r\n            </tr>\r\n          </tbody>\r\n        </table>\r\n\r\n        <!--end::Permission list-->\r\n      </div>\r\n\r\n    </div>\r\n    <div class=\"card-footer border-0\">\r\n      <BBSF-Paging (Items)=\"setImpersonationListResult($event)\" *ngIf=\"IsFilterLoaded\"\r\n                   [options]=\"ImpersonationPaging\" [group]=\"ImpersonationForm\" #ImpersonationPagingViewElement>\r\n      </BBSF-Paging>\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n<!-- Add Modal -->\r\n<ng-template #AddImpersonationModal 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(\"Add\")}} {{utilityService.getResourceValue(\"ImpersonationRule\")}}</h1>\r\n    </div>\r\n\r\n    <BBSF-Form [options]=\"AddImpersonationFormOptions\">\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddSourceParticipantType\" (OnChange)=\"addSourceParticipantOnChange($event)\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddSourcePermissionSetList\" *ngIf=\"AddShowSourcePermissionList\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"AddSourceUserAutoComplete\" *ngIf=\"AddShowSourceUserAutoComplete\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\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]=\"AddDestinationParticipantType\" (OnChange)=\"addDestinationParticipantOnChange($event)\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"AddDestinationPermissionSetList\" *ngIf=\"AddShowDestinationPermissionList\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"AddDestinationUserAutoComplete\" *ngIf=\"AddShowDestinationUserAutoComplete\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"AddIsActive\" [group]=\"AddImpersonationForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DateTimePicker [options]=\"AddExpiresAt\" [group]=\"AddImpersonationForm\">\r\n\r\n          </BBSF-DateTimePicker>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button CloseImpersonationModal id=\"CloseImpersonationModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\"\r\n                (click)=\"modal.dismiss()\">\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</ng-template>\r\n\r\n<!--Edit Modal-->\r\n<ng-template #EditImpersonationModal 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(\"Edit\")}} {{utilityService.getResourceValue(\"ImpersonationRule\")}}</h1>\r\n    </div>\r\n    <BBSF-Form [options]=\"EditImpersonationFormOptions\">\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourceParticipantType\" (OnChange)=\"editSourceParticipantOnChange($event)\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditSourcePermissionSetList\" *ngIf=\"EditShowSourcePermissionList\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"EditSourceUserAutoComplete\" *ngIf=\"EditShowSourceUserAutoComplete\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditDestinationParticipantType\" (OnChange)=\"editDestinationParticipantOnChange($event)\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DropdownList [options]=\"EditDestinationPermissionSetList\" *ngIf=\"EditShowDestinationPermissionList\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-DropdownList>\r\n        </div>\r\n        <div class=\"col-md-12\">\r\n          <BBSF-AutocompleteTextBox [options]=\"EditDestinationUserAutoComplete\" *ngIf=\"EditShowDestinationUserAutoComplete\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-AutocompleteTextBox>\r\n        </div>\r\n      </div>\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-CheckBox [options]=\"EditIsActive\" [group]=\"EditImpersonationForm\">\r\n          </BBSF-CheckBox>\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"row\">\r\n        <div class=\"col-md-12\">\r\n          <BBSF-DateTimePicker [options]=\"EditExpiresAt\" [group]=\"EditImpersonationForm\">\r\n\r\n          </BBSF-DateTimePicker>\r\n        </div>\r\n      </div>\r\n      <div class=\"text-center pt-7\">\r\n        <button #CloseEditImpersonationModal id=\"CloseEditImpersonationModal\" type=\"button\"\r\n                class=\"btn btn-light btn-sm  me-3\" data-dismiss=\"modal\" (click)=\"modal.dismiss()\">\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</ng-template>\r\n\r\n\r\n<!--delete Modal-->\r\n<BBSF-ConfirmationModal *ngIf=\"deleteControlLoaded\" [options]=\"DeleteConfirmationOptions\" id=\"ConfirmationModalControl\" #ConfirmationModalControl></BBSF-ConfirmationModal>\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: i7.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { type: i8.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"] }, { type: i6.DropdownListComponent, selector: "BBSF-DropdownList", inputs: ["group", "options"], outputs: ["OnChange", "onClear"] }, { type: i6.AutocompleteTextBoxComponent, selector: "BBSF-AutocompleteTextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.CheckBoxComponent, selector: "BBSF-CheckBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.DateInputComponent, selector: "BBSF-DateTimePicker", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.ConfirmationModalComponent, selector: "BBSF-ConfirmationModal", inputs: ["options"] }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i10.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i10.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i10.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i7.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: i11.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: ImpersonationRulesComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/jobs/jobs/jobs.component.js

@@ -203,7 +203,7 @@ export class JobsComponent {
     }
 }
 JobsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: JobsComponent, deps: [{ token: i1.PageInfoService }, { token: i2.UtilityService }, { token: i2.EnvironmentService }, { token: i3.JobsService }, { token: i2.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-JobsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: JobsComponent, selector: "lib-jobs", viewQueries: [{ propertyName: "enqueuedInput", first: true, predicate: ["EnqueuedPagingViewElement"], descendants: true }, { propertyName: "scheduledInput", first: true, predicate: ["ScheduledPagingViewElement"], descendants: true }, { propertyName: "processingInput", first: true, predicate: ["ProcessingPagingViewElement"], descendants: true }, { propertyName: "succeededInput", first: true, predicate: ["SucceededPagingViewElement"], descendants: true }, { propertyName: "failedInput", first: true, predicate: ["FailedPagingViewElement"], descendants: true }, { propertyName: "deletedInput", first: true, predicate: ["DeletedPagingViewElement"], descendants: true }], ngImport: i0, template: "<block-ui> </block-ui>\r\n    <div class=\"container-fluid\">\r\n      <div class=\"card card-custom-h\">\r\n        <div class=\"card-body\">\r\n          <ul ngbNav #nav=\"ngbNav\" class=\"nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bolder\">\r\n            <li ngbNavItem class=\"nav-item mt-2\">\r\n              <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"loadEnqueuedJobs()\">{{utilityService.getResourceValue(\"Enqueued\")}}({{jobCountsModel.Enqueued}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"card\">\r\n                  <div class=\"card-header border-0 pt-5 px-0  justify-content-end\">\r\n                    <div class=\"card-title\" *ngIf=\"isEnqueuedFilterLoaded\">\r\n                        <BBSF-TextBox [options]=\"searchTextBox\"  (OnChange)=\"filterEnqueuedList($event)\" [group]=\"enqueuedForm\"></BBSF-TextBox>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-body py-3 px-0\">\r\n                    <!--begin::Permission list-->\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-150px\">{{utilityService.getResourceValue(\"Job\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"State\")}}</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 job of filteredEnqueuedPagingResult\">\r\n                            <td class=\"text-dark\">{{job.job}}</td>\r\n                            <td>{{job.state}}</td>\r\n                          </tr>\r\n                          <tr  *ngIf=\"filteredEnqueuedPagingResult.length == 0\">\r\n                            <td colspan=\"2\">\r\n                              <lib-empty-data></lib-empty-data>\r\n                            </td>\r\n                          </tr>\r\n\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-footer border-0\">\r\n                    <BBSF-Paging (Items)=\"setEnqueuedListResult($event)\" *ngIf=\"isEnqueuedFilterLoaded\"\r\n                                 [options]=\"enqueuedPaging\" [group]=\"enqueuedForm\" #EnqueuedPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n            <li ngbNavItem class=\"nav-item mt-2\">\r\n              <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"loadScheduledJobs()\">{{utilityService.getResourceValue(\"Scheduled\")}}({{jobCountsModel.Scheduled}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"card\">\r\n                  <div class=\"card-body py-3 px-0\">\r\n                    <!--begin::Permission list-->\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-150px\">{{utilityService.getResourceValue(\"Job\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Enqueued\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Scheduled\")}}</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 job of scheduledPagingResult\">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.enqueueAt}}</td>\r\n                            <td>{{job.scheduledAt}}</td>\r\n                          </tr>\r\n                          <tr  *ngIf=\"scheduledPagingResult.length == 0\">\r\n                            <td colspan=\"3\">\r\n                              <lib-empty-data></lib-empty-data>\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-footer border-0\">\r\n                    <BBSF-Paging (Items)=\"setScheduledListResult($event)\" *ngIf=\"isScheduledFilterLoaded\"\r\n                                 [options]=\"scheduledPaging\" [group]=\"scheduledForm\" #ScheduledPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n            <li ngbNavItem class=\"nav-item mt-2\">\r\n              <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"loadProcessingJobs()\">{{utilityService.getResourceValue(\"Processing\")}}({{jobCountsModel.Processing}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"card\">\r\n                  <div class=\"card-body py-3 px-0\">\r\n                    <!--begin::Permission list-->\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-150px\">{{utilityService.getResourceValue(\"Job\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"StartedAt\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ServerId\")}}</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 job of processingPagingResult\">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.startedAt}}</td>\r\n                            <td>{{job.serverId}}</td>\r\n                          </tr>\r\n                          <tr *ngIf=\"processingPagingResult.length == 0\">\r\n                            <td colspan=\"3\">\r\n                              <lib-empty-data></lib-empty-data>\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-footer border-0\">\r\n                    <BBSF-Paging (Items)=\"setProcessingListResult($event)\" *ngIf=\"isProcessingFilterLoaded\"\r\n                                 [options]=\"processingPaging\" [group]=\"processingForm\" #ProcessingPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n            <li ngbNavItem class=\"nav-item mt-2\">\r\n              <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"loadSucceededJobs()\">{{utilityService.getResourceValue(\"Succeeded\")}}({{jobCountsModel.Succeeded}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"card\">\r\n                  <div class=\"card-body py-3 px-0\">\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\r\n                            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Job\")}}</th>\r\n                            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"SucceededAt\")}}</th>\r\n                            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"TotalDuration\")}}</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 job of succeededPagingResult\">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.succeededAt}}</td>\r\n                            <td>{{job.totalDuration}}</td>\r\n                          </tr>\r\n                          <tr *ngIf=\"succeededPagingResult.length == 0\">\r\n                            <td colspan=\"3\">\r\n                              <lib-empty-data></lib-empty-data>\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n\r\n                  </div>\r\n                  <div class=\"card-footer border-0\">\r\n                    <BBSF-Paging (Items)=\"setSucceededListResult($event)\" *ngIf=\"isSucceededFilterLoaded\"\r\n                                 [options]=\"succeededPaging\" [group]=\"succeededForm\" #SucceededPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n            <li ngbNavItem class=\"nav-item mt-2\">\r\n              <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"loadFailedJobs()\">{{utilityService.getResourceValue(\"Failed\")}}({{jobCountsModel.Failed}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"card\">\r\n                  <div class=\"card-body py-3 px-0\">\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-150\">{{utilityService.getResourceValue(\"FailedAt\")}}</th>\r\n                            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Job\")}}</th>\r\n                            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ErrorMessage\")}}</th>\r\n                            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ErrorMessage\")}}</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 job of failedPagingResult\">\r\n                            <td>{{job.failedAt}}</td>\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.reason}}</td>\r\n                            <td class=\"failed-job-details directionLtr\" *ngIf=\"job.inFailedState\">\r\n                              <div class=\"expandable\">\r\n                                <p> {{job.exceptionType}}</p>\r\n                                <p class=\"text-muted\">\r\n                                  {{job.exceptionMessage}}\r\n                                </p>\r\n\r\n                              </div>\r\n                            </td>\r\n                          </tr>\r\n                          <tr *ngIf=\"failedPagingResult.length == 0\">\r\n                            <td colspan=\"4\">\r\n                              <lib-empty-data></lib-empty-data>\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-footer border-0\">\r\n                    <BBSF-Paging (Items)=\"setFailedListResult($event)\" *ngIf=\"isFailedFilterLoaded\" [options]=\"failedPaging\"\r\n                                 [group]=\"failedForm\" #FailedPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n            <li ngbNavItem class=\"nav-item mt-2\">\r\n              <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"loadDeletedJobs()\">{{utilityService.getResourceValue(\"Deleted\")}}({{jobCountsModel.Deleted}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"card\">\r\n                  <div class=\"card-body py-3 px-0\">\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-150px\">{{utilityService.getResourceValue(\"Job\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"DeletedAt\")}}</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 job of deletedPagingResult\">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.deletedAt}}</td>\r\n                          </tr>\r\n                          <tr  *ngIf=\"deletedPagingResult.length == 0\">\r\n                            <td colspan=\"2\">\r\n                              <lib-empty-data></lib-empty-data>\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-footer border-0\">\r\n                    <BBSF-Paging (Items)=\"setDeletedListResult($event)\" *ngIf=\"isDeletedFilterLoaded\"\r\n                                 [options]=\"deletedPaging\" [group]=\"deletedForm\" #DeletedPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n          </ul>\r\n          <div [ngbNavOutlet]=\"nav\"></div>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n \r\n\r\n", styles: [".card-deck .card{align-items:center;justify-content:center;text-align:center;border-radius:4px;background:#f8f9fa;cursor:pointer}.card-title{margin-bottom:0;font-size:16px}.filter-container.text-dark .form-group label{color:#3f4254}.kt-portlet.custom-portlet{box-shadow:none;background:#f8f9fa;margin-top:35px}.card-deck .card .card-block{padding:20px}\n"], components: [{ type: i4.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i5.ɵd, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i5.ɵs, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i7.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }], directives: [{ 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: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
+JobsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: JobsComponent, selector: "lib-jobs", viewQueries: [{ propertyName: "enqueuedInput", first: true, predicate: ["EnqueuedPagingViewElement"], descendants: true }, { propertyName: "scheduledInput", first: true, predicate: ["ScheduledPagingViewElement"], descendants: true }, { propertyName: "processingInput", first: true, predicate: ["ProcessingPagingViewElement"], descendants: true }, { propertyName: "succeededInput", first: true, predicate: ["SucceededPagingViewElement"], descendants: true }, { propertyName: "failedInput", first: true, predicate: ["FailedPagingViewElement"], descendants: true }, { propertyName: "deletedInput", first: true, predicate: ["DeletedPagingViewElement"], descendants: true }], ngImport: i0, template: "<block-ui> </block-ui>\r\n    <div class=\"container-fluid\">\r\n      <div class=\"card card-custom-h\">\r\n        <div class=\"card-body\">\r\n          <ul ngbNav #nav=\"ngbNav\" class=\"nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bolder\">\r\n            <li ngbNavItem class=\"nav-item mt-2\">\r\n              <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"loadEnqueuedJobs()\">{{utilityService.getResourceValue(\"Enqueued\")}}({{jobCountsModel.Enqueued}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"card\">\r\n                  <div class=\"card-header border-0 pt-5 px-0  justify-content-end\">\r\n                    <div class=\"card-title\" *ngIf=\"isEnqueuedFilterLoaded\">\r\n                        <BBSF-TextBox [options]=\"searchTextBox\"  (OnChange)=\"filterEnqueuedList($event)\" [group]=\"enqueuedForm\"></BBSF-TextBox>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-body py-3 px-0\">\r\n                    <!--begin::Permission list-->\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-150px\">{{utilityService.getResourceValue(\"Job\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"State\")}}</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 job of filteredEnqueuedPagingResult\">\r\n                            <td class=\"text-dark\">{{job.job}}</td>\r\n                            <td>{{job.state}}</td>\r\n                          </tr>\r\n                          <tr  *ngIf=\"filteredEnqueuedPagingResult.length == 0\">\r\n                            <td colspan=\"2\">\r\n                              <lib-empty-data></lib-empty-data>\r\n                            </td>\r\n                          </tr>\r\n\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-footer border-0\">\r\n                    <BBSF-Paging (Items)=\"setEnqueuedListResult($event)\" *ngIf=\"isEnqueuedFilterLoaded\"\r\n                                 [options]=\"enqueuedPaging\" [group]=\"enqueuedForm\" #EnqueuedPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n            <li ngbNavItem class=\"nav-item mt-2\">\r\n              <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"loadScheduledJobs()\">{{utilityService.getResourceValue(\"Scheduled\")}}({{jobCountsModel.Scheduled}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"card\">\r\n                  <div class=\"card-body py-3 px-0\">\r\n                    <!--begin::Permission list-->\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-150px\">{{utilityService.getResourceValue(\"Job\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Enqueued\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"Scheduled\")}}</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 job of scheduledPagingResult\">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.enqueueAt}}</td>\r\n                            <td>{{job.scheduledAt}}</td>\r\n                          </tr>\r\n                          <tr  *ngIf=\"scheduledPagingResult.length == 0\">\r\n                            <td colspan=\"3\">\r\n                              <lib-empty-data></lib-empty-data>\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-footer border-0\">\r\n                    <BBSF-Paging (Items)=\"setScheduledListResult($event)\" *ngIf=\"isScheduledFilterLoaded\"\r\n                                 [options]=\"scheduledPaging\" [group]=\"scheduledForm\" #ScheduledPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n            <li ngbNavItem class=\"nav-item mt-2\">\r\n              <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"loadProcessingJobs()\">{{utilityService.getResourceValue(\"Processing\")}}({{jobCountsModel.Processing}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"card\">\r\n                  <div class=\"card-body py-3 px-0\">\r\n                    <!--begin::Permission list-->\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-150px\">{{utilityService.getResourceValue(\"Job\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"StartedAt\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"ServerId\")}}</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 job of processingPagingResult\">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.startedAt}}</td>\r\n                            <td>{{job.serverId}}</td>\r\n                          </tr>\r\n                          <tr *ngIf=\"processingPagingResult.length == 0\">\r\n                            <td colspan=\"3\">\r\n                              <lib-empty-data></lib-empty-data>\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-footer border-0\">\r\n                    <BBSF-Paging (Items)=\"setProcessingListResult($event)\" *ngIf=\"isProcessingFilterLoaded\"\r\n                                 [options]=\"processingPaging\" [group]=\"processingForm\" #ProcessingPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n            <li ngbNavItem class=\"nav-item mt-2\">\r\n              <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"loadSucceededJobs()\">{{utilityService.getResourceValue(\"Succeeded\")}}({{jobCountsModel.Succeeded}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"card\">\r\n                  <div class=\"card-body py-3 px-0\">\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\r\n                            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Job\")}}</th>\r\n                            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"SucceededAt\")}}</th>\r\n                            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"TotalDuration\")}}</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 job of succeededPagingResult\">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.succeededAt}}</td>\r\n                            <td>{{job.totalDuration}}</td>\r\n                          </tr>\r\n                          <tr *ngIf=\"succeededPagingResult.length == 0\">\r\n                            <td colspan=\"3\">\r\n                              <lib-empty-data></lib-empty-data>\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n\r\n                  </div>\r\n                  <div class=\"card-footer border-0\">\r\n                    <BBSF-Paging (Items)=\"setSucceededListResult($event)\" *ngIf=\"isSucceededFilterLoaded\"\r\n                                 [options]=\"succeededPaging\" [group]=\"succeededForm\" #SucceededPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n            <li ngbNavItem class=\"nav-item mt-2\">\r\n              <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"loadFailedJobs()\">{{utilityService.getResourceValue(\"Failed\")}}({{jobCountsModel.Failed}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"card\">\r\n                  <div class=\"card-body py-3 px-0\">\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-150\">{{utilityService.getResourceValue(\"FailedAt\")}}</th>\r\n                            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"Job\")}}</th>\r\n                            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ErrorMessage\")}}</th>\r\n                            <th class=\"min-w-150\">{{utilityService.getResourceValue(\"ErrorMessage\")}}</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 job of failedPagingResult\">\r\n                            <td>{{job.failedAt}}</td>\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.reason}}</td>\r\n                            <td class=\"failed-job-details directionLtr\" *ngIf=\"job.inFailedState\">\r\n                              <div class=\"expandable\">\r\n                                <p> {{job.exceptionType}}</p>\r\n                                <p class=\"text-muted\">\r\n                                  {{job.exceptionMessage}}\r\n                                </p>\r\n\r\n                              </div>\r\n                            </td>\r\n                          </tr>\r\n                          <tr *ngIf=\"failedPagingResult.length == 0\">\r\n                            <td colspan=\"4\">\r\n                              <lib-empty-data></lib-empty-data>\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-footer border-0\">\r\n                    <BBSF-Paging (Items)=\"setFailedListResult($event)\" *ngIf=\"isFailedFilterLoaded\" [options]=\"failedPaging\"\r\n                                 [group]=\"failedForm\" #FailedPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n            <li ngbNavItem class=\"nav-item mt-2\">\r\n              <a ngbNavLink class=\"nav-link text-active-primary ms-0 me-10 py-5\" (click)=\"loadDeletedJobs()\">{{utilityService.getResourceValue(\"Deleted\")}}({{jobCountsModel.Deleted}})</a>\r\n              <ng-template ngbNavContent>\r\n                <div class=\"card\">\r\n                  <div class=\"card-body py-3 px-0\">\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-150px\">{{utilityService.getResourceValue(\"Job\")}}</th>\r\n                            <th class=\"min-w-150px\">{{utilityService.getResourceValue(\"DeletedAt\")}}</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 job of deletedPagingResult\">\r\n                            <td>{{job.job}}</td>\r\n                            <td>{{job.deletedAt}}</td>\r\n                          </tr>\r\n                          <tr  *ngIf=\"deletedPagingResult.length == 0\">\r\n                            <td colspan=\"2\">\r\n                              <lib-empty-data></lib-empty-data>\r\n                            </td>\r\n                          </tr>\r\n                        </tbody>\r\n                      </table>\r\n                    </div>\r\n                  </div>\r\n                  <div class=\"card-footer border-0\">\r\n                    <BBSF-Paging (Items)=\"setDeletedListResult($event)\" *ngIf=\"isDeletedFilterLoaded\"\r\n                                 [options]=\"deletedPaging\" [group]=\"deletedForm\" #DeletedPagingViewElement>\r\n                    </BBSF-Paging>\r\n                  </div>\r\n                </div>\r\n              </ng-template>\r\n            </li>\r\n          </ul>\r\n          <div [ngbNavOutlet]=\"nav\"></div>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n \r\n\r\n", styles: [".card-deck .card{align-items:center;justify-content:center;text-align:center;border-radius:4px;background:#f8f9fa;cursor:pointer}.card-title{margin-bottom:0;font-size:16px}.filter-container.text-dark .form-group label{color:#3f4254}.kt-portlet.custom-portlet{box-shadow:none;background:#f8f9fa;margin-top:35px}.card-deck .card .card-block{padding:20px}\n"], components: [{ type: i4.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i5.TextboxComponent, selector: "BBSF-TextBox", inputs: ["group", "options"], outputs: ["OnChange"] }, { type: i6.EmptyDataComponent, selector: "lib-empty-data", inputs: ["Message", "ShowImage", "ImgURL"] }, { type: i5.PagingComponent, selector: "BBSF-Paging", inputs: ["options", "group"], outputs: ["Items"] }, { type: i7.NgbNavOutlet, selector: "[ngbNavOutlet]", inputs: ["paneRole", "ngbNavOutlet"] }], directives: [{ 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: i8.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: JobsComponent, decorators: [{
             type: Component,
             args: [{

package/esm2015/lib/Pages/license/license/license.component.js

@@ -149,7 +149,7 @@ export class LicenseComponent {
     }
 }
 LicenseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LicenseComponent, deps: [{ token: i1.PageInfoService }, { token: i2.UtilityService }, { token: i2.EnvironmentService }, { token: i3.LicenseService }, { token: i4.NgbModal }, { token: i2.RequestHandlerService }], target: i0.ɵɵFactoryTarget.Component });
-LicenseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LicenseComponent, selector: "lib-license", ngImport: i0, template: "<block-ui></block-ui>\r\n\r\n  <!--Begin::Section-->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0\">\r\n        <div class=\"card-title\">\r\n          <h3 *ngIf=\"!noLicenseFound\" class=\"\">{{name}}</h3>\r\n          <span *ngIf=\"!noLicenseFound\" class=\"badge badge-light-success m-3 badge-lg\">\r\n            {{utilityService.getResourceValue(\"LicenseActivatedSuccessfully\")}}\r\n          </span>\r\n        </div>\r\n\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" (click)=\"showUploadModal(uploadFileModal)\">\r\n            {{utilityService.getResourceValue(\"Activate\")}}\r\n          </button>\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body d-flex align-items-center justify-content-center\" *ngIf=\"!noLicenseFound\">\r\n        <ng-container *ngIf=\"showTimer\">\r\n          <div class=\"main_Timer\">\r\n            <div class=\"clock\">\r\n              <div class=\"time row\">\r\n                <div class=\"col-lg-2 col-md-4 mb-4 d-flex justify-content-center\">\r\n                  <div class=\"counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded\">\r\n                    <div class=\"counter-title fs-3 fw-bold text-primary d-block\">{{utilityService.getResourceValue(\"Years\")}}</div>\r\n                    <span class=\"years fs-2hx fw-bolder text-gray-900\">{{years}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"col-lg-2 col-md-4 mb-4 d-flex justify-content-center\">\r\n                  <div class=\"counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded\">\r\n                    <div class=\"counter-title fs-3 fw-bold text-primary d-block\">{{utilityService.getResourceValue(\"Months\")}}</div>\r\n                    <span class=\"months fs-2hx fw-bolder text-gray-900\">{{months}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"col-lg-2 col-md-4 mb-4 d-flex justify-content-center\">\r\n                  <div class=\"counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded\">\r\n                    <div class=\"counter-title fs-3 fw-bold text-primary d-block\">{{utilityService.getResourceValue(\"Days\")}}</div>\r\n                    <span class=\"days fs-2hx fw-bolder text-gray-900\">{{days}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"col-lg-2 col-md-4 mb-4 d-flex justify-content-center\">\r\n                  <div class=\"counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded d-none d-md-block\">\r\n                    <div class=\"counter-title fs-3 fw-bold text-primary d-block\">{{utilityService.getResourceValue(\"Hours\")}}</div>\r\n                    <span class=\"hours fs-2hx fw-bolder text-gray-900\">{{hours}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"col-lg-2 col-md-4 mb-4 d-flex justify-content-center\">\r\n                  <div class=\"counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded d-none d-md-block\">\r\n                    <div class=\"counter-title fs-3 fw-bold text-primary d-block\">{{utilityService.getResourceValue(\"Minutes\")}}</div>\r\n                    <span class=\"min fs-2hx fw-bolder text-gray-900\">{{minutes}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"col-lg-2 col-md-4 mb-4 d-flex justify-content-center\">\r\n                  <div class=\"counter-item border bg-light-primary border-primary notice  text-center min-w-150px rounded d-none d-md-block\">\r\n                    <div class=\"counter-title fs-3 fw-bold text-primary d-block\">{{utilityService.getResourceValue(\"Seconds\")}}</div>\r\n                    <span class=\"sec fs-2hx fw-bolder text-gray-900\">{{seconds}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"d-flex justify-content-between align-items-center license-head\" *ngIf=\"noLicenseFound\">\r\n            <h3 class=\"text-danger\">\r\n              {{utilityService.getResourceValue(\"LicenseNotFound\")}}\r\n            </h3>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n      <div *ngIf=\"!noLicenseFound\" class=\"card-footer border-0 d-flex justify-content-between\">\r\n        <div class=\"mb-4\">\r\n          <p class=\"badge badge-light-primary fs-7 fw-bolder me-2 min-w-150px\">{{utilityService.getResourceValue(\"LicenseStartDate\")}}:</p>\r\n          <p class=\"font-weight-500\">{{licenseStartDate | date:'dd-MM-y'}}</p>\r\n        </div>\r\n        <div>\r\n          <p class=\"badge badge-light-danger fs-7 fw-bolder me-2 min-w-150px\">{{utilityService.getResourceValue(\"LicenseExpiryDate\")}}:</p>\r\n          <p class=\"font-weight-500\">{{licenseEndDate | date:'dd-MM-y'}}</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  <!-- activate-->\r\n  <ng-template #uploadFileModal 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(\"UploadLicense\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"uploadFileFormOptions\">\r\n        <BBSF-FileUplaod [options]=\"licenseFileInput\" [group]=\"uploadFileForm\">\r\n        </BBSF-FileUplaod>\r\n        <div class=\"text-center pt-7\">\r\n          <button #CloseLicenseFileModal id=\"CloseLicenseFileModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">\r\n            {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n          </button>\r\n          <button type=\"submit\" (click)=\"isAppendExisting(false)\" class=\"btn btn-light-primary me-3 btn-sm\">{{utilityService.getResourceValue(\"Replace\")}}</button>\r\n          <button type=\"submit\" (click)=\"isAppendExisting(true)\" class=\"btn btn-primary me-3 btn-sm\">{{utilityService.getResourceValue(\"Append\")}}</button>\r\n\r\n        </div>\r\n        </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n", styles: [".counter-item{padding:50px 5px;margin:0 10px}\n"], components: [{ type: i5.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.ɵv, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.ɵb, selector: "BBSF-FileUplaod", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }], pipes: { "date": i7.DatePipe } });
+LicenseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: LicenseComponent, selector: "lib-license", ngImport: i0, template: "<block-ui></block-ui>\r\n\r\n  <!--Begin::Section-->\r\n  <div  class=\"container-fluid\">\r\n    <div class=\"card card-custom-h\">\r\n      <div class=\"card-header border-0\">\r\n        <div class=\"card-title\">\r\n          <h3 *ngIf=\"!noLicenseFound\" class=\"\">{{name}}</h3>\r\n          <span *ngIf=\"!noLicenseFound\" class=\"badge badge-light-success m-3 badge-lg\">\r\n            {{utilityService.getResourceValue(\"LicenseActivatedSuccessfully\")}}\r\n          </span>\r\n        </div>\r\n\r\n        <div class=\"card-toolbar\">\r\n          <!-- begin::Menu -->\r\n          <button type=\"button\" class=\"btn btn-sm btn-primary\" (click)=\"showUploadModal(uploadFileModal)\">\r\n            {{utilityService.getResourceValue(\"Activate\")}}\r\n          </button>\r\n          <!-- end::Menu -->\r\n        </div>\r\n      </div>\r\n      <div class=\"card-body d-flex align-items-center justify-content-center\" *ngIf=\"!noLicenseFound\">\r\n        <ng-container *ngIf=\"showTimer\">\r\n          <div class=\"main_Timer\">\r\n            <div class=\"clock\">\r\n              <div class=\"time row\">\r\n                <div class=\"col-lg-2 col-md-4 mb-4 d-flex justify-content-center\">\r\n                  <div class=\"counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded\">\r\n                    <div class=\"counter-title fs-3 fw-bold text-primary d-block\">{{utilityService.getResourceValue(\"Years\")}}</div>\r\n                    <span class=\"years fs-2hx fw-bolder text-gray-900\">{{years}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"col-lg-2 col-md-4 mb-4 d-flex justify-content-center\">\r\n                  <div class=\"counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded\">\r\n                    <div class=\"counter-title fs-3 fw-bold text-primary d-block\">{{utilityService.getResourceValue(\"Months\")}}</div>\r\n                    <span class=\"months fs-2hx fw-bolder text-gray-900\">{{months}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"col-lg-2 col-md-4 mb-4 d-flex justify-content-center\">\r\n                  <div class=\"counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded\">\r\n                    <div class=\"counter-title fs-3 fw-bold text-primary d-block\">{{utilityService.getResourceValue(\"Days\")}}</div>\r\n                    <span class=\"days fs-2hx fw-bolder text-gray-900\">{{days}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"col-lg-2 col-md-4 mb-4 d-flex justify-content-center\">\r\n                  <div class=\"counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded d-none d-md-block\">\r\n                    <div class=\"counter-title fs-3 fw-bold text-primary d-block\">{{utilityService.getResourceValue(\"Hours\")}}</div>\r\n                    <span class=\"hours fs-2hx fw-bolder text-gray-900\">{{hours}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"col-lg-2 col-md-4 mb-4 d-flex justify-content-center\">\r\n                  <div class=\"counter-item border bg-light-primary border-primary notice text-center min-w-150px rounded d-none d-md-block\">\r\n                    <div class=\"counter-title fs-3 fw-bold text-primary d-block\">{{utilityService.getResourceValue(\"Minutes\")}}</div>\r\n                    <span class=\"min fs-2hx fw-bolder text-gray-900\">{{minutes}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n                <div class=\"col-lg-2 col-md-4 mb-4 d-flex justify-content-center\">\r\n                  <div class=\"counter-item border bg-light-primary border-primary notice  text-center min-w-150px rounded d-none d-md-block\">\r\n                    <div class=\"counter-title fs-3 fw-bold text-primary d-block\">{{utilityService.getResourceValue(\"Seconds\")}}</div>\r\n                    <span class=\"sec fs-2hx fw-bolder text-gray-900\">{{seconds}}</span>\r\n                  </div>\r\n                </div>\r\n\r\n\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"d-flex justify-content-between align-items-center license-head\" *ngIf=\"noLicenseFound\">\r\n            <h3 class=\"text-danger\">\r\n              {{utilityService.getResourceValue(\"LicenseNotFound\")}}\r\n            </h3>\r\n          </div>\r\n        </ng-container>\r\n      </div>\r\n      <div *ngIf=\"!noLicenseFound\" class=\"card-footer border-0 d-flex justify-content-between\">\r\n        <div class=\"mb-4\">\r\n          <p class=\"badge badge-light-primary fs-7 fw-bolder me-2 min-w-150px\">{{utilityService.getResourceValue(\"LicenseStartDate\")}}:</p>\r\n          <p class=\"font-weight-500\">{{licenseStartDate | date:'dd-MM-y'}}</p>\r\n        </div>\r\n        <div>\r\n          <p class=\"badge badge-light-danger fs-7 fw-bolder me-2 min-w-150px\">{{utilityService.getResourceValue(\"LicenseExpiryDate\")}}:</p>\r\n          <p class=\"font-weight-500\">{{licenseEndDate | date:'dd-MM-y'}}</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n  </div>\r\n\r\n\r\n  <!-- activate-->\r\n  <ng-template #uploadFileModal 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(\"UploadLicense\")}}</h1>\r\n      </div>\r\n      <BBSF-Form [options]=\"uploadFileFormOptions\">\r\n        <BBSF-FileUplaod [options]=\"licenseFileInput\" [group]=\"uploadFileForm\">\r\n        </BBSF-FileUplaod>\r\n        <div class=\"text-center pt-7\">\r\n          <button #CloseLicenseFileModal id=\"CloseLicenseFileModal\" type=\"button\" class=\"btn btn-light me-3 btn-sm\" (click)=\"modal.dismiss()\">\r\n            {{utilityService.getResourceValue(\"CancelLabel\")}}\r\n          </button>\r\n          <button type=\"submit\" (click)=\"isAppendExisting(false)\" class=\"btn btn-light-primary me-3 btn-sm\">{{utilityService.getResourceValue(\"Replace\")}}</button>\r\n          <button type=\"submit\" (click)=\"isAppendExisting(true)\" class=\"btn btn-primary me-3 btn-sm\">{{utilityService.getResourceValue(\"Append\")}}</button>\r\n\r\n        </div>\r\n        </BBSF-Form>\r\n    </div>\r\n  </ng-template>\r\n\r\n\r\n", styles: [".counter-item{padding:50px 5px;margin:0 10px}\n"], components: [{ type: i5.BlockUIComponent, selector: "block-ui", inputs: ["name", "template", "message", "delayStart", "delayStop"] }, { type: i6.FormComponent, selector: "BBSF-Form", inputs: ["options"] }, { type: i6.FileUploadComponent, selector: "BBSF-FileUplaod", inputs: ["group", "options"], outputs: ["OnChange"] }], directives: [{ type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i8.InlineSVGDirective, selector: "[inlineSVG]", inputs: ["resolveSVGUrl", "replaceContents", "prepend", "injectComponent", "cacheSVG", "forceEvalStyles", "evalScripts", "inlineSVG", "setSVGAttributes", "removeSVGAttributes", "fallbackImgUrl", "onSVGLoaded"], outputs: ["onSVGInserted", "onSVGFailed"] }], pipes: { "date": i7.DatePipe } });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: LicenseComponent, decorators: [{
             type: Component,
             args: [{