PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

Disable all inputs in login form while busy, not just the submit button

Browse source
This commit is contained in:
Zoe 2020-01-30 15:06:36 +00:00
parent 767015d19d
commit 318689f40b
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/views/auth/PasswordLogin.js
View file

@ -202,6 +202,7 @@ export default class PasswordLogin extends React.Component {
value={this.state.username} value={this.state.username}
onChange={this.onUsernameChanged} onChange={this.onUsernameChanged}
onBlur={this.onUsernameBlur} onBlur={this.onUsernameBlur}
disabled={this.props.disableSubmit}
autoFocus autoFocus
/>; />;
case PasswordLogin.LOGIN_FIELD_MXID: case PasswordLogin.LOGIN_FIELD_MXID:
@ -216,6 +217,7 @@ export default class PasswordLogin extends React.Component {
value={this.state.username} value={this.state.username}
onChange={this.onUsernameChanged} onChange={this.onUsernameChanged}
onBlur={this.onUsernameBlur} onBlur={this.onUsernameBlur}
disabled={this.props.disableSubmit}
autoFocus autoFocus
/>; />;
case PasswordLogin.LOGIN_FIELD_PHONE: { case PasswordLogin.LOGIN_FIELD_PHONE: {
@ -240,6 +242,7 @@ export default class PasswordLogin extends React.Component {
prefix={phoneCountry} prefix={phoneCountry}
onChange={this.onPhoneNumberChanged} onChange={this.onPhoneNumberChanged}
onBlur={this.onPhoneNumberBlur} onBlur={this.onPhoneNumberBlur}
disabled={this.props.disableSubmit}
autoFocus autoFocus
/>; />;
} }
@ -291,6 +294,7 @@ export default class PasswordLogin extends React.Component {
element="select" element="select"
value={this.state.loginType} value={this.state.loginType}
onChange={this.onLoginTypeChange} onChange={this.onLoginTypeChange}
disabled={this.props.disableSubmit}
> >
<option <option
key={PasswordLogin.LOGIN_FIELD_MXID} key={PasswordLogin.LOGIN_FIELD_MXID}
@ -330,6 +334,7 @@ export default class PasswordLogin extends React.Component {
label={_t('Password')} label={_t('Password')}
value={this.state.password} value={this.state.password}
onChange={this.onPasswordChanged} onChange={this.onPasswordChanged}
disabled={this.props.disableSubmit}
/> />
{forgotPasswordJsx} {forgotPasswordJsx}
<input className="mx_Login_submit" <input className="mx_Login_submit"