46 lines
1.3 KiB
TypeScript
46 lines
1.3 KiB
TypeScript
|
import React from "react";
|
||
|
|
import {Button} from "../../elements/GPElements/Button";
|
||
|
|
import style from './AuthenticationPage.module.css'
|
||
|
|
|
||
|
|
interface state {
|
||
|
|
pwdText: string
|
||
|
|
}
|
||
|
|
|
||
|
|
interface props {
|
||
|
|
submit: (password: string) => void
|
||
|
|
}
|
||
|
|
|
||
|
|
class AuthenticationPage extends React.Component<props, state> {
|
||
|
|
constructor(props: props) {
|
||
|
|
super(props);
|
||
|
|
|
||
|
|
this.state = {
|
||
|
|
pwdText: ''
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
render(): JSX.Element {
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<div className={style.openmediacenterlabel}>OpenMediaCenter</div>
|
||
|
|
<div className={style.main}>
|
||
|
|
<div className={style.loginText}>Login</div>
|
||
|
|
<div>
|
||
|
|
<input className={style.input}
|
||
|
|
placeholder='Password'
|
||
|
|
type='password'
|
||
|
|
onChange={(ch): void => this.setState({pwdText: ch.target.value})}
|
||
|
|
value={this.state.pwdText}/>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<Button title='Submit' onClick={(): void => {
|
||
|
|
this.props.submit(this.state.pwdText);
|
||
|
|
}}/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default AuthenticationPage;
|