From a5ec79717b8c9e47587b6b1d2be269c14711371e Mon Sep 17 00:00:00 2001
From: Florian Dupret <34862846+sephrat@users.noreply.github.com>
Date: Fri, 12 Nov 2021 18:06:41 +0100
Subject: [PATCH] Localize paginator

---
 src/Ombi/ClientApp/src/app/app.module.ts      |  7 ++++
 .../src/app/localization/MatPaginatorI18n.ts  | 34 +++++++++++++++++++
 src/Ombi/wwwroot/translations/en.json         |  9 +++++
 3 files changed, 50 insertions(+)
 create mode 100644 src/Ombi/ClientApp/src/app/localization/MatPaginatorI18n.ts

diff --git a/src/Ombi/ClientApp/src/app/app.module.ts b/src/Ombi/ClientApp/src/app/app.module.ts
index b4e78087c..082ce80d2 100644
--- a/src/Ombi/ClientApp/src/app/app.module.ts
+++ b/src/Ombi/ClientApp/src/app/app.module.ts
@@ -65,6 +65,9 @@ import { TooltipModule } from "primeng/tooltip";
 import { TranslateHttpLoader } from "@ngx-translate/http-loader";
 import { UnauthorizedInterceptor } from "./auth/unauthorized.interceptor";
 import { environment } from "../environments/environment";
+import { MatPaginatorIntl } from "@angular/material/paginator";
+import { TranslateService } from "@ngx-translate/core";
+import { MatPaginatorI18n } from "./localization/MatPaginatorI18n";
 
 const routes: Routes = [
     { path: "*", component: PageNotFoundComponent },
@@ -212,6 +215,10 @@ export function JwtTokenGetter() {
             useClass: UnauthorizedInterceptor,
             multi: true
         },
+        {
+            provide: MatPaginatorIntl, deps: [TranslateService],
+            useFactory: (translateService: TranslateService) => new MatPaginatorI18n(translateService).getPaginatorIntl()
+        },
        ],
     bootstrap: [AppComponent],
 })
diff --git a/src/Ombi/ClientApp/src/app/localization/MatPaginatorI18n.ts b/src/Ombi/ClientApp/src/app/localization/MatPaginatorI18n.ts
new file mode 100644
index 000000000..71a86b7bd
--- /dev/null
+++ b/src/Ombi/ClientApp/src/app/localization/MatPaginatorI18n.ts
@@ -0,0 +1,34 @@
+import { MatPaginatorIntl } from '@angular/material/paginator';
+import { TranslateService } from '@ngx-translate/core';
+
+export class MatPaginatorI18n {
+
+    constructor(private translate: TranslateService) { }
+
+    getPaginatorIntl(): MatPaginatorIntl {
+        const paginatorIntl = new MatPaginatorIntl();
+        paginatorIntl.itemsPerPageLabel = this.translate.instant('Paginator.itemsPerPageLabel');
+        paginatorIntl.nextPageLabel = this.translate.instant('Paginator.nextPageLabel');
+        paginatorIntl.previousPageLabel = this.translate.instant('Paginator.previousPageLabel');
+        paginatorIntl.firstPageLabel = this.translate.instant('Paginator.firstPageLabel');
+        paginatorIntl.lastPageLabel = this.translate.instant('Paginator.lastPageLabel');
+        paginatorIntl.getRangeLabel = this.getRangeLabel.bind(this);
+        return paginatorIntl;
+    }
+
+    private getRangeLabel(page: number, pageSize: number, length: number): string {
+        if (length == 0 || pageSize == 0) {
+            return this.translate.instant('Paginator.rangePageLabel1', { 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 this.translate.instant('Paginator.rangePageLabel2', { startIndex: startIndex + 1, endIndex, length });
+    }
+}
\ No newline at end of file
diff --git a/src/Ombi/wwwroot/translations/en.json b/src/Ombi/wwwroot/translations/en.json
index 8e66c8659..5aaa02c29 100644
--- a/src/Ombi/wwwroot/translations/en.json
+++ b/src/Ombi/wwwroot/translations/en.json
@@ -408,6 +408,15 @@
         "3": "Emby User",
         "4": "Emby Connect User",
         "5": "Jellyfin User"
+    },
+    "Paginator": {
+        "itemsPerPageLabel": "Items per page:",
+        "nextPageLabel": "Next page",
+        "previousPageLabel": "Previous page",
+        "firstPageLabel": "First page",
+        "lastPageLabel": "Last page",
+        "rangePageLabel1": "0 of {{length}}",
+        "rangePageLabel2": "{{startIndex}} – {{endIndex}} of {{length}}"
     }
 
 }