import Head from 'next/head'; import React from 'react'; import PropTypes from 'prop-types'; import {connect} from 'react-redux'; import {notify} from 'react-notify-toast'; import Router from 'next/router'; import { Button, Card, CardBody, Container, Form, FormGroup, FormText, Input, Label, Modal, ModalHeader, ModalBody, ModalFooter } from 'reactstrap'; import {TurniereNavigation} from '../js/components/Navigation'; import {Footer} from '../js/components/Footer'; import {register} from '../js/api'; import '../static/css/errormessages.css'; import '../static/css/everypage.css'; export default class RegisterPage extends React.Component { render() { return (
Registrieren: turnie.re
); } } class Register extends React.Component { render() { return (

Account anlegen

Ich habe bereits einen Account!
); } } class RegisterErrorList extends React.Component { render() { const {error, errorMessages} = this.props; if (error) { return (); } else { return null; } } } const mapStateToErrorMessages = state => { const {errorMessages, error} = state.userinfo; return {errorMessages, error}; }; const VisibleRegisterErrorList = connect(mapStateToErrorMessages)(RegisterErrorList); class RegisterForm extends React.Component { constructor(props) { super(props); this.state = { username: '', email: '', password: '', showRegisterSuccessModal: false, code: -1 }; } render() { return (
this.closeRegisterSuccessModal()}/> Wenn du anderen dein Turnier zeigst, können sie deinen Benutzernamen sehen. Deine E-Mail-Adresse kann nur von dir gesehen werden. Dein Passwort muss mindestens 12 Zeichen lang sein. Alle Zeichen sind erlaubt. Du akzeptierst die Datenschutzbestimmungen, wenn du auf Registrieren klickst. ); } showRegisterSuccessModal() { this.setState({ showRegisterSuccessModal: true }); } closeRegisterSuccessModal() { Router.push('/'); } registerUser() { register(this.state.username, this.state.email, this.state.password, () => { this.showRegisterSuccessModal(); }, () => { notify.show('Sie konnten nicht registriert werden.', 'warning', 5000); }); } handlePasswordInput(input) { this.setState({password: input.target.value}); } handleEmailInput(input) { this.setState({email: input.target.value}); } handleUsernameInput(input) { this.setState({username: input.target.value}); } } class RegisterSuccessModal extends React.Component { render() { return ( Erfolgreich registriert Sie wurden erfolgreich registriert. Um Ihren Account nutzen zu können müssen Sie den Verifizierungslink, den wir Ihnen per E-Mail zugesandt haben, aufrufen. ); } } RegisterSuccessModal.proptypes = { isOpen: PropTypes.bool.isRequired, close: PropTypes.func.isRequired }; function AccountRequirementMarketing() { return (

Warum ein Account nötig ist

Du benötigst deinen Account, damit nur du dein Turnier bearbeiten kannst.

 ); }