feat(admin-ui): add services field to asset form #1635

GluuFederation · Apr 30, 2024 · 1f107e1 · 1f107e1
1 parent 272c760
commit 1f107e1
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 12 deletions.
diff --git a/admin-ui/app/locales/en/translation.json b/admin-ui/app/locales/en/translation.json
@@ -79,7 +79,7 @@
     "access_token_signing_alg": "JWS alg for signing",
     "asset_name": "Asset Name",
     "upload": "Select a file to upload",
-    "jansModuleProperty": "Jans Module Properties",
+    "jansModuleProperty": "Related Services",
     "default_permission_in_token": "Default permission in token",
     "aui_feature_ids": "Admin UI Features",
     "introspection_signed_response_alg": "Introspection Signed Response Alg",
@@ -873,7 +873,7 @@
   },
   "documentation": {
     "asset":{
-     "jansModuleProperty": "Jans Module Properties"
+     "jansModuleProperty": "Related Services"
     },
     "webhook": {
       "url": "Webhook URL.",

diff --git a/admin-ui/app/locales/pt/translation.json b/admin-ui/app/locales/pt/translation.json
@@ -136,7 +136,7 @@
     "asset_name": "Asset Name",
     "tag": "Marcação",
     "upload": "Select a file to upload",
-    "jansModuleProperty": "Jans Module Properties",
+    "jansModuleProperty": "Related Services",
     "default_permission_in_token": "Permissão padrão no token",
     "introspection_signed_response_alg": "Algoritmo de assinatura da resposta de introspeção",
     "introspection_encrypted_response_alg": "Algoritmo de criptografia da resposta de introspeção",
@@ -771,7 +771,7 @@
   },
   "documentation": {
     "asset":{
-      "jansModuleProperty": "Jans Module Properties"
+      "jansModuleProperty": "Related Services"
      },
     "webhook": {
       "url": "URL do webhook.",

diff --git a/admin-ui/app/utils/PermChecker.js b/admin-ui/app/utils/PermChecker.js
@@ -128,7 +128,7 @@ export const MESSAGE_WRITE = BASE_URL + '/config/message.write'
 export const WEBHOOK_READ = BASE_URL + '/jans-auth-server/config/adminui/webhook.readonly'
 export const WEBHOOK_WRITE = BASE_URL + '/jans-auth-server/config/adminui/webhook.write'
 export const WEBHOOK_DELETE = BASE_URL + '/jans-auth-server/config/adminui/webhook.delete'
-export const ASSETS_READ = BASE_URL + '/jans_asset-read'
+export const ASSETS_READ = BASE_URL + '/config/jans_asset-read'
 export const ASSETS_WRITE = BASE_URL + '/config/jans_asset-write'
 export const ASSETS_DELETE = BASE_URL + '/config/jans_asset-delete'
 

diff --git a/admin-ui/plugins/admin/components/Assets/AssetForm.js b/admin-ui/plugins/admin/components/Assets/AssetForm.js
@@ -6,6 +6,7 @@ import GluuCommitFooter from 'Routes/Apps/Gluu/GluuCommitFooter'
 import GluuCommitDialog from 'Routes/Apps/Gluu/GluuCommitDialog'
 import GluuUploadFile from 'Routes/Apps/Gluu/GluuUploadFile'
 import GluuArrayCompleter from 'Routes/Apps/Gluu/GluuArrayCompleter'
+import GluuTypeAhead from 'Routes/Apps/Gluu/GluuTypeAhead'
 import { useTranslation } from 'react-i18next'
 import { useDispatch, useSelector } from 'react-redux'
 import * as Yup from 'yup'
@@ -175,16 +176,29 @@ const AssetForm = () => {
                         name='description'
                     />
                 </Col>
-                <GluuArrayCompleter
+                <GluuTypeAhead
+                    name='services'
+                    label={t('fields.jansModuleProperty')}
                     formik={formik}
-                    name='jansModuleProperty'
-                    rsize={8}
+                    options={["config-api","auth-server","scim","casa"]}
                     lsize={4}
+                    rsize={8}
+                    required
+                    value={[]}
                     doc_category={ASSET}
-                    label='fields.jansModuleProperty'
-                    value={selectedAsset.jansModuleProperty || []}
-                    options={selectedAsset.jansModuleProperty || []}   >
-                </GluuArrayCompleter>
+                />
+                {false &&
+                    <GluuArrayCompleter
+                        formik={formik}
+                        name='jansModuleProperty'
+                        rsize={8}
+                        lsize={4}
+                        doc_category={ASSET}
+                        label='fields.jansModuleProperty'
+                        value={selectedAsset.jansModuleProperty || []}
+                        options={selectedAsset.jansModuleProperty || []}   >
+                    </GluuArrayCompleter>
+                }
                 <FormGroup row>
                     <GluuLabel
                         label='options.enabled'