Merge pull request #4037 from Terny22/paginator-new-buttons

Added First/Last page-buttons to the tables-paginator

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"

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>

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>

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>

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>