feat(admin-ui): implement middle name

Author: mjatin-dev

admin-ui/app/routes/Apps/Gluu/GluuInputRow.js

@@ -13,6 +13,7 @@ function GluuInputRow({
   lsize,
   rsize,
   doc_category,
+  disabled = false,
 }) {
   const [customType, setCustomType] = useState(null)
 
@@ -35,6 +36,7 @@ function GluuInputRow({
             name={name}
             defaultValue={value}
             onChange={formik.handleChange}
+            disabled={disabled}
           />
           {type == 'password' && (
             <div style={{ position: 'absolute', right: 20, top: 7 }}>

admin-ui/plugins/user-management/components/UserManagement/UserForm.js

@@ -46,6 +46,7 @@ function UserForm({ formik }) {
     'jansStatus',
     'userPassword',
     'givenName',
+    'middleName',
     'sn',
   ]
   const getCustomAttributeById = (id) => {
@@ -92,6 +93,17 @@ function UserForm({ formik }) {
       <Form onSubmit={formik.handleSubmit}>
         <FormGroup row>
           <Col sm={8}>
+            {userDetails && (
+              <GluuInputRow
+                label="INUM"
+                name="INUM"
+                value={userDetails.inum || ''}
+                lsize={3}
+                rsize={9}
+                formik={formik}
+                disabled={true}
+              />
+            )}
             <GluuInputRow
               doc_category={DOC_SECTION}
               label="First Name"
@@ -102,6 +114,16 @@ function UserForm({ formik }) {
               rsize={9}
             />
 
+            <GluuInputRow
+              doc_category={DOC_SECTION}
+              label="Middle Name"
+              name="middleName"
+              value={formik.values.middleName || ''}
+              formik={formik}
+              lsize={3}
+              rsize={9}
+            />
+
             <GluuInputRow
               doc_category={DOC_SECTION}
               label="Last Name"