cat-qw-lib 1.0.14 → 1.0.15

package/fesm2022/cat-qw-lib.mjs

@@ -6168,7 +6168,8 @@ class QueueContainerComponent extends BaseContainerComponent {
         this.queueFilterDropdownService = queueFilterDropdownService;
     }
     ngOnInit() {
-        this.initializeComponent();
+        const storedQueueId = this.getStoredQueueId();
+        this.initializeComponent(storedQueueId ?? undefined);
         this.setupSearchDebounce();
         // Sync filter dropdown after initialization
         setTimeout(() => {
@@ -6260,8 +6261,8 @@ class QueueContainerComponent extends BaseContainerComponent {
             this.filterDropdown.syncWithAppliedFilters(this.appliedFilters);
         }
     }
-    initializeComponent() {
-        this.getAllQueueList();
+    initializeComponent(preferredQueueId) {
+        this.getAllQueueList(preferredQueueId);
         this.userRole = this.queueBusinessService.getUserRole();
     }
     setupSearchDebounce() {
@@ -6294,15 +6295,20 @@ class QueueContainerComponent extends BaseContainerComponent {
     handleQueueId(queueId) {
         const newQueue = this.queueList.find((i) => i._id == queueId);
         if (newQueue) {
-            this.resetSearchState();
+            const isDifferentQueue = !this.selectedQueue || this.selectedQueue._id !== queueId;
+            if (isDifferentQueue) {
+                this.resetSearchState();
+                this.clearSelection();
+                this.clearFilters();
+                this.resetPaginationState();
+            }
             this.selectedQueue = Object.assign({}, newQueue);
             this.selectedQueueId = queueId;
             this.queueBusinessService.storeSelectedQueue(queueId);
             sessionStorage.setItem(SHARED.selectedQueue, JSON.stringify(this.selectedQueue));
-            this.clearSelection();
-            this.clearFilters();
-            this.resetPaginationState();
-            this.getQueueRecordsData();
+            if (isDifferentQueue) {
+                this.getQueueRecordsData();
+            }
             this.syncFilterDropdown();
         }
         else {
@@ -6413,6 +6419,14 @@ class QueueContainerComponent extends BaseContainerComponent {
     isAssignButtonEnabled() {
         return this.selectedRows && this.selectedRows.length > 0;
     }
+    getStoredQueueId() {
+        try {
+            return localStorage.getItem(SHARED.SELECTED_QUEUE_ID);
+        }
+        catch (e) {
+            return null;
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.5", ngImport: i0, type: QueueContainerComponent, deps: [{ token: QueueStore }, { token: QueueService }, { token: BaseStore }, { token: QueueBusinessService }, { token: QueueRecordTableBuilderService }, { token: QueueFilterDropdownService }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.5", type: QueueContainerComponent, isStandalone: false, selector: "lib-queue-container", inputs: { tableHeight: "tableHeight", placeholder: "placeholder", selectedRowsInput: "selectedRowsInput" }, outputs: { assignmentComplete: "assignmentComplete", userAssigned: "userAssigned", selectedRowsData: "selectedRowsData", assignmentDataReady: "assignmentDataReady", rowClick: "rowClick", selectionChange: "selectionChange" }, viewQueries: [{ propertyName: "filterDropdown", first: true, predicate: ["filterDropdown"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"container grid m-0 h-full\">\r\n    <div class=\"col-12 xl:col-2 md:col-12 py-0 h-full\">\r\n      <app-queue-list\r\n        [queueData]=\"filteredQueueData\"\r\n        [selectedQueueId]=\"selectedQueueId\"\r\n        [selectedStatus]=\"selectedStatus\"\r\n        [userRole]=\"userRole\"\r\n        [showQueueDataForm]=\"true\"\r\n        (queueSelected)=\"onQueueSelected($event)\"\r\n        (statusChanged)=\"onStatusChanged($event)\"\r\n        (insertQueueRequested)=\"onInsertQueueRequested()\"\r\n      ></app-queue-list>\r\n    </div>\r\n    <div class=\"col-12 xl:col-10 md:col-12 py-0 h-full\">\r\n    \r\n      @if(selectedQueue){\r\n      <div class=\"flex justify-content-between align-items-center mb-3\">\r\n          <div class=\"col-8 p-0 flex align-items-center \" >\r\n            <div class=\"col-6 p-0 mr-3\">\r\n              <queue-search \r\n                [placeholder]=\"placeholder\"\r\n                [searchText]=\"searchText\"\r\n                (searchInputChanged)=\"onSearchInputChanged($event)\"\r\n                (searchRequested)=\"onSearchRequested($event)\"\r\n                (searchCleared)=\"onSearchCleared()\">\r\n              </queue-search>\r\n            </div>\r\n            <div>\r\n              <lib-queue-filter-dropdown \r\n                #filterDropdown\r\n                [appliedFilters]=\"appliedFilters\"\r\n                (filterApplied)=\"onFilterDropdownApplied($event)\"\r\n                (filtersCleared)=\"onFiltersCleared()\">\r\n              </lib-queue-filter-dropdown>\r\n            </div>\r\n            <div>\r\n              <button \r\n                class=\"clear-filters-btn\"\r\n                type=\"button\"\r\n                (click)=\"onClearAllFilters()\">\r\n                Clear <i class=\"pi pi-times ml-2\"></i>\r\n              </button>\r\n            </div>\r\n          </div>\r\n          \r\n          <div class=\"d-flex align-items-center gap-3 justify-content-end\">\r\n            <ng-content select=\"[user-dropdown]\"></ng-content>\r\n          </div>\r\n      </div>\r\n\r\n      <div class=\"animation-duration-500 associated-list h-full card mb-0 p-0\">\r\n        <app-queue-record-table\r\n          [table]=\"table\"\r\n          [metaData]=\"metaData\"\r\n          [loading]=\"loading\"\r\n          [selectedRows]=\"selectedRows\"\r\n          (selectionChange)=\"onTableSelectionChange($event)\"\r\n          (selectedRowsData)=\"onTableSelectionChange($event)\"\r\n          (assignmentDataReady)=\"onAssignmentDataReady($event)\"\r\n          (rowClick)=\"onTableRowClick($event)\"\r\n          (paginationChanged)=\"onPaginationChanged($event)\"\r\n          (filterApplied)=\"onFilterApplied($event)\"\r\n          (sortApplied)=\"onSortApplied($event)\">\r\n        </app-queue-record-table>\r\n    </div>\r\n\r\n      }\r\n    </div>\r\n\r\n  </div>", styles: [".custom-scroll{overflow-y:hidden}.custom-scroll:hover{overflow-y:auto}.clear-filters-btn{background:none;border:none;color:#2196f3;font-size:1.1rem;cursor:pointer;margin-left:.5rem;display:inline-flex;align-items:center;padding:0}.clear-filters-btn .clear-x{font-size:1.2rem;margin-left:.2rem;line-height:1}\n"], dependencies: [{ kind: "component", type: QueueSearchComponent, selector: "queue-search", inputs: ["searchText", "placeholder", "debounceTime"], outputs: ["searchInputChanged", "searchRequested", "searchCleared"] }, { kind: "component", type: QueueListComponent, selector: "app-queue-list", inputs: ["queueData", "selectedQueueId", "selectedStatus", "userRole", "showQueueDataForm"], outputs: ["queueSelected", "statusChanged", "insertQueueRequested"] }, { kind: "component", type: QueueRecordTableComponent, selector: "app-queue-record-table", inputs: ["table", "metaData", "loading", "selectedRows", "tableHeight"], outputs: ["selectionChange", "selectedRowsData", "assignmentDataReady", "rowClick", "paginationChanged", "filterApplied", "sortApplied"] }, { kind: "component", type: QueueFilterDropdownComponent, selector: "lib-queue-filter-dropdown", inputs: ["appliedFilters"], outputs: ["filterApplied", "filtersCleared"] }] });
 }