From 949d4db5260fceb5b2581a825a001b42ed5d9594 Mon Sep 17 00:00:00 2001
From: Sergey Tarnavskiy <starnavskiy@thingsboard.io>
Date: Mon, 1 Feb 2021 17:19:00 +0200
Subject: [PATCH] Added First/Last page-buttons to the tables-paginator

---
 .../home/components/attribute/attribute-table.component.html   | 3 ++-
 .../home/components/entity/entities-table.component.html       | 3 ++-
 .../components/widget/lib/alarms-table-widget.component.html   | 3 ++-
 .../components/widget/lib/entities-table-widget.component.html | 3 ++-
 .../widget/lib/timeseries-table-widget.component.html          | 3 ++-
 5 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.html b/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.html
index ee1fc9c96e..769c8a08af 100644
--- a/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.html
+++ b/ui-ngx/src/app/modules/home/components/attribute/attribute-table.component.html
@@ -195,7 +195,8 @@
                    [length]="dataSource.total() | async"
                    [pageIndex]="pageLink.page"
                    [pageSize]="pageLink.pageSize"
-                   [pageSizeOptions]="[10, 20, 30]"></mat-paginator>
+                   [pageSizeOptions]="[10, 20, 30]"
+                   showFirstLastButtons></mat-paginator>
     <ngx-hm-carousel fxFlex *ngIf="mode === 'widget' && widgetsList.length > 0"
                      #carousel
                      [(ngModel)]="widgetsCarouselIndex"
diff --git a/ui-ngx/src/app/modules/home/components/entity/entities-table.component.html b/ui-ngx/src/app/modules/home/components/entity/entities-table.component.html
index d75500dbda..f4ecd52437 100644
--- a/ui-ngx/src/app/modules/home/components/entity/entities-table.component.html
+++ b/ui-ngx/src/app/modules/home/components/entity/entities-table.component.html
@@ -238,7 +238,8 @@
                        [length]="dataSource.total() | async"
                        [pageIndex]="pageLink.page"
                        [pageSize]="pageLink.pageSize"
-                       [pageSizeOptions]="pageSizeOptions"></mat-paginator>
+                       [pageSizeOptions]="pageSizeOptions"
+                       showFirstLastButtons></mat-paginator>
       </div>
     </div>
   </mat-drawer-content>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.html
index 34dc83f80c..8855e8aa9c 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/alarms-table-widget.component.html
@@ -140,6 +140,7 @@
                    [length]="alarmsDatasource.total() | async"
                    [pageIndex]="pageLink.page"
                    [pageSize]="pageLink.pageSize"
-                   [pageSizeOptions]="pageSizeOptions"></mat-paginator>
+                   [pageSizeOptions]="pageSizeOptions"
+                   showFirstLastButtons></mat-paginator>
   </div>
 </div>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.html
index eea93478d1..cc6a6a198b 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/entities-table-widget.component.html
@@ -99,6 +99,7 @@
                    [length]="entityDatasource.total() | async"
                    [pageIndex]="pageLink.page"
                    [pageSize]="pageLink.pageSize"
-                   [pageSizeOptions]="pageSizeOptions"></mat-paginator>
+                   [pageSizeOptions]="pageSizeOptions"
+                   showFirstLastButtons></mat-paginator>
   </div>
 </div>
diff --git a/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.html b/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.html
index b6ff0b2fbb..5f8c94727d 100644
--- a/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/timeseries-table-widget.component.html
@@ -104,7 +104,8 @@
                        [length]="source.timeseriesDatasource.total() | async"
                        [pageIndex]="source.pageLink.page"
                        [pageSize]="source.pageLink.pageSize"
-                       [pageSizeOptions]="pageSizeOptions"></mat-paginator>
+                       [pageSizeOptions]="pageSizeOptions"
+                       showFirstLastButtons></mat-paginator>
       </mat-tab>
     </mat-tab-group>
   </div>