feat(Paginator): show "out of" total to simple paginator if total is …

…available

We want to show "out of ___" on the simple paginator page label if the total is available. If it is
not, show the shortened version instead

BREAKING CHANGE:

ISSUES CLOSED: #2047

projects/library/paginator/src/paginator.component.spec.ts

@@ -351,7 +351,15 @@ describe(`TsPaginatorComponent`, function() {
       fixture.detectChanges();
     });
 
+    test(`should output the correct, current page message`, fakeAsync(() => {
+      tick(1000);
+      fixture.detectChanges();
+      const titleEl = fixture.debugElement.query(By.css('.c-paginator__current-page')).nativeElement as HTMLElement;
+      expect(titleEl.textContent).toContain('1 - 10 of 100');
+    }));
+
     test(`should output the correct, shortened, current page message`, fakeAsync(() => {
+      fixture.componentInstance.totalRecords = 0;
       tick(1000);
       fixture.detectChanges();
       const titleEl = fixture.debugElement.query(By.css('.c-paginator__current-page')).nativeElement as HTMLElement;

projects/library/paginator/src/paginator.component.ts

@@ -489,16 +489,36 @@ export class TsPaginatorComponent implements OnChanges, AfterViewInit {
 
     // This may be the case if there are no records
     if (!foundPage || !foundPage.name) {
-      foundPage = { name: '0' };
+      return this.createDefaultPageLabel(currentPage, totalRecords);
     }
 
     // '1 - 10 of 243'
-    if (this.isSimpleMode) {
-      return `${foundPage.name}`;
-    }
     return `${foundPage.name} of ${totalRecords}`;
   }
 
+  /**
+   * Create a default label based on the records per page and total records
+   *
+   * @param currentPage - The current page
+   * @param totalRecords - The number of total records
+   * @return The string to use as the current page label
+   */
+  private createDefaultPageLabel(
+    currentPage: number,
+    totalRecords: number,
+  ): string {
+    const start = this.isZeroBased
+      ? (currentPage * this.recordsPerPage)
+      : (currentPage - 1) * this.recordsPerPage;
+    const end = start + this.recordsPerPage;
+    // '1 - 10'
+    if (this.isSimpleMode && !totalRecords) {
+      return `${start + 1} - ${end}`;
+    }
+    // '1 - 10 of 243'
+    return `${start + 1} - ${end} of ${totalRecords}`;
+  }
+
 
   /**
    * Create an array containing objects that represent each available page of records