fix(admin-ui): fix type ahead

GluuFederation · Jan 11, 2023 · 00a6773 · 00a6773
1 parent 5f065b7
commit 00a6773
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 4 deletions.
diff --git a/admin-ui/app/routes/Apps/Gluu/GluuCommitDialog.js b/admin-ui/app/routes/Apps/Gluu/GluuCommitDialog.js
@@ -53,7 +53,7 @@ const GluuCommitDialog = ({
   }
 
   return (
-    <Modal isOpen={modal} toggle={closeModal} className="modal-outline-primary">
+    <Modal isOpen={modal} size={'lg'} toggle={closeModal} className="modal-outline-primary">
       <ModalHeader toggle={closeModal}>
         <i
           style={{ color: 'green' }}
@@ -67,14 +67,25 @@ const GluuCommitDialog = ({
           operations.map((item, key) => (
             <FormGroup row key={key}>
               <Col sm={1}>Set</Col>
-              <Col sm={7}>
+              <Col sm={5} style={{overflow:"auto"}}>
                 <Badge color={`primary-${selectedTheme}`}>{item.path}</Badge>
               </Col>
               <Col sm={1}>to</Col>
-              <Col sm={3}>
+              <Col sm={5} style={{overflow:"auto"}}>
+                {Array.isArray(item.value) ? 
+                <>
+                {
+                  item.value.map((data) => 
+                    <Badge color={`primary-${selectedTheme}`}>
+                      {String(data)}
+                    </Badge>
+                  )
+                }
+                </>:
                 <Badge color={`primary-${selectedTheme}`}>
                   {String(item.value)}
                 </Badge>
+                }
               </Col>
             </FormGroup>
           ))}

diff --git a/admin-ui/app/routes/Apps/Gluu/GluuInlineInput.js b/admin-ui/app/routes/Apps/Gluu/GluuInlineInput.js
@@ -39,7 +39,13 @@ function GluuInlineInput({
     setShow(true)
   }
   const handleTypeAheadChange = (selectedOptions) => {
-    setCorrectValue(selectedOptions)
+    let object = selectedOptions.filter((data) => typeof data == 'object')
+    let arrayItems = selectedOptions.filter((data) => typeof data != 'object')
+
+    for(let i in object){
+        arrayItems.push(object[i]['tokenEndpointAuthMethodsSupported'])
+    }
+    setCorrectValue(arrayItems)
     setShow(true)
   }
   const onAccept = () => {