yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-12-27 15:13:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

EditForm refacto

Browse Source
This commit is contained in:
Virginie Ky 2019-09-17 18:48:28 +02:00
parent 28426555b6
commit b5a18e27bc
1 changed files with 95 additions and 103 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

198
packages/strapi-plugin-users-permissions/admin/src/components/EditForm/index.js
View File

@ -12,116 +12,108 @@ import { InputsIndex as Input, LoadingIndicator } from 'strapi-helper-plugin';
import { Separator, Wrapper } from './Components';
class EditForm extends React.Component {
// eslint-disable-line react/prefer-stateless-function
generateSelectOptions = () =>
Object.keys(get(this.props.values, 'roles', [])).reduce((acc, current) => {
function EditForm({ onChange, showLoaders, values }) {
const { roles, settings } = values;
const generateSelectOptions = () =>
Object.keys(get(values, 'roles', [])).reduce((acc, current) => {
const option = {
id: get(this.props.values.roles, [current, 'name']),
value: get(this.props.values.roles, [current, 'type']),
id: get(roles, [current, 'name']),
value: get(roles, [current, 'type']),
};
acc.push(option);
return acc;
}, []);
render() {
const { onChange, showLoaders } = this.props;
return (
<Wrapper className={showLoaders && 'load-container'}>
{showLoaders ? (
<LoadingIndicator />
) : (
<div>
<div className="row">
<Input
inputDescription={{
id: 'users-permissions.EditForm.inputSelect.description.role',
}}
label={{
id: 'users-permissions.EditForm.inputSelect.label.role',
}}
name="advanced.settings.default_role"
onChange={onChange}
selectOptions={this.generateSelectOptions()}
type="select"
value={get(this.props.values.settings, 'default_role')}
/>
</div>
<Separator />
<div className="row">
<Input
label={{
id: 'users-permissions.EditForm.inputToggle.label.email',
}}
inputDescription={{
id:
'users-permissions.EditForm.inputToggle.description.email',
}}
name="advanced.settings.unique_email"
onChange={onChange}
type="toggle"
value={get(this.props.values.settings, 'unique_email')}
/>
</div>
<Separator />
<div className="row">
<Input
label={{
id: 'users-permissions.EditForm.inputToggle.label.sign-up',
}}
inputDescription={{
id:
'users-permissions.EditForm.inputToggle.description.sign-up',
}}
name="advanced.settings.allow_register"
onChange={onChange}
type="toggle"
value={get(this.props.values.settings, 'allow_register')}
/>
</div>
<Separator />
<div className="row">
<Input
label={{
id:
'users-permissions.EditForm.inputToggle.label.email-confirmation',
}}
inputDescription={{
id:
'users-permissions.EditForm.inputToggle.description.email-confirmation',
}}
name="advanced.settings.email_confirmation"
onChange={onChange}
type="toggle"
value={get(this.props.values.settings, 'email_confirmation')}
/>
</div>
<div className="row">
<Input
label={{
id:
'users-permissions.EditForm.inputToggle.label.email-confirmation-redirection',
}}
inputDescription={{
id:
'users-permissions.EditForm.inputToggle.description.email-confirmation-redirection',
}}
name="advanced.settings.email_confirmation_redirection"
onChange={onChange}
type="text"
value={get(
this.props.values.settings,
'email_confirmation_redirection'
)}
/>
</div>
return (
<Wrapper className={showLoaders && 'load-container'}>
{showLoaders ? (
<LoadingIndicator />
) : (
<div>
<div className="row">
<Input
inputDescription={{
id: 'users-permissions.EditForm.inputSelect.description.role',
}}
label={{
id: 'users-permissions.EditForm.inputSelect.label.role',
}}
name="advanced.settings.default_role"
onChange={onChange}
selectOptions={generateSelectOptions()}
type="select"
value={get(settings, 'default_role')}
/>
</div>
)}
</Wrapper>
);
}
<Separator />
<div className="row">
<Input
label={{
id: 'users-permissions.EditForm.inputToggle.label.email',
}}
inputDescription={{
id: 'users-permissions.EditForm.inputToggle.description.email',
}}
name="advanced.settings.unique_email"
onChange={onChange}
type="toggle"
value={get(settings, 'unique_email')}
/>
</div>
<Separator />
<div className="row">
<Input
label={{
id: 'users-permissions.EditForm.inputToggle.label.sign-up',
}}
inputDescription={{
id:
'users-permissions.EditForm.inputToggle.description.sign-up',
}}
name="advanced.settings.allow_register"
onChange={onChange}
type="toggle"
value={get(settings, 'allow_register')}
/>
</div>
<Separator />
<div className="row">
<Input
label={{
id:
'users-permissions.EditForm.inputToggle.label.email-confirmation',
}}
inputDescription={{
id:
'users-permissions.EditForm.inputToggle.description.email-confirmation',
}}
name="advanced.settings.email_confirmation"
onChange={onChange}
type="toggle"
value={get(settings, 'email_confirmation')}
/>
</div>
<div className="row">
<Input
label={{
id:
'users-permissions.EditForm.inputToggle.label.email-confirmation-redirection',
}}
inputDescription={{
id:
'users-permissions.EditForm.inputToggle.description.email-confirmation-redirection',
}}
name="advanced.settings.email_confirmation_redirection"
onChange={onChange}
type="text"
value={get(settings, 'email_confirmation_redirection')}
/>
</div>
</div>
)}
</Wrapper>
);
}
EditForm.propTypes = {