added interpolation for the translations and added label for plus id's for the fields
This commit is contained in:
parent
8a392fff9e
commit
4c36fd097f
1 changed files with 14 additions and 11 deletions
25
ui/src/components/setup.tsx
vendored
25
ui/src/components/setup.tsx
vendored
|
@ -80,17 +80,16 @@ export class Setup extends Component<any, State> {
|
|||
registerUser() {
|
||||
return (
|
||||
<form onSubmit={linkEvent(this, this.handleRegisterSubmit)}>
|
||||
<h5>
|
||||
<T i18nKey="setup_admin">#</T>
|
||||
</h5>
|
||||
<h4>{ i18n.t('setup_admin')}</h4>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">
|
||||
<T i18nKey="username">#</T>
|
||||
<label class="col-sm-2 col-form-label" for="username">
|
||||
{ i18n.t('username') }
|
||||
</label>
|
||||
<div class="col-sm-10">
|
||||
<input
|
||||
type="text"
|
||||
class="form-control"
|
||||
id="username"
|
||||
value={this.state.userForm.username}
|
||||
onInput={linkEvent(this, this.handleRegisterUsernameChange)}
|
||||
required
|
||||
|
@ -101,12 +100,14 @@ export class Setup extends Component<any, State> {
|
|||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">
|
||||
<T i18nKey="email">#</T>
|
||||
<label class="col-sm-2 col-form-label" for="email">
|
||||
{ i18n.t('email') }
|
||||
</label>
|
||||
|
||||
<div class="col-sm-10">
|
||||
<input
|
||||
type="email"
|
||||
id="email"
|
||||
class="form-control"
|
||||
placeholder={i18n.t('optional')}
|
||||
value={this.state.userForm.email}
|
||||
|
@ -116,12 +117,13 @@ export class Setup extends Component<any, State> {
|
|||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">
|
||||
<T i18nKey="password">#</T>
|
||||
<label class="col-sm-2 col-form-label" for="password">
|
||||
{ i18n.t('password')}
|
||||
</label>
|
||||
<div class="col-sm-10">
|
||||
<input
|
||||
type="password"
|
||||
id="password"
|
||||
value={this.state.userForm.password}
|
||||
onInput={linkEvent(this, this.handleRegisterPasswordChange)}
|
||||
class="form-control"
|
||||
|
@ -130,12 +132,13 @@ export class Setup extends Component<any, State> {
|
|||
</div>
|
||||
</div>
|
||||
<div class="form-group row">
|
||||
<label class="col-sm-2 col-form-label">
|
||||
<T i18nKey="verify_password">#</T>
|
||||
<label class="col-sm-2 col-form-label" for="verify-password">
|
||||
{ i18n.t('verify_password') }
|
||||
</label>
|
||||
<div class="col-sm-10">
|
||||
<input
|
||||
type="password"
|
||||
id="verify-password"
|
||||
value={this.state.userForm.password_verify}
|
||||
onInput={linkEvent(this, this.handleRegisterPasswordVerifyChange)}
|
||||
class="form-control"
|
||||
|
|
Loading…
Reference in a new issue