Partial import processing

This commit is contained in:
2020-06-16 15:51:38 -05:00
parent 38bb2855b6
commit e4d0c51732
7 changed files with 129 additions and 35 deletions

View File

@@ -108,23 +108,26 @@ export default class extends Component {
render() {
return (
<div className={'PasswordOwner'}>
<a href={'#'}
className={'PasswordLink'}
onClick={this.handleActionClick}>
<u>{this.state.button_text}</u>
</a>
<div className={'PasswordOwner'} style={{...this.props.style}}>
{
this.props.readOnly ? null : <a href={'#'}
className={'PasswordLink'}
onClick={this.handleActionClick}>
<u>{this.state.button_text}</u>
</a>
}
<input autoFocus={this.props.autoFocus}
readOnly={this.props.readOnly}
className={'PasswordInput'}
disabled={this.props.readOnly || (this.state.button_text === 'clear')}
onChange={this.handlePasswordChanged}
onKeyUp={this.handlePasswordKeyUp}
type={this.state.show_password ? 'text' : 'password'}
value={(this.state.button_text === 'confirm') ? this.state.password2 : this.state.password} />
value={(this.state.button_text === 'confirm') ? this.state.password2 : this.state.password}/>
<a href={'#'}
className={'PasswordShowHide'}
onClick={this.handleShowHideClick}>
<FontAwesomeIcon icon={this.state.show_password ? faEye : faEyeSlash} />
<FontAwesomeIcon icon={this.state.show_password ? faEye : faEyeSlash}/>
</a>
</div>
);