UNLOZE/projects-jenz
9
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

initial commit for having a backup

Browse Source
This commit is contained in:
jenzur
2019-06-13 22:08:08 +02:00
parent f54c447eb6
commit 6e89398bee
189 changed files with 15766 additions and 4367 deletions
Download Patch File Download Diff File Expand all files Collapse all files
RaceTimer/racetimer_react/src/App.js
+39
View File
@@ -0,0 +1,39 @@
import React, { Component } from 'react';
import { HashRouter as Router, Route } from "react-router-dom";
import Leaderboard from "./Leaderboard/Leaderboard";
import Player from "./Player/Player";
import Maps from "./Maps/Maps";
class App extends Component {
constructor(props) {
super(props);
this.state = {
players: []
};
}
setLeaderboard = (players) => {
this.setState({ players })
}
render() {
return (
<React.Fragment>
<Router>
<Route path={`/leaderboard`} render={(props) => {
return (<Leaderboard setLeaderboard={this.setLeaderboard} />)
}} />
<Route path={`/player/:steamid`} render={(props) => {
return (<Player {...props} />)
}} />
<Route path={`/map/:mapname/:stage`} render={(props) => {
return (<Maps {...props} />)
}} />
</Router>
</React.Fragment>
)
}
}
export default App;
RaceTimer/racetimer_react/src/Datafacade/datafacade.js
+43
View File
@@ -0,0 +1,43 @@
const URLleaderboard = "http://localhost:8080/racetimer_endpoints-1.0/api/timers/leaderboard";
const URLPlayer = "http://localhost:8080/racetimer_endpoints-1.0/api/timers/player/";
const URLPlayerMaps = "http://localhost:8080/racetimer_endpoints-1.0/api/timers/player/maps/";
const URLMaps = "http://localhost:8080/racetimer_endpoints-1.0/api/timers/map/";
function makeOptions(method, body) {
var opts = {
method: method,
headers: {
"Content-type": "application/json"
}
};
if (body) {
opts.body = JSON.stringify(body);
}
return opts;
}
function handleHttpErrors(res) {
if (!res.ok) {
return Promise.reject({ status: res.status, fullError: res.json() });
}
return res.json();
}
class DataFacade {
getLeaderBoard = () => {
return fetch(URLleaderboard).then(handleHttpErrors);
};
getPlayer = steamID => {
return fetch(URLPlayer + steamID).then(handleHttpErrors);
}
getPlayerTimes = steamID => {
return fetch(URLPlayerMaps + steamID).then(handleHttpErrors);
}
getMapTimes = (mapname, stage) => {
return fetch(URLMaps + mapname + "/" + stage).then(handleHttpErrors);
}
}
export default new DataFacade();
RaceTimer/racetimer_react/src/Leaderboard/Leaderboard.js
+48
View File
@@ -0,0 +1,48 @@
import React from 'react';
import Facade from '../Datafacade/datafacade';
import { NavLink } from 'react-router-dom'
class Leaderboard extends React.Component {
constructor(props) {
super(props)
this.state = {
players: []
};
}
componentDidMount = async () => {
const players = await Facade.getLeaderBoard();
this.setState({ players });
this.props.setLeaderboard(players);
};
render() {
return (
<React.Fragment>
<div className="container mm" style={{ marginTop: "85px" }}>
<div style={{
position: 'absolute', left: '50%', top: '30%'
}}>
{this.state.players.map(e => (
<div>
<NavLink to={'/player/' + e.steamID}>
<strong class="col-lg-1 col-centered" /> {e.steamID}<br />
<strong class="col-lg-1 col-centered" />{e.name}<br />
<img src={e.Avatar} /> <br />
<strong class="col-lg-1 col-centered" />Rank: {e.Rank}<br />
<strong class="col-lg-1 col-centered" />Points: {e.PlayerPoints}<br />
<strong class="col-lg-1 col-centered" />Times: {e.Times}<br />
<br />
<br />
</NavLink>
</div>
))}
</div>
</div>
</React.Fragment>
);
}
}
export default Leaderboard;
RaceTimer/racetimer_react/src/Maps/Maps.js
+55
View File
@@ -0,0 +1,55 @@
import React from 'react';
import Facade from '../Datafacade/datafacade';
class Maps extends React.Component {
constructor(props) {
super(props)
this.state = {
mapTimes: [],
mapName: '',
};
}
componentWillMount = async () => {
const mapname = this.props.match.params.mapname;
const stage = this.props.match.params.stage;
const mapTimes = await Facade.getMapTimes(mapname, stage);
this.setState({ mapTimes });
this.setState({ mapName: mapname })
};
render() {
return (
<React.Fragment>
<div className="container mm" style={{ marginTop: "85px" }}>
<div style={{
position: 'absolute', left: '50%', top: '30%'
}}>
<div>
<strong class="col-lg-1 col-centered" />{this.state.mapName}<br />
<br />
<br />
{this.state.mapTimes.map(e => (
<div>
<strong class="col-lg-1 col-centered" /> Position: {e.position}<br />
<strong class="col-lg-1 col-centered" /> SteamID: {e.steamID}<br />
<strong class="col-lg-1 col-centered" /> Name: {e.name}<br />
<strong class="col-lg-1 col-centered" /> Mappoints: {e.mapPoint}<br />
<strong class="col-lg-1 col-centered" /> Time: 0{e.mapTimeMinutes}:{e.mapTimeSeconds}<br />
<br />
<br />
</div>
))}
</div>
</div>
</div>
</React.Fragment>
)
}
}
export default Maps;
RaceTimer/racetimer_react/src/Player/Player.js
+62
View File
@@ -0,0 +1,62 @@
import React from 'react';
import Facade from '../Datafacade/datafacade';
import { NavLink } from 'react-router-dom'
class Player extends React.Component {
constructor(props) {
super(props)
this.state = {
player: {},
mapTimes: []
};
}
componentWillMount = async () => {
const steamid = this.props.match.params.steamid;
const player = await Facade.getPlayer(steamid);
const mapTimes = await Facade.getPlayerTimes(steamid);
this.setState({ player });
this.setState({ mapTimes });
};
render() {
return (
<React.Fragment>
<div className="container mm" style={{ marginTop: "85px" }}>
<div style={{
position: 'absolute', left: '50%', top: '30%'
}}>
<div>
<a href={"http://steamcommunity.com/profiles/" + this.state.player.steamID64}>
<strong class="col-lg-1 col-centered" /> {this.state.player.steamID}<br />
<strong class="col-lg-1 col-centered" />{this.state.player.name}<br />
<img src={this.state.player.Avatar} /> <br />
<strong class="col-lg-1 col-centered" />Rank: {this.state.player.Rank}<br />
<strong class="col-lg-1 col-centered" />Points: {this.state.player.PlayerPoints}<br />
<strong class="col-lg-1 col-centered" />Times: {this.state.player.Times}<br />
<br />
<br />
</a>
{this.state.mapTimes.map(e => (
<div>
<NavLink to={'/map/' + e.mapname + "/" + e.mapstage}>
<strong class="col-lg-1 col-centered" /> Map: {e.mapname}<br />
<strong class="col-lg-1 col-centered" /> Stage: {e.mapstage}<br />
<strong class="col-lg-1 col-centered" /> Position: {e.position}<br />
<strong class="col-lg-1 col-centered" /> Time: 0{e.mapTimeMinutes}:{e.mapTimeSeconds}<br />
<strong class="col-lg-1 col-centered" /> MapPoints: {e.mapPoint}<br />
<br />
<br />
</NavLink>
</div>
))}
</div>
</div>
</div>
</React.Fragment>
);
}
}
export default Player;
RaceTimer/racetimer_react/src/index.js
+7
View File
@@ -0,0 +1,7 @@
import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import 'bootstrap/dist/css/bootstrap.css';
import { HashRouter } from 'react-router-dom';
ReactDOM.render(<HashRouter><App /></HashRouter>, document.getElementById('root'));