diff options
author | Anton Tananaev <anton.tananaev@gmail.com> | 2021-02-01 10:50:48 -0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-02-01 10:50:48 -0800 |
commit | 05c3cd4e7bb395970b395c719c1e6a671574c75b (patch) | |
tree | 313e1bc5274d87c1c5f89e7be2db83da3aee1294 /modern/src/LoginPage.js | |
parent | 467040deda2fb121ddb194d212565b0364db1a8d (diff) | |
parent | 599104d3e8bf3545d00fa63ad5061e0bb9ad47b7 (diff) | |
download | etbsa-traccar-web-05c3cd4e7bb395970b395c719c1e6a671574c75b.tar.gz etbsa-traccar-web-05c3cd4e7bb395970b395c719c1e6a671574c75b.tar.bz2 etbsa-traccar-web-05c3cd4e7bb395970b395c719c1e6a671574c75b.zip |
Merge pull request #813 from mikems66/registration
User self registration
Diffstat (limited to 'modern/src/LoginPage.js')
-rw-r--r-- | modern/src/LoginPage.js | 18 |
1 files changed, 16 insertions, 2 deletions
diff --git a/modern/src/LoginPage.js b/modern/src/LoginPage.js index 2636c80..14960f8 100644 --- a/modern/src/LoginPage.js +++ b/modern/src/LoginPage.js @@ -7,6 +7,8 @@ import FormControl from '@material-ui/core/FormControl'; import Paper from '@material-ui/core/Paper'; import { makeStyles } from '@material-ui/core'; import TextField from '@material-ui/core/TextField'; +import RegisterDialog from './RegisterDialog'; +import { useSelector } from 'react-redux'; import t from './common/localization'; @@ -47,10 +49,13 @@ const LoginPage = () => { const [failed, setFailed] = useState(false); const [email, setEmail] = useState(''); const [password, setPassword] = useState(''); + const [registerDialogShown, setRegisterDialogShown] = useState(false); const classes = useStyles(); const history = useHistory(); + const registrationPref = useSelector(state => state.session.server ? state.session.server['registration'] : false); + const handleEmailChange = (event) => { setEmail(event.target.value); } @@ -60,7 +65,11 @@ const LoginPage = () => { } const handleRegister = () => { - // TODO: Implement registration + setRegisterDialogShown(true); + } + + const handleRegisterResult = () => { + setRegisterDialogShown(false); } const handleLogin = async (event) => { @@ -109,7 +118,7 @@ const LoginPage = () => { <FormControl fullWidth margin='normal'> <div className={classes.buttons}> - <Button type='button' variant='contained' disabled onClick={handleRegister}> + <Button type='button' variant='contained' onClick={handleRegister} disabled={!registrationPref}> {t('loginRegister')} </Button> <Button type='submit' variant='contained' color='primary' disabled={!email || !password}> @@ -118,6 +127,11 @@ const LoginPage = () => { </div> </FormControl> </form> + + {registerDialogShown && + <RegisterDialog showDialog={true} onResult={handleRegisterResult} /> + } + </Paper> </main> ); |