wizard: add Administrator checkbox to users step (HMS-4903)

this commit add Administrator checkbox to users step

src/Components/CreateImageWizard/steps/Users/component/UserInfo.tsx

@@ -1,13 +1,15 @@
 import React from 'react';
 
-import { FormGroup } from '@patternfly/react-core';
+import { FormGroup, Checkbox } from '@patternfly/react-core';
 
 import { useAppDispatch, useAppSelector } from '../../../../../store/hooks';
 import {
+  selectUserAdministrator,
   selectUserNameByIndex,
   selectUserPasswordByIndex,
   setUserNameByIndex,
   setUserPasswordByIndex,
+  setUserAdministratorByIndex,
 } from '../../../../../store/wizardSlice';
 import { HookValidatedInput } from '../../../ValidatedTextInput';
 const UserInfo = () => {
@@ -17,6 +19,8 @@ const UserInfo = () => {
   const userName = useAppSelector(userNameSelector);
   const userPasswordSelector = selectUserPasswordByIndex(index);
   const userPassword = useAppSelector(userPasswordSelector);
+  const userIsAdministratorSelector = selectUserAdministrator(index);
+  const userAdministrator = useAppSelector(userIsAdministratorSelector);
 
   const handleNameChange = (
     _e: React.FormEvent<HTMLInputElement>,
@@ -32,6 +36,15 @@ const UserInfo = () => {
     dispatch(setUserPasswordByIndex({ index: index, password: value }));
   };
 
+  const handleCheckboxChange = (
+    _event: React.FormEvent<HTMLInputElement>,
+    value: boolean
+  ) => {
+    dispatch(
+      setUserAdministratorByIndex({ index: index, isAdministrator: value })
+    );
+  };
+
   const stepValidation = {
     errors: {},
     disabledNext: false,
@@ -59,6 +72,16 @@ const UserInfo = () => {
           fieldName="userPassword"
         />
       </FormGroup>
+      <FormGroup>
+        <Checkbox
+          label="Administrator"
+          isChecked={userAdministrator}
+          onChange={(_e, value) => handleCheckboxChange(_e, value)}
+          aria-label="Administrator"
+          id="user Administrator"
+          name="user Administrator"
+        />
+      </FormGroup>
     </>
   );
 };

src/Components/CreateImageWizard/utilities/requestMapper.ts

@@ -583,6 +583,9 @@ const getUsers = (state: RootState): User[] | undefined => {
     if (user.password !== '') {
       result.password = user.password;
     }
+    if (user.groups !== undefined) {
+      result.groups = user.groups;
+    }
     return result as User;
   });
 };

src/store/wizardSlice.ts

@@ -906,5 +906,6 @@ export const {
   addUser,
   setUserNameByIndex,
   setUserPasswordByIndex,
+  setUserAdministratorByIndex,
 } = wizardSlice.actions;
 export default wizardSlice.reducer;