yujunjun/OpenMetadata
1
0
Fork 0
mirror of https://github.com/open-metadata/OpenMetadata.git synced 2025-08-31 12:39:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

UI : Added auto-generated password on page load (#9367)

Browse Source 
* Added auto-generated password on page load

* changes as per comments
This commit is contained in:
Ashish Gupta 2022-12-17 15:59:39 +05:30 committed by GitHub
parent b50bb722ef
commit a02eb42508
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 165 additions and 94 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

230
openmetadata-ui/src/main/resources/ui/src/components/CreateUser/CreateUser.component.tsx
View File

@ -26,7 +26,8 @@ import { AxiosError } from 'axios';
import classNames from 'classnames'; import classNames from 'classnames';
import { isUndefined, trim } from 'lodash'; import { isUndefined, trim } from 'lodash';
import { EditorContentRef } from 'Models'; import { EditorContentRef } from 'Models';
import React, { useMemo, useRef, useState } from 'react'; import React, { useEffect, useMemo, useRef, useState } from 'react';
import { useTranslation } from 'react-i18next';
import { useAuthContext } from '../../authentication/auth-provider/AuthProvider'; import { useAuthContext } from '../../authentication/auth-provider/AuthProvider';
import { checkEmailInUse, generateRandomPwd } from '../../axiosAPIs/auth-API'; import { checkEmailInUse, generateRandomPwd } from '../../axiosAPIs/auth-API';
import { getBotsPagePath, getUsersPagePath } from '../../constants/constants'; import { getBotsPagePath, getUsersPagePath } from '../../constants/constants';
@ -76,6 +77,7 @@ const CreateUser = ({
onSave, onSave,
forceBot, forceBot,
}: CreateUserProps) => { }: CreateUserProps) => {
const { t } = useTranslation();
const [form] = Form.useForm(); const [form] = Form.useForm();
const { authConfig } = useAuthContext(); const { authConfig } = useAuthContext();
const markdownRef = useRef<EditorContentRef>(); const markdownRef = useRef<EditorContentRef>();
@ -93,7 +95,7 @@ const CreateUser = ({
const [password, setPassword] = useState(''); const [password, setPassword] = useState('');
const [confirmPassword, setConfirmPassword] = useState(''); const [confirmPassword, setConfirmPassword] = useState('');
const [passwordGenerator, setPasswordGenerator] = useState( const [passwordGenerator, setPasswordGenerator] = useState(
CreatePasswordGenerator.AutomatciGenerate CreatePasswordGenerator.AutomaticGenerate
); );
const [generatedPassword, setGeneratedPassword] = useState(''); const [generatedPassword, setGeneratedPassword] = useState('');
const [isPasswordGenerating, setIsPasswordGenerating] = useState(false); const [isPasswordGenerating, setIsPasswordGenerating] = useState(false);
@ -111,17 +113,22 @@ const CreateUser = ({
[authConfig] [authConfig]
); );
const slashedBreadcrumbList = [ const slashedBreadcrumbList = useMemo(
() => [
{ {
name: forceBot ? 'Bots' : 'Users', name: forceBot ? t('label.bot-plural') : t('label.users'),
url: forceBot ? getBotsPagePath() : getUsersPagePath(), url: forceBot ? getBotsPagePath() : getUsersPagePath(),
}, },
{ {
name: `Create ${forceBot ? 'Bot' : 'User'}`, name: `${t('label.create')} ${
forceBot ? t('label.bot') : t('label.user')
}`,
url: '', url: '',
activeTitle: true, activeTitle: true,
}, },
]; ],
[forceBot]
);
/** /**
* Handle on change event * Handle on change event
@ -279,7 +286,6 @@ const CreateUser = ({
}); });
}; };
// ******* Generate Random Passwprd *****
const generateRandomPassword = async () => { const generateRandomPassword = async () => {
setIsPasswordGenerating(true); setIsPasswordGenerating(true);
try { try {
@ -300,7 +306,7 @@ const CreateUser = ({
*/ */
const handleSave = () => { const handleSave = () => {
const isPasswordGenerated = const isPasswordGenerated =
passwordGenerator === CreatePasswordGenerator.AutomatciGenerate; passwordGenerator === CreatePasswordGenerator.AutomaticGenerate;
const validRole = selectedRoles.filter( const validRole = selectedRoles.filter(
(id) => !isUndefined(id) (id) => !isUndefined(id)
) as string[]; ) as string[];
@ -351,27 +357,29 @@ const CreateUser = ({
return ( return (
<> <>
<Form.Item <Form.Item
label="SecretKey" label={t('label.secret-key')}
name="secretKey" name="secretKey"
rules={[ rules={[
{ {
required: true, required: true,
message: 'SecretKey is required', message: t('label.field-required', {
field: t('label.secret-key'),
}),
}, },
]}> ]}>
<Input.Password <Input.Password
data-testid="secretKey" data-testid="secretKey"
name="secretKey" name="secretKey"
placeholder="secretKey" placeholder={t('label.secret-key')}
value={ssoClientConfig?.secretKey} value={ssoClientConfig?.secretKey}
onChange={handleOnChange} onChange={handleOnChange}
/> />
</Form.Item> </Form.Item>
<Form.Item label="Audience" name="audience"> <Form.Item label={t('label.audience')} name="audience">
<Input <Input
data-testid="audience" data-testid="audience"
name="audience" name="audience"
placeholder="audience" placeholder={t('label.audience')}
value={ssoClientConfig?.audience} value={ssoClientConfig?.audience}
onChange={handleOnChange} onChange={handleOnChange}
/> />
@ -384,52 +392,58 @@ const CreateUser = ({
return ( return (
<> <>
<Form.Item <Form.Item
label="SecretKey" label={t('label.secret-key')}
name="secretKey" name="secretKey"
rules={[ rules={[
{ {
required: true, required: true,
message: 'SecretKey is required', message: t('label.field-required', {
field: t('label.secret-key'),
}),
}, },
]}> ]}>
<Input.Password <Input.Password
data-testid="secretKey" data-testid="secretKey"
name="secretKey" name="secretKey"
placeholder="secretKey" placeholder={t('label.secret-key')}
value={ssoClientConfig?.secretKey} value={ssoClientConfig?.secretKey}
onChange={handleOnChange} onChange={handleOnChange}
/> />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label="ClientId" label={t('label.client-id')}
name="clientId" name="clientId"
rules={[ rules={[
{ {
required: true, required: true,
message: 'ClientId is required', message: t('label.field-required', {
field: t('label.client-id'),
}),
}, },
]}> ]}>
<Input <Input
data-testid="clientId" data-testid="clientId"
name="clientId" name="clientId"
placeholder="clientId" placeholder={t('label.client-id')}
value={ssoClientConfig?.clientId} value={ssoClientConfig?.clientId}
onChange={handleOnChange} onChange={handleOnChange}
/> />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label="Domain" label={t('label.domain')}
name="domain" name="domain"
rules={[ rules={[
{ {
required: true, required: true,
message: 'Domain is required', message: t('label.field-required', {
field: t('label.domain'),
}),
}, },
]}> ]}>
<Input <Input
data-testid="domain" data-testid="domain"
name="domain" name="domain"
placeholder="domain" placeholder={t('label.domain')}
value={ssoClientConfig?.domain} value={ssoClientConfig?.domain}
onChange={handleOnChange} onChange={handleOnChange}
/> />
@ -441,69 +455,75 @@ const CreateUser = ({
return ( return (
<> <>
<Form.Item <Form.Item
label="ClientSecret" label={t('label.client-secret')}
name="clientSecret" name="clientSecret"
rules={[ rules={[
{ {
required: true, required: true,
message: 'ClientSecret is required', message: t('label.field-required', {
field: t('label.client-secret'),
}),
}, },
]}> ]}>
<Input.Password <Input.Password
data-testid="clientSecret" data-testid="clientSecret"
name="clientSecret" name="clientSecret"
placeholder="clientSecret" placeholder={t('label.client-secret')}
value={ssoClientConfig?.clientSecret} value={ssoClientConfig?.clientSecret}
onChange={handleOnChange} onChange={handleOnChange}
/> />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label="ClientId" label={t('label.client-id')}
name="clientId" name="clientId"
rules={[ rules={[
{ {
required: true, required: true,
message: 'ClientId is required', message: t('label.field-required', {
field: t('label.client-id'),
}),
}, },
]}> ]}>
<Input <Input
data-testid="clientId" data-testid="clientId"
name="clientId" name="clientId"
placeholder="clientId" placeholder={t('label.client-id')}
value={ssoClientConfig?.clientId} value={ssoClientConfig?.clientId}
onChange={handleOnChange} onChange={handleOnChange}
/> />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label="Authority" label={t('label.authority')}
name="authority" name="authority"
rules={[ rules={[
{ {
required: true, required: true,
message: 'Authority is required', message: t('label.field-required', {
field: t('label.authority'),
}),
}, },
]}> ]}>
<Input <Input
data-testid="authority" data-testid="authority"
name="authority" name="authority"
placeholder="authority" placeholder={t('label.authority')}
value={ssoClientConfig?.authority} value={ssoClientConfig?.authority}
onChange={handleOnChange} onChange={handleOnChange}
/> />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label="Scopes" label={t('label.scopes')}
name="scopes" name="scopes"
rules={[ rules={[
{ {
required: true, required: true,
message: 'Scopes is required', message: t('label.scopes-comma-separated'),
}, },
]}> ]}>
<Input <Input
data-testid="scopes" data-testid="scopes"
name="scopes" name="scopes"
placeholder="Scopes value comma separated" placeholder={t('label.scopes-comma-separated')}
value={ssoClientConfig?.scopes} value={ssoClientConfig?.scopes}
onChange={handleOnChange} onChange={handleOnChange}
/> />
@ -515,79 +535,87 @@ const CreateUser = ({
return ( return (
<> <>
<Form.Item <Form.Item
label="PrivateKey" label={t('label.private-key')}
name="privateKey" name="privateKey"
rules={[ rules={[
{ {
required: true, required: true,
message: 'PrivateKey is required', message: t('label.field-required', {
field: t('label.private-key'),
}),
}, },
]}> ]}>
<Input.Password <Input.Password
data-testid="privateKey" data-testid="privateKey"
name="privateKey" name="privateKey"
placeholder="privateKey" placeholder={t('label.private-key')}
value={ssoClientConfig?.privateKey} value={ssoClientConfig?.privateKey}
onChange={handleOnChange} onChange={handleOnChange}
/> />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label="ClientId" label={t('label.client-id')}
name="clientId" name="clientId"
rules={[ rules={[
{ {
required: true, required: true,
message: 'ClientId is required', message: t('label.field-required', {
field: t('label.client-id'),
}),
}, },
]}> ]}>
<Input <Input
data-testid="clientId" data-testid="clientId"
name="clientId" name="clientId"
placeholder="clientId" placeholder={t('label.client-id')}
value={ssoClientConfig?.clientId} value={ssoClientConfig?.clientId}
onChange={handleOnChange} onChange={handleOnChange}
/> />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label="OrgURL" label={t('label.org-url')}
name="orgURL" name="orgURL"
rules={[ rules={[
{ {
required: true, required: true,
message: 'OrgURL is required', message: t('label.field-required', {
field: t('label.org-url'),
}),
}, },
]}> ]}>
<Input <Input
data-testid="orgURL" data-testid="orgURL"
name="orgURL" name="orgURL"
placeholder="orgURL" placeholder={t('label.org-url')}
value={ssoClientConfig?.orgURL} value={ssoClientConfig?.orgURL}
onChange={handleOnChange} onChange={handleOnChange}
/> />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label="Email" label={t('label.email')}
name="oktaEmail" name="oktaEmail"
rules={[ rules={[
{ {
required: true, required: true,
type: 'email', type: 'email',
message: 'Service account Email is required', message: t('label.field-required', {
field: t('label.service-email'),
}),
}, },
]}> ]}>
<Input <Input
data-testid="oktaEmail" data-testid="oktaEmail"
name="oktaEmail" name="oktaEmail"
placeholder="Okta Service account Email" placeholder={t('label.okta-email')}
value={ssoClientConfig?.email} value={ssoClientConfig?.email}
onChange={handleOnChange} onChange={handleOnChange}
/> />
</Form.Item> </Form.Item>
<Form.Item label="Scopes" name="scopes"> <Form.Item label={t('label.scopes')} name="scopes">
<Input <Input
data-testid="scopes" data-testid="scopes"
name="scopes" name="scopes"
placeholder="Scopes value comma separated" placeholder={t('label.scopes-comma-separated')}
value={ssoClientConfig?.scopes} value={ssoClientConfig?.scopes}
onChange={handleOnChange} onChange={handleOnChange}
/> />
@ -599,52 +627,58 @@ const CreateUser = ({
return ( return (
<> <>
<Form.Item <Form.Item
label="SecretKey" label={t('label.secret-key')}
name="secretKey" name="secretKey"
rules={[ rules={[
{ {
required: true, required: true,
message: 'SecretKey is required', message: t('label.field-required', {
field: t('label.secret-key'),
}),
}, },
]}> ]}>
<Input.Password <Input.Password
data-testid="secretKey" data-testid="secretKey"
name="secretKey" name="secretKey"
placeholder="secretKey" placeholder={t('label.secret-key')}
value={ssoClientConfig?.secretKey} value={ssoClientConfig?.secretKey}
onChange={handleOnChange} onChange={handleOnChange}
/> />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label="ClientId" label={t('label.client-id')}
name="clientId" name="clientId"
rules={[ rules={[
{ {
required: true, required: true,
message: 'ClientId is required', message: t('label.field-required', {
field: t('label.client-id'),
}),
}, },
]}> ]}>
<Input <Input
data-testid="clientId" data-testid="clientId"
name="clientId" name="clientId"
placeholder="clientId" placeholder={t('label.client-id')}
value={ssoClientConfig?.clientId} value={ssoClientConfig?.clientId}
onChange={handleOnChange} onChange={handleOnChange}
/> />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label="TokenEndpoint" label={t('label.token-end-point')}
name="tokenEndpoint" name="tokenEndpoint"
rules={[ rules={[
{ {
required: true, required: true,
message: 'TokenEndpoint is required', message: t('label.field-required', {
field: t('label.token-end-point'),
}),
}, },
]}> ]}>
<Input <Input
data-testid="tokenEndpoint" data-testid="tokenEndpoint"
name="tokenEndpoint" name="tokenEndpoint"
placeholder="tokenEndpoint" placeholder={t('label.token-end-point')}
value={ssoClientConfig?.tokenEndpoint} value={ssoClientConfig?.tokenEndpoint}
onChange={handleOnChange} onChange={handleOnChange}
/> />
@ -658,6 +692,10 @@ const CreateUser = ({
} }
}; };
useEffect(() => {
generateRandomPassword();
}, []);
return ( return (
<PageLayout <PageLayout
classes="tw-max-w-full-hd tw-h-full tw-pt-4" classes="tw-max-w-full-hd tw-h-full tw-pt-4"
@ -665,7 +703,9 @@ const CreateUser = ({
layout={PageLayoutType['2ColRTL']}> layout={PageLayoutType['2ColRTL']}>
<div className="tw-form-container"> <div className="tw-form-container">
<h6 className="tw-heading tw-text-base"> <h6 className="tw-heading tw-text-base">
Create {forceBot ? 'Bot' : 'User'} {t('label.create-entity', {
entity: forceBot ? t('label.bot') : t('label.user'),
})}
</h6> </h6>
<Form <Form
form={form} form={form}
@ -674,7 +714,7 @@ const CreateUser = ({
validateMessages={{ required: '${label} is required' }} validateMessages={{ required: '${label} is required' }}
onFinish={handleSave}> onFinish={handleSave}>
<Form.Item <Form.Item
label="Email" label={t('label.email')}
name="email" name="email"
rules={[ rules={[
{ {
@ -703,16 +743,16 @@ const CreateUser = ({
<Input <Input
data-testid="email" data-testid="email"
name="email" name="email"
placeholder="email" placeholder={t('label.email')}
value={email} value={email}
onChange={handleOnChange} onChange={handleOnChange}
/> />
</Form.Item> </Form.Item>
<Form.Item label="Display Name" name="displayName"> <Form.Item label={t('label.display-name')} name="displayName">
<Input <Input
data-testid="displayName" data-testid="displayName"
name="displayName" name="displayName"
placeholder="displayName" placeholder={t('label.display-name')}
value={displayName} value={displayName}
onChange={handleOnChange} onChange={handleOnChange}
/> />
@ -720,14 +760,18 @@ const CreateUser = ({
{forceBot && ( {forceBot && (
<> <>
<Form.Item <Form.Item
label="Auth Mechanism" label={t('label.auth-mechanism')}
name="auth-mechanism" name="auth-mechanism"
rules={[ rules={[
{ {
required: true, required: true,
validator: () => { validator: () => {
if (!authMechanism) { if (!authMechanism) {
return Promise.reject('Auth Mechanism is required'); return Promise.reject(
t('label.field-required', {
field: t('label.auth-mechanism'),
})
);
} }
return Promise.resolve(); return Promise.resolve();
@ -738,7 +782,7 @@ const CreateUser = ({
className="w-full" className="w-full"
data-testid="auth-mechanism" data-testid="auth-mechanism"
defaultValue={authMechanism} defaultValue={authMechanism}
placeholder="Select Auth Mechanism" placeholder={t('label.select-auth-mechanism')}
onChange={(value) => setAuthMechanism(value)}> onChange={(value) => setAuthMechanism(value)}>
{getAuthMechanismTypeOptions(authConfig).map((option) => ( {getAuthMechanismTypeOptions(authConfig).map((option) => (
<Option key={option.value}>{option.label}</Option> <Option key={option.value}>{option.label}</Option>
@ -747,14 +791,18 @@ const CreateUser = ({
</Form.Item> </Form.Item>
{authMechanism === AuthType.Jwt && ( {authMechanism === AuthType.Jwt && (
<Form.Item <Form.Item
label="Token Expiration" label={t('label.token-expiration')}
name="token-expiration" name="token-expiration"
rules={[ rules={[
{ {
required: true, required: true,
validator: () => { validator: () => {
if (!tokenExpiry) { if (!tokenExpiry) {
return Promise.reject('Token Expiration is required'); return Promise.reject(
t('label.field-required', {
field: t('label.token-expiration'),
})
);
} }
return Promise.resolve(); return Promise.resolve();
@ -765,7 +813,7 @@ const CreateUser = ({
className="w-full" className="w-full"
data-testid="token-expiry" data-testid="token-expiry"
defaultValue={tokenExpiry} defaultValue={tokenExpiry}
placeholder="Select Token Expiration" placeholder={t('label.select-token-expiration')}
onChange={(value) => setTokenExpiry(value)}> onChange={(value) => setTokenExpiry(value)}>
{getJWTTokenExpiryOptions().map((option) => ( {getJWTTokenExpiryOptions().map((option) => (
<Option key={option.value}>{option.label}</Option> <Option key={option.value}>{option.label}</Option>
@ -776,7 +824,7 @@ const CreateUser = ({
{authMechanism === AuthType.Sso && <>{getSSOConfig()}</>} {authMechanism === AuthType.Sso && <>{getSSOConfig()}</>}
</> </>
)} )}
<Form.Item label="Description" name="description"> <Form.Item label={t('label.description')} name="description">
<RichTextEditor initialValue={description} ref={markdownRef} /> <RichTextEditor initialValue={description} ref={markdownRef} />
</Form.Item> </Form.Item>
@ -788,11 +836,13 @@ const CreateUser = ({
name="passwordGenerator" name="passwordGenerator"
value={passwordGenerator} value={passwordGenerator}
onChange={handleOnChange}> onChange={handleOnChange}>
<Radio value={CreatePasswordGenerator.AutomatciGenerate}> <Radio value={CreatePasswordGenerator.AutomaticGenerate}>
Automatic Generate {t('label.automatically-generate')}
</Radio> </Radio>
<Radio value={CreatePasswordGenerator.CreatePassword}> <Radio value={CreatePasswordGenerator.CreatePassword}>
Create Password {t('label.password-type', {
type: t('label.create'),
})}
</Radio> </Radio>
</Radio.Group> </Radio.Group>
@ -800,7 +850,7 @@ const CreateUser = ({
CreatePasswordGenerator.CreatePassword ? ( CreatePasswordGenerator.CreatePassword ? (
<div className="m-t-sm"> <div className="m-t-sm">
<Form.Item <Form.Item
label="Password" label={t('label.password')}
name="password" name="password"
rules={[ rules={[
{ {
@ -813,20 +863,26 @@ const CreateUser = ({
]}> ]}>
<Input.Password <Input.Password
name="password" name="password"
placeholder="Enter a Password" placeholder={t('label.password-type', {
type: t('label.enter'),
})}
value={password} value={password}
onChange={handleOnChange} onChange={handleOnChange}
/> />
</Form.Item> </Form.Item>
<Form.Item <Form.Item
label="Confirm Password" label={t('label.password-type', {
type: t('label.confirm'),
})}
name="confirmPassword" name="confirmPassword"
rules={[ rules={[
{ {
validator: (_, value) => { validator: (_, value) => {
if (value !== password) { if (value !== password) {
return Promise.reject("Password doesn't match"); return Promise.reject(
t('label.password-not-match')
);
} }
return Promise.resolve(); return Promise.resolve();
@ -835,7 +891,9 @@ const CreateUser = ({
]}> ]}>
<Input.Password <Input.Password
name="confirmPassword" name="confirmPassword"
placeholder="Confirm Password" placeholder={t('label.password-type', {
type: t('label.confirm'),
})}
value={confirmPassword} value={confirmPassword}
onChange={handleOnChange} onChange={handleOnChange}
/> />
@ -844,7 +902,9 @@ const CreateUser = ({
) : ( ) : (
<div className="m-t-sm"> <div className="m-t-sm">
<Form.Item <Form.Item
label="Generated Password" label={t('label.password-type', {
type: t('label.generate'),
})}
name="generatedPassword" name="generatedPassword"
rules={[ rules={[
{ {
@ -863,7 +923,7 @@ const CreateUser = ({
<Loader size="small" type="default" /> <Loader size="small" type="default" />
) : ( ) : (
<SVGIcons <SVGIcons
alt="generate" alt={t('label.generate')}
icon={Icons.SYNC} icon={Icons.SYNC}
width="16" width="16"
/> />
@ -885,17 +945,17 @@ const CreateUser = ({
)} )}
</> </>
)} )}
<Form.Item label="Teams" name="teams"> <Form.Item label={t('label.teams')} name="teams">
<TeamsSelectable onSelectionChange={setSelectedTeams} /> <TeamsSelectable onSelectionChange={setSelectedTeams} />
</Form.Item> </Form.Item>
<Form.Item label="Roles" name="roles"> <Form.Item label={t('label.roles')} name="roles">
<DropDown <DropDown
className={classNames('tw-bg-white', { className={classNames('tw-bg-white', {
'tw-bg-gray-100 tw-cursor-not-allowed': roles.length === 0, 'tw-bg-gray-100 tw-cursor-not-allowed': roles.length === 0,
})} })}
dataTestId="roles-dropdown" dataTestId="roles-dropdown"
dropDownList={getDropdownOptions(roles) as DropDownListItem[]} dropDownList={getDropdownOptions(roles) as DropDownListItem[]}
label="Roles" label={t('label.roles')}
selectedItems={selectedRoles as Array<string>} selectedItems={selectedRoles as Array<string>}
type="checkbox" type="checkbox"
onSelect={(_e, value) => selectedRolesHandler(value)} onSelect={(_e, value) => selectedRolesHandler(value)}
@ -904,7 +964,7 @@ const CreateUser = ({
<Form.Item> <Form.Item>
<Space> <Space>
<span>Admin</span> <span> {t('label.admin')}</span>
<Switch <Switch
checked={isAdmin} checked={isAdmin}
data-testid="admin" data-testid="admin"
@ -920,7 +980,7 @@ const CreateUser = ({
<Space className="w-full tw-justify-end" size={4}> <Space className="w-full tw-justify-end" size={4}>
<Button data-testid="cancel-user" type="link" onClick={onCancel}> <Button data-testid="cancel-user" type="link" onClick={onCancel}>
Cancel {t('label.cancel')}
</Button> </Button>
<> <>
{saveState === 'waiting' ? ( {saveState === 'waiting' ? (
@ -937,7 +997,7 @@ const CreateUser = ({
form="create-user-bot-form" form="create-user-bot-form"
htmlType="submit" htmlType="submit"
type="primary"> type="primary">
Create {t('label.create')}
</Button> </Button>
)} )}
</> </>

2
openmetadata-ui/src/main/resources/ui/src/enums/user.enum.ts
View File

@ -23,6 +23,6 @@ export enum OwnerType {
} }
export enum CreatePasswordGenerator { export enum CreatePasswordGenerator {
AutomatciGenerate = 'AUTOMATIC_GENERATE', AutomaticGenerate = 'AUTOMATIC_GENERATE',
CreatePassword = 'CREATE_PASSWORD', CreatePassword = 'CREATE_PASSWORD',
} }

13
openmetadata-ui/src/main/resources/ui/src/locale/languages/en-us.json
View File

@ -2,6 +2,7 @@
"label": { "label": {
"name": "Name", "name": "Name",
"type": "Type", "type": "Type",
"email": "Email",
"description": "Description", "description": "Description",
"docs": "Docs", "docs": "Docs",
"date-filter": "Date Filter", "date-filter": "Date Filter",
@ -409,6 +410,7 @@
"ms-teams": "MS Teams", "ms-teams": "MS Teams",
"ms-team": "MS Team", "ms-team": "MS Team",
"bot": "Bot", "bot": "Bot",
"bot-plural": "Bots",
"policy-name": "Policy name", "policy-name": "Policy name",
"add-new-policy": "Add New Policy", "add-new-policy": "Add New Policy",
"policies": "Policies", "policies": "Policies",
@ -552,7 +554,16 @@
"select-dbt-source": "Select DBT Source", "select-dbt-source": "Select DBT Source",
"no-selected-dbt": "No source selected for DBT Configuration.", "no-selected-dbt": "No source selected for DBT Configuration.",
"dbt": "DBT", "dbt": "DBT",
"latest": "Latest" "latest": "Latest",
"create": "Create",
"admin": "Admin",
"generate": "Generate",
"password-type": "{{type}} Password",
"automatically-generate": "Automatically Generate",
"create-entity": "Create {{entity}}",
"domain": "Domain",
"private-key": "PrivateKey",
"service-email": "Service account Email"
}, },
"message": { "message": {
"service-email-required": "Service account Email is required", "service-email-required": "Service account Email is required",