vacaciones/src/app/app.module.ts

@@ -5,6 +5,9 @@ import { AppComponent } from './app.component';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 
 import { SharedModule } from './components/resources/shared/shared.module';
+import { MatPaginatorIntl } from '@angular/material/paginator';
+import { getSpanishPaginatorIntl } from '../app/components/resources/shared/spanish-paginator';
+
 import { APP_ROUTING } from 'src/app/app.routes';
 import { HashLocationStrategy, LocationStrategy } from '@angular/common';
 
@@ -108,7 +111,8 @@ import { MESMHSFORMDAYSComponent } from './components/mes/mesmhs/mesmhs-form-day
   ],
   providers: [
     [{ provide: DEFAULT_TIMEOUT, useValue: 5000 }],
-    {provide: LocationStrategy, useClass: HashLocationStrategy}
+    { provide: LocationStrategy, useClass: HashLocationStrategy},
+    { provide: MatPaginatorIntl, useValue: getSpanishPaginatorIntl() }
   ],
   bootstrap: [AppComponent]
 })

vacaciones/src/app/components/resources/shared/spanish-paginator.ts

@@ -0,0 +1,30 @@
+
+import { MatPaginatorIntl } from '@angular/material/paginator';
+
+const spanishRangeLabel = (page: number, pageSize: number, length: number) => {
+  if (length == 0 || pageSize == 0) { return `0 de ${length}`; }
+  
+  length = Math.max(length, 0);
+
+  const startIndex = page * pageSize;
+
+  // If the start index exceeds the list length, do not try and fix the end index to the end.
+  const endIndex = startIndex < length ?
+      Math.min(startIndex + pageSize, length) :
+      startIndex + pageSize;
+
+  return `${startIndex + 1} - ${endIndex} de ${length}`;
+}
+
+
+export function getSpanishPaginatorIntl() {
+  const paginatorIntl = new MatPaginatorIntl();
+  
+  paginatorIntl.itemsPerPageLabel = 'Datos por página:';
+  paginatorIntl.nextPageLabel = 'Siguiente página';
+  paginatorIntl.lastPageLabel = 'Última página';
+  paginatorIntl.previousPageLabel = 'Anterior página';
+  paginatorIntl.getRangeLabel = spanishRangeLabel;
+  
+  return paginatorIntl;
+}