Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React from 'react';
- import { Checkbox, Button } from 'antd';
- import ReactDOM from 'react-dom';
- import NavBar from '../components/Navbar.jsx';
- import Footer from '../components/footer.jsx';
- import notify from "../services/notify.js";
- import remote from "../services/remote.js";
- import auth from "../services/authService.js";
- export default class Register extends React.Component{
- state ={
- username:'',
- email:'',
- password:'',
- repeatPass: '',
- isAdmin: false,
- }
- onChange = (e) =>{
- if(e.target.name ==='isAdmin'){
- this.setState({
- [e.target.name]:e.target.checked,
- })
- }
- else {
- this.setState({
- [e.target.name]:e.target.value,
- })
- }
- }
- onSubmit = () =>{
- let username = this.state.username;
- let email = this.state.email;
- let password = this.state.password;
- let repeatPassword = this.state.repeatPass
- let isAdmin = this.state.isAdmin;
- if(username.length<3){
- console.log("error user length < 3");
- }
- else if (password.length < 8) {
- console.log("error length should be < 8");
- }
- else if (password !== repeatPassword) {
- console.log("error password match");
- }
- else{
- auth.register(username, password).then((userData) => {
- auth.saveSession(userData);
- console.log(userData);
- console.log("заявката проработи правилно")
- }).catch(console.log("влезна в catch'а"))
- }
- }
- render() {
- return(
- <div>
- <NavBar/>
- <center><form action="#/register" method="post" id="registerForm">
- <label>
- Username:<input type="text" name="username" onChange={e => this.onChange(e)}
- value={this.state.usernamel} />
- </label><br />
- <label>
- Password:<input type="password" name="password" onChange={e => this.onChange(e)}
- value={this.state.password} />
- </label><br />
- <label>
- Password:<input type="password" name="repeatPass" onChange={e => this.onChange(e)}
- value={this.state.repeatPass} />
- </label><br />
- {/*checkbox*/}
- <Checkbox name='isAdmin' checked={this.state.isAdmin} onChange={e => this.onChange(e)}>
- Admin?
- </Checkbox><br/>
- {/*button*/}
- <Button id="btnRegister" onClick={() => this.onSubmit()} type="submit">Register</Button>
- </form></center><br />
- <Footer/>
- </div>
- );
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement