DSS-809: No spinning wheel on Platform history page.

DSS-807: When filter is changed, results don't return to page 1

Author: OleksandrBohuslavskyi

frontend/src/app/common/listing-upload-history-table/listing-upload-history-table.component.html

@@ -120,7 +120,7 @@ <h2>Platform Upload History</h2>
         </ng-template>
         <ng-template pTemplate="emptymessage">
             <tr>
-                <td colspan="8">No records found</td>
+                <td colspan="9">No records found</td>
             </tr>
         </ng-template>
     </p-table>

frontend/src/app/common/listing-upload-history-table/listing-upload-history-table.component.ts

@@ -53,7 +53,6 @@ export class ListingUploadHistoryTableComponent implements OnInit {
   ) { }
 
   ngOnInit(): void {
-    this.loaderService.loadingStart();
     const getCurrentUser = this.userDataService.getCurrentUser()
     const getPlatforms = this.delistingService.getPlatforms();
 
@@ -66,7 +65,6 @@ export class ListingUploadHistoryTableComponent implements OnInit {
         }
       },
       complete: () => {
-        this.loaderService.loadingEnd();
         this.cd.detectChanges();
       }
     });

frontend/src/app/features/components/listings-table/listings-table.component.html

@@ -50,7 +50,7 @@ <h2 class="title">Listings</h2>
             </div>
         </ng-template>
 
-        <p-table #table [ariaLabel]="'table-of-listings'" id="listings-table" [value]="listings" [scrollable]="true"
+        <p-table [ariaLabel]="'table-of-listings'" id="listings-table" [value]="listings" [scrollable]="true"
             scrollHeight="{{isCEU?'550px':'500px'}}" [(selection)]="selectedListings" styleClass="p-datatable-sm"
             [tableStyle]="{ 'min-width': '50rem' }" [selectionPageOnly]="true">
             <ng-template pTemplate="header">
@@ -223,7 +223,7 @@ <h2 class="title">Listings</h2>
                 </tr>
             </ng-template>
         </p-table>
-        <p-paginator class="listings-paginator" *ngIf="currentPage" (onPageChange)="onPageChange($event)"
+        <p-paginator #pagingRef class="listings-paginator" *ngIf="currentPage" (onPageChange)="onPageChange($event)"
             [rows]="currentPage.pageSize || 25" [totalRecords]="currentPage.totalCount || 0" [showPageLinks]="false"
             [showCurrentPageReport]="true" [showFirstLastIcon]="true" [rowsPerPageOptions]="[10, 25, 50, 100]"
             [currentPageReportTemplate]="'Rows per page: {rows} &nbsp; {first}-{last} of {totalRecords}'"></p-paginator>

frontend/src/app/features/components/listings-table/listings-table.component.ts

@@ -7,7 +7,7 @@ import { Table, TableModule } from 'primeng/table';
 import { ButtonModule } from 'primeng/button';
 import { DropdownModule } from 'primeng/dropdown';
 import { CheckboxModule } from 'primeng/checkbox';
-import { PaginatorModule } from 'primeng/paginator';
+import { Paginator, PaginatorModule } from 'primeng/paginator';
 import { DialogModule } from 'primeng/dialog';
 import { InputTextModule } from 'primeng/inputtext';
 import { PanelModule } from 'primeng/panel';
@@ -54,7 +54,7 @@ import { FilterPersistenceService } from '../../../common/services/filter-persis
   styleUrl: './listings-table.component.scss'
 })
 export class ListingsTableComponent implements OnInit {
-  @ViewChild('listingsTableMain') listingsTableMain!: Table;
+  @ViewChild('pagingRef') pagingRef!: Paginator;
 
   selectedListings = []
   listings = new Array<ListingTableRow>();
@@ -87,6 +87,10 @@ export class ListingsTableComponent implements OnInit {
   ) { }
 
   ngOnInit(): void {
+    setInterval(() => {
+      this.cd.detectChanges();
+    }, 250);
+
     this.getOrganizations();
     this.initFilters();
     let page = 1;
@@ -225,6 +229,7 @@ export class ListingsTableComponent implements OnInit {
     this.filterPersistenceService.listingFilter = { byLocation: { isBusinessLicenceRequired: '', isPrincipalResidenceRequired: '' }, community: 0, byStatus: {} };
     this.initFilters();
     this.isFilterOpened = false;
+    this.currentPage.pageNumber = 1;
     this.onSearch();
   }
 
@@ -312,6 +317,7 @@ export class ListingsTableComponent implements OnInit {
       next: (res: PagingResponse<ListingTableRow>) => {
         this.currentPage = res.pageInfo;
         this.listings = res.sourceList;
+        this.pagingRef.updateFirst();
       },
       complete: () => {
         this.loaderService.loadingEnd();