turniere
/
turniere-frontend
mirror of https://github.com/turniere/turniere-frontend.git
1
0
Fork 0
Code Issues Releases Wiki Activity

Add several restrictions to the edit tournament page

This commit is contained in:
JP1998 2019-04-08 10:51:11 +02:00
parent 110f862bc3
commit 8796bbf553
2 changed files with 55 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
js/api.js
View File

@ -57,6 +57,7 @@ const defaultstate_tournamentinfo = {
description : '',
id : -1,
name : '',
ownerUsername : '',
isPublic : '',
stages: [],
teams : []
@ -272,6 +273,7 @@ const reducer_tournamentinfo = (state = defaultstate_tournamentinfo, action) =>
description : action.parameters.description,
id : action.parameters.id,
name : action.parameters.name,
ownerUsername : action.parameters.owner_username,
isPublic : action.parameters.public,
stages: action.parameters.stages,
teams : action.parameters.teams

50
pages/tournament-edit.js
View File

@ -5,7 +5,7 @@ import { connect } from 'react-redux';
import { notify } from 'react-notify-toast';
import { requestTournament } from '../js/api';
import { BigImage, Footer, TurniereNavigation } from '../js/CommonComponents.js';
import { BigImage, Footer, TurniereNavigation, Login, UserRestrictor, Option } from '../js/CommonComponents.js';
import { ErrorPageComponent } from '../js/components/ErrorComponents.js';
import {
@ -42,7 +42,10 @@ class EditTournamentPage extends React.Component {
verifyCredentials();
requestTournament(this.props.query.code, () => {
this.setState({ validCode: true });
if(this._edittournamentcontent != null) {
this._edittournamentcontent.notifyOfContentUpdate();
}
}, () => {
this.setState({ validCode: false });
});
@ -50,33 +53,60 @@ class EditTournamentPage extends React.Component {
render() {
const { validCode } = this.state;
const { name } = this.props;
const { tournamentname, ownerUsername, isSignedIn, username } = this.props;
if(validCode) {
return (
<UserRestrictor>
<Option condition={ validCode && isSignedIn && ownerUsername === username }>
<div className='pb-5'>
<Head>
<title>Turnie.re - Turnier bearbeiten</title>
</Head>
<TurniereNavigation/>
<BigImage text={ name }/>
<BigImage text={ tournamentname }/>
<EditTournamentContent ref={(edittournamentcontent) => { this._edittournamentcontent = edittournamentcontent; }}/>
<Footer/>
</div>
</Option>
<Option condition={ validCode && isSignedIn }>
<div className='pb-5'>
<Head>
<title>Turnie.re - Turnier bearbeiten</title>
</Head>
<TurniereNavigation/>
<BigImage text="TODO: Not allowed to edit tournament"/>
<Footer/>
</div>
);
} else {
return (
</Option>
<Option condition={ validCode }>
<div className="main generic-fullpage-bg">
<Head>
<title>Turnie.re - Turnier bearbeiten</title>
</Head>
<TurniereNavigation/>
<div>
<Login hint="Sie müssen angemeldet sein, um ein Turnier zu bearbeiten."/>
</div>
<Footer/>
</div>
</Option>
<Option condition={true}>
<ErrorPageComponent statusCode={ 404 }/>
</Option>
</UserRestrictor>
);
}
}
}
function mapStateToTournamentInfo(state) {
const { name } = state.tournamentinfo;
return { name };
const { tournamentname, ownerUsername } = state.tournamentinfo;
const { isSignedIn, username } = state.userinfo;
return { tournamentname, ownerUsername, isSignedIn, username };
}
export default connect(