fix(admin-ui): add translation

GluuFederation · Jul 26, 2022 · e4fa52e · e4fa52e
1 parent c31d19e
commit e4fa52e
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 9 deletions.
diff --git a/admin-ui/app/locales/en/translation.json b/admin-ui/app/locales/en/translation.json
@@ -432,7 +432,15 @@
     "log_out": "Logout",
     "software_info": "Software Info",
     "CIBA_PAR_UMA": "CIBA / PAR / UMA",
-    "encryption_signing": "Encription / Signing"
+    "encryption_signing": "Encription / Signing",
+    "CIBA": "CIBA",
+    "PAR": "PAR",
+    "UMA": "UMA",
+    "id_token": "id_token",
+    "access_token": "Access token",
+    "userinfo": "Userinfo",
+    "JARM": "JARM",
+    "request_object": "Request Object"
   },
   "links": {
     "support": "https://support.gluu.org/"

diff --git a/admin-ui/plugins/auth-server/components/Clients/ClientCibaParUmaPanel.js b/admin-ui/plugins/auth-server/components/Clients/ClientCibaParUmaPanel.js
@@ -46,7 +46,7 @@ function ClientCibaParUmaPanel({ client, scripts, formik }) {
   }
   return (
     <Container>
-      <h2>CIBA</h2>
+      <h2>{t(`titles.CIBA`)}</h2>
       <GluuSelectRow
         name="backchannelTokenDeliveryMode"
         label="fields.backchannelTokenDeliveryMode"
@@ -70,7 +70,7 @@ function ClientCibaParUmaPanel({ client, scripts, formik }) {
         value={client.backchannelUserCodeParameter}
         doc_category={DOC_CATEGORY}
       />
-      <h2>PAR</h2>
+      <h2>{t(`titles.PAR`)}</h2>
       <GluuInputRow
         label="fields.parLifetime"
         name="parLifetime"
@@ -85,7 +85,7 @@ function ClientCibaParUmaPanel({ client, scripts, formik }) {
         value={client.requirePar}
         doc_category={DOC_CATEGORY}
       />
-      <h2>UMA</h2>
+      <h2>{t(`titles.UMA`)}</h2>
       <FormGroup row>
         <GluuLabel label="fields.rptAsJwt" size={6} />
         <Col sm={6}>

diff --git a/admin-ui/plugins/auth-server/components/Clients/ClientEncryptionSigningPanel.js b/admin-ui/plugins/auth-server/components/Clients/ClientEncryptionSigningPanel.js
@@ -2,9 +2,11 @@ import React from 'react'
 import { Col, Container, FormGroup } from 'Components'
 import GluuInputRow from 'Routes/Apps/Gluu/GluuInputRow'
 import GluuSelectRow from 'Routes/Apps/Gluu/GluuSelectRow'
+import { useTranslation } from 'react-i18next'
 const DOC_CATEGORY = 'openid_client'
 
 function ClientEncryptionSigningPanel({ client, formik, oidcConfiguration }) {
+  const { t } = useTranslation()
   const accessTokenSigningAlg = !!oidcConfiguration.tokenEndpointAuthSigningAlgValuesSupported
     ? oidcConfiguration.tokenEndpointAuthSigningAlgValuesSupported
     : []
@@ -65,7 +67,7 @@ function ClientEncryptionSigningPanel({ client, formik, oidcConfiguration }) {
         value={client.jwks}
         doc_category={DOC_CATEGORY}
       />
-      <h2>id_token</h2>
+      <h2>{t(`titles.id_token`)}</h2>
       <FormGroup row>
         <Col sm={6}>
           <GluuSelectRow
@@ -104,7 +106,7 @@ function ClientEncryptionSigningPanel({ client, formik, oidcConfiguration }) {
           />
         </Col>
       </FormGroup>
-      <h2>Access token</h2>
+      <h2>{t(`titles.access_token`)}</h2>
       <FormGroup row>
         <Col sm={6}>
           <GluuSelectRow
@@ -119,7 +121,7 @@ function ClientEncryptionSigningPanel({ client, formik, oidcConfiguration }) {
           />
         </Col>
       </FormGroup>
-      <h2>Userinfo</h2>
+      <h2>{t(`titles.userinfo`)}</h2>
       <FormGroup row>
         <Col sm={6}>
           <GluuSelectRow
@@ -158,7 +160,7 @@ function ClientEncryptionSigningPanel({ client, formik, oidcConfiguration }) {
           />
         </Col>
       </FormGroup>
-      <h2>JARM</h2>
+      <h2>{t(`titles.JARM`)}</h2>
       <FormGroup row>
         <Col sm={6}>
           <GluuSelectRow
@@ -197,7 +199,7 @@ function ClientEncryptionSigningPanel({ client, formik, oidcConfiguration }) {
           />
         </Col>
       </FormGroup>
-      <h2>Request Object</h2>
+      <h2>{t(`titles.request_object`)}</h2>
       <FormGroup row>
         <Col sm={6}>
           <GluuSelectRow