Gib hier einen Turnier Code ein, um direkt zum entsprechenden Turnier zu gelangen.
diff --git a/pages/tournament-edit.js b/pages/tournament-edit.js
new file mode 100644
index 0000000..5545c22
--- /dev/null
+++ b/pages/tournament-edit.js
@@ -0,0 +1,273 @@
+import Head from 'next/head';
+import React from 'react';
+
+import { requestTournament } from '../js/api';
+import { BigImage, Footer, TurniereNavigation } from '../js/CommonComponents.js';
+import { ErrorPageComponent } from '../js/components/ErrorComponents.js';
+
+import {
+ Container,
+ Button,
+ Card,
+ CardBody,
+ CardTitle,
+ Table
+} from 'reactstrap';
+
+import { connect } from 'react-redux';
+
+import '../static/everypage.css';
+import '../static/css/index.css';
+
+class EditTournamentPage extends React.Component {
+
+ static async getInitialProps({query}) {
+ return {query};
+ }
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ validCode: true
+ };
+ }
+
+ componentDidMount() {
+ requestTournament(this.props.query.code, () => {
+ this.setState({ validCode: true });
+ this._edittournamentcontent.notifyOfContentUpdate();
+ }, () => {
+ this.setState({ validCode: false });
+ });
+ }
+
+ render() {
+ const { validCode } = this.state;
+ const { name } = this.props;
+
+ if(validCode) {
+ return (
+
+
+
Turnie.re - Turnier bearbeiten
+
+ { this._edittournamentcontent = edittournamentcontent; }}/>
+
+
+
+ );
+ } else {
+ return (
+
+ );
+ }
+ }
+}
+
+function mapStateToTournamentInfo(state) {
+ const { name } = state.tournamentinfo;
+ return { name };
+}
+
+export default connect(
+ mapStateToTournamentInfo
+)(EditTournamentPage);
+
+class EditTournamentContent extends React.Component {
+
+ render() {
+ const { code } = this.props;
+
+ return (
+
+ { this._edittournamentpropertiesfield = field; }}/>
+ { this._editteamfield = field; }}/>
+
+ );
+ }
+
+ notifyOfContentUpdate() {
+ this._edittournamentpropertiesfield.notifyOfContentUpdate();
+ this._editteamfield.notifyOfContentUpdate();
+ }
+}
+
+function ReturnToTournamentButton() {
+ return (
+
+ Zurück zum Turnier
+
+ );
+}
+
+class EditTournamentPropertiesField extends React.Component {
+
+ render() {
+ return (
+
+
+ Turnier-Eigenschaften ändern
+ { this._visibleedittournamentform = form; }}/>
+
+
+ );
+ }
+
+ notifyOfContentUpdate() {
+ this._visibleedittournamentform.getWrappedInstance().notifyOfContentUpdate();
+ }
+}
+
+class EditTournamentForm extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ name : '',
+ description : '',
+ isPublic : false
+ };
+ }
+
+ render() {
+ const { name, description, isPublic } = this.state;
+
+ return (
+
+ );
+ }
+
+ notifyOfContentUpdate() {
+ const { name, description, isPublic } = this.props;
+
+ this.setState({
+ name : name? name : '',
+ description : description? description : '',
+ isPublic : isPublic
+ });
+ }
+
+ handleClick(input) {
+ // TODO: Apply changes to the tournament properties
+ }
+
+ handleNameInput(input) {
+ this.setState({ name : input.target.value });
+ }
+
+ handleDescriptionInput(input) {
+ this.setState({ description : input.target.value });
+ }
+
+ handlePublicInput(input) {
+ this.setState({ public : input.target.value });
+ }
+}
+
+function mapStateToTournamentFormProps(state) {
+ const { name, description, isPublic } = state.tournamentinfo;
+ return { name, description, isPublic };
+}
+
+const VisibleEditTournamentForm = connect(
+ mapStateToTournamentFormProps,
+ null, null, { withRef : true}
+)(EditTournamentForm);
+
+class EditTeamField extends React.Component {
+
+ render() {
+ return (
+
+
+ Team-Namen ändern
+ { this._visibleeditteamnamesform = form; }}/>
+
+
+ );
+ }
+
+ notifyOfContentUpdate() {
+ this._visibleeditteamnamesform.getWrappedInstance().notifyOfContentUpdate();
+ }
+}
+
+class EditTeamNamesForm extends React.Component {
+
+ constructor(props) {
+ super(props);
+
+ this.state = {
+ teams : []
+ };
+ }
+
+ render() {
+ const { teams } = this.state;
+
+ return (
+
+
+
+ {
+ teams.map((team, index) => {
+
+ })
+ }
+
+
+
+ );
+ }
+
+ notifyOfContentUpdate() {
+ const { teams } = this.props;
+
+ this.setState({
+ teams : teams
+ });
+ }
+
+ handleClick(input) {
+ // TODO: Apply changes to the tournament properties
+ }
+
+ handleNameInput(input) {
+ this.setState({ name : input.target.value });
+ }
+}
+
+function mapStateToTeamFormProps(state) {
+ const { teams } = state.tournamentinfo;
+ return { teams };
+}
+
+const VisibleEditTeamNamesForm = connect(
+ mapStateToTeamFormProps,
+ null, null, { withRef : true }
+)(EditTeamNamesForm);
+
diff --git a/server.js b/server.js
index daccc7d..188d268 100644
--- a/server.js
+++ b/server.js
@@ -8,7 +8,7 @@ const handle = app.getRequestHandler();
app.prepare()
.then(() => {
const server = express();
-
+
server.get('/t/:code', (req, res) => {
const actualPage = '/tournament';
const queryParam = { code: req.params.code };
@@ -21,6 +21,12 @@ app.prepare()
app.render(req, res, actualPage, queryParam);
});
+ server.get('/t/:code/edit', (req, res) => {
+ const actualPage = '/tournament-edit';
+ const queryParam = { code: req.params.code };
+ app.render(req, res, actualPage, queryParam);
+ });
+
server.get('*', (req, res) => {
return handle(req, res);
});
diff --git a/static/css/index.css b/static/css/index.css
index 0ae4d38..665ccab 100644
--- a/static/css/index.css
+++ b/static/css/index.css
@@ -1,4 +1,8 @@
.index-cards {
background: url("/static/images/tennis-blurred.jpg") no-repeat center;
background-size: cover;
+}
+
+h2, h3, h4 {
+ font-family: Halt, sans-serif;
}
\ No newline at end of file
+