From c216030c8ac845da829000bc9360a07f64159f31 Mon Sep 17 00:00:00 2001
From: winzlieb <winzlieb@c3d2.de>
Date: Wed, 9 Mar 2022 22:51:30 +0100
Subject: [PATCH] show i18n table capability

---
 .../components/ngo/HostOfferLookupTable.tsx   | 10 ++++
 frontend/search/i18n/config.ts                |  2 +-
 frontend/search/i18n/de.json                  | 49 +++++++++++++++++++
 3 files changed, 60 insertions(+), 1 deletion(-)

diff --git a/frontend/search/components/ngo/HostOfferLookupTable.tsx b/frontend/search/components/ngo/HostOfferLookupTable.tsx
index c239eac..77ec6e6 100644
--- a/frontend/search/components/ngo/HostOfferLookupTable.tsx
+++ b/frontend/search/components/ngo/HostOfferLookupTable.tsx
@@ -13,6 +13,9 @@ import {TypeColumn, TypeFilterValue, TypeSingleFilterValue} from "@inovua/reactd
 import NumberFilter from "@inovua/reactdatagrid-community/NumberFilter";
 import moment from "moment";
 
+import {useTranslation} from "react-i18next";
+import { resources } from '../../i18n/config';
+
 global.moment = moment
 
 type HostOfferLookupTableProps = {
@@ -171,6 +174,12 @@ const defaultFilterValue: TypeFilterValue = columns
 
 const HostOfferLookupTable = ({ data }: HostOfferLookupTableProps) => {
   const dataSource = data.get_offers || []
+
+  const { i18n: { language }  } = useTranslation()
+  // @ts-ignore
+  const reactdatagridi18n = resources[language]?.translation?.reactdatagrid
+
+
   return <>
     <DataGrid
       idProperty="id"
@@ -184,6 +193,7 @@ const HostOfferLookupTable = ({ data }: HostOfferLookupTableProps) => {
       columns={columns}
       dataSource={dataSource}
       style={{minHeight: '1000px'}}
+      i18n={ reactdatagridi18n|| undefined}
     />
   </>
 }
diff --git a/frontend/search/i18n/config.ts b/frontend/search/i18n/config.ts
index 769c320..e5193d2 100644
--- a/frontend/search/i18n/config.ts
+++ b/frontend/search/i18n/config.ts
@@ -7,7 +7,7 @@ import de from './de.json'
 export const resources = {
   en: { translation: en },
   de: { translation: de }
-} as const
+}
 
 i18next
   .use(initReactI18next)
diff --git a/frontend/search/i18n/de.json b/frontend/search/i18n/de.json
index 2c63c08..1130345 100644
--- a/frontend/search/i18n/de.json
+++ b/frontend/search/i18n/de.json
@@ -1,2 +1,51 @@
 {
+  "reactdatagrid": {
+    "pageText": "Seite ",
+    "ofText": " von ",
+    "perPageText": "Ergebnisse pro Seite",
+    "showingText": "Zeige ",
+    "clearAll": "Alle leeren",
+    "clear": "leeren",
+    "showFilteringRow": "Zeige Filterreihe",
+    "hideFilteringRow": "Verstecke Filterreihe",
+    "enable": "ein",
+    "disable": "aus",
+    "sortAsc": "Sortiere aufsteigend",
+    "sortDesc": "Sortiere absteigend",
+    "unsort": "Sortierung aufheben",
+    "group": "Gruppieren",
+    "ungroup": "Degruppieren",
+    "lockStart": "Start sperren",
+    "lockEnd": "Ende sperren",
+    "unlock": "Entsperren",
+    "columns": "Spalten",
+    "contains": "Enthält",
+    "startsWith": "Beginnt mit",
+    "endsWith": "Ended mit",
+    "notContains": "Enthält nicht ",
+    "inlist": "In Liste enthalten",
+    "notinlist": "Nicht in Liste enthalten",
+    "neq": "Unglech",
+    "inrange": "Innerhalb Bereich",
+    "notinrange": "Außerhalb Bereich",
+    "eq": "Gleich",
+    "notEmpty": "Nicht Leer",
+    "empty": "Leer",
+    "lt": "Kleiner als",
+    "lte": "Kleiner/gleich",
+    "gt": "Größer als",
+    "gte": "Größer/gleich",
+    "before": "Bevor",
+    "beforeOrOn": "Bevor oder am",
+    "afterOrOn": "Nach oder am",
+    "after": "Nach`",
+    "start": "Beginn",
+    "end": "Ende",
+    "dragHeaderToGroup": "Ziehe Tabellenkopf um zu gruppieren",
+    "noRecords": "Keine Einträge vorhanden",
+    "calendar.todayButtonText": "Heute",
+    "calendar.clearButtonText": "Leeren",
+    "calendar.okButtonText": "OK",
+    "calendar.cancelButtonText": "abbrechen"
+  }
 }