src/Vegasco-Web/src/app/modules/entries/entries/entries.component.html

@@ -16,11 +16,11 @@
     <p-dataView
       [value]="entries"
       [paginator]="true"
-      [rows]="rowsPerPageDefaultOption"
-      [rowsPerPageOptions]="rowsPerPageOptions"
+      [rows]="25"
+      [rowsPerPageOptions]="[10, 25, 50, 100]"
       [pageLinks]="0"
       [showCurrentPageReport]="true"
-      [currentPageReportTemplate]="currentPageReportTemplate"
+      currentPageReportTemplate="{currentPage} / {totalPages}"
       layout="list"
     >
       <ng-template #list let-entries>

src/Vegasco-Web/src/app/modules/entries/entries/entries.component.ts

@@ -1,4 +1,4 @@
-import {AsyncPipe, CommonModule} from '@angular/common';
+import { AsyncPipe, CommonModule } from '@angular/common';
 import { Component, inject } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ReactiveFormsModule } from '@angular/forms';
@@ -39,6 +39,8 @@ export class EntriesComponent {
   protected readonly consumptionEntries$: Observable<ConsumptionEntry[]>;
   protected readonly cars$: Observable<Car[]>;
 
+  protected readonly skeletonsIterationSource = Array(10).fill(0);
+
   constructor() {
     this.consumptionEntries$ = this.consumptionClient.getAll()
       .pipe(