no data found initialized

matsen-tool/src/app/_components/paging/paging.component.html

@@ -16,7 +16,7 @@
     </mat-paginator>
 </div>
 <ng-content></ng-content>
-<div *ngIf="dataLength <= 0" class="spt-no-entries">{{'form.no-data' | translate}}</div>
+<div *ngIf="dataInitialized && dataLength <= 0" class="spt-no-entries">{{'form.no-data' | translate}}</div>
 <div class="spt-tools single">
     <mat-paginator *ngIf="dataLength > 0" class=""
                    [pageSizeOptions]="pageSizeOptions"

matsen-tool/src/app/_components/paging/paging.component.ts

@@ -20,16 +20,17 @@ export class PagingComponent implements OnInit, AfterViewInit {
 
     @ViewChild(MatPaginator) public paginator!: MatPaginator;
 
-    private defaultPageSize: number = 10;
-    private defaultPageSizeOptions: number[] = [10,20,50];
+    protected defaultPageSize: number = 10;
+    protected defaultPageSizeOptions: number[] = [10,20,50];
 
-    public dataLength: number;
-    public pageEvent: PageEvent;
+    protected dataLength: number;
+    protected pageEvent: PageEvent;
     protected pageIndex: number;
-    public searchForm!: FormGroup;
-    public loadingSub: Subscription;
-    public loading: boolean = false;
-    public showLoading: boolean = false;
+    protected searchForm!: FormGroup;
+    protected loadingSub: Subscription;
+    protected loading: boolean = false;
+    protected showLoading: boolean = false;
+    protected dataInitialized: boolean = false;
 
     constructor(
         private fb: FormBuilder,
@@ -100,6 +101,11 @@ export class PagingComponent implements OnInit, AfterViewInit {
         return this.pageSize;
     }
 
+    setDataLength(dataLength: number): void {
+        this.dataInitialized = true;
+        this.dataLength = dataLength;
+    }
+
     clearForm() {
         this.searchForm.get('inputText')!.setValue('');
     }

matsen-tool/src/app/_components/search-select/search-select.component.ts

@@ -55,10 +55,9 @@ export class SearchSelectComponent implements OnInit, AfterViewInit {
     }
 
     setData(dataSource: any, data: any[], dataLength: number): void {
-        console.log(data);
         this.dataSource = dataSource;
         this.pagingComponent.dataSource = dataSource;
-        this.pagingComponent.dataLength = dataLength;
+        this.pagingComponent.setDataLength(dataLength);
     }
 
     getPagingComponent(): PagingComponent {

matsen-tool/src/app/_views/contacts/contact-list/contact-list.component.ts

@@ -46,7 +46,7 @@ export class ContactListComponent implements OnInit, AfterViewInit {
         ).subscribe(
             data => {
                 this.contacts = data["hydra:member"];
-                this.pagingComponent.dataLength = Number(data["hydra:totalItems"]);
+                this.pagingComponent.setDataLength(Number(data["hydra:totalItems"]));
             }
         );
     }

matsen-tool/src/app/_views/documents/document-list/document-list.component.ts

@@ -54,7 +54,7 @@ export class DocumentListComponent implements OnInit, AfterViewInit {
             data => {
                 this.documents = data["hydra:member"];
                 this.dataSource = new MatTableDataSource<DocumentJsonld>(this.documents);
-                this.pagingComponent.dataLength = Number(data["hydra:totalItems"]);
+                this.pagingComponent.setDataLength(Number(data["hydra:totalItems"]));
             }
         );
     }

matsen-tool/src/app/_views/partners/partner-list/partner-list.component.ts

@@ -101,7 +101,7 @@ export class PartnerListComponent implements OnInit, AfterViewInit {
             data => {
                 this.partners = data["hydra:member"];
                 this.dataSource = new MatTableDataSource<PartnerJsonld>(this.partners);
-                this.pagingComponent.dataLength = Number(data["hydra:totalItems"]);
+                this.pagingComponent.setDataLength(Number(data["hydra:totalItems"]));
             }
         );
     }
@@ -126,7 +126,7 @@ export class PartnerListComponent implements OnInit, AfterViewInit {
                     }
                 });
                 this.dataSource = new MatTableDataSource<PartnerJsonld>(this.partners);
-                this.pagingComponent.dataLength = Number(data["hydra:totalItems"]);
+                this.pagingComponent.setDataLength(Number(data["hydra:totalItems"]));
             }
         );
     }
@@ -154,7 +154,7 @@ export class PartnerListComponent implements OnInit, AfterViewInit {
                     }
                 });
                 this.dataSource = new MatTableDataSource<PartnerJsonld>(this.partners);
-                this.pagingComponent.dataLength = Number(data["hydra:totalItems"]);
+                this.pagingComponent.setDataLength(Number(data["hydra:totalItems"]));
             }
         );
     }

matsen-tool/src/app/_views/posts/post-list/post-list.component.ts

@@ -87,7 +87,7 @@ export class PostListComponent implements OnInit, AfterViewInit {
         ).subscribe(
             data => {
                 this.posts = data["hydra:member"];
-                this.pagingComponent.dataLength = Number(data["hydra:totalItems"]);
+                this.pagingComponent.setDataLength(Number(data["hydra:totalItems"]));
             }
         );
     }

matsen-tool/src/app/_views/products/product-list/product-list.component.ts

@@ -96,7 +96,7 @@ export class ProductListComponent implements OnInit, AfterViewInit {
         ).subscribe(
             data => {
                 this.products = data["hydra:member"];
-                this.pagingComponent.dataLength = Number(data["hydra:totalItems"]);
+                this.pagingComponent.setDataLength(Number(data["hydra:totalItems"]));
                 this.dataSource = new MatTableDataSource<ProductJsonld>(this.products);
             }
         );
@@ -121,7 +121,7 @@ export class ProductListComponent implements OnInit, AfterViewInit {
                     }
 
                 })
-                this.pagingComponent.dataLength = Number(data["hydra:totalItems"]);
+                this.pagingComponent.setDataLength(Number(data["hydra:totalItems"]));
                 this.dataSource = new MatTableDataSource<ProductJsonld>(this.products);
             }
         );
@@ -146,7 +146,7 @@ export class ProductListComponent implements OnInit, AfterViewInit {
                         this.products.push(item.product);
                     }
                 })
-                this.pagingComponent.dataLength = Number(data["hydra:totalItems"]);
+                this.pagingComponent.setDataLength(Number(data["hydra:totalItems"]));
                 this.dataSource = new MatTableDataSource<ProductJsonld>(this.products);
             }
         );
@@ -168,14 +168,12 @@ export class ProductListComponent implements OnInit, AfterViewInit {
                         this.products.push(item.product);
                     }
                 })
-                this.pagingComponent.dataLength = Number(data["hydra:totalItems"]);
+                this.pagingComponent.setDataLength(Number(data["hydra:totalItems"]));
                 this.dataSource = new MatTableDataSource<ProductJsonld>(this.products);
             }
         );
     }
 
-
-
     onSortChange = (sortState: Sort) => {
         this.pagingComponent.resetPageIndex()
 

matsen-tool/src/app/_views/sales/sale-list/sale-list.component.ts

@@ -62,7 +62,7 @@ export class SaleListComponent implements OnInit, AfterViewInit {
             data => {
                 this.sales = data["hydra:member"];
                 this.dataSource = new MatTableDataSource<SaleJsonld>(this.sales);
-                this.pagingComponent.dataLength = Number(data["hydra:totalItems"]);
+                this.pagingComponent.setDataLength(Number(data["hydra:totalItems"]));
             }
         )
     }

matsen-tool/src/app/_views/sales/sales-detail/sales-detail.component.ts

@@ -90,7 +90,7 @@ export class SalesDetailComponent implements OnInit, AfterViewInit {
         ).subscribe(
             data => {
               this.posts = data["hydra:member"];
-              this.pagingComponent.dataLength = Number(data["hydra:totalItems"]);
+              this.pagingComponent.setDataLength(Number(data["hydra:totalItems"]));
               this.posts.forEach(posts => {
                 if (posts.id) {
                   this.commentsVisibility.set(posts.id, false);

matsen-tool/src/app/_views/tasks/task-list/task-list.component.ts

@@ -87,7 +87,7 @@ export class TaskListComponent implements OnInit, AfterViewInit {
         ).subscribe(
             data => {
                 this.tasks = data["hydra:member"];
-                this.pagingComponent.dataLength = Number(data["hydra:totalItems"]);
+                this.pagingComponent.setDataLength(Number(data["hydra:totalItems"]));
                 this.tasks.forEach(task => {
                     if (task.id) {
                         this.taskNotesVisibility.set(task.id, false);

matsen-tool/src/app/_views/user/user-list/user-list.component.ts

@@ -57,7 +57,7 @@ export class UserListComponent implements OnInit, AfterViewInit {
             data => {
                 this.users = data["hydra:member"];
                 this.dataSource = new MatTableDataSource<UserJsonld>(this.users);
-                this.pagingComponent.dataLength = Number(data["hydra:totalItems"]);
+                this.pagingComponent.setDataLength(Number(data["hydra:totalItems"]));
             }
         );
     }