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

saving udates, not missing much i guess

Browse Source
This commit is contained in:
jenzur
2019-07-14 02:28:16 +02:00
parent 9232830451
commit 3730230925
14 changed files with 537 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files
RaceTimer/racetimer_react/src/MapBoard/MapBoard.js
+55 -10
View File
@@ -3,6 +3,8 @@ import Facade from '../Datafacade/datafacade';
import { NavLink } from 'react-router-dom';
import Loader from 'react-loader-spinner';
import { usePromiseTracker } from "react-promise-tracker";
import { FormControl } from "react-bootstrap";
import MapsSearch from "../MapsSearch/mapsSearch";
import '../css/style.css';
const LoadingIndicator = props => {
const { promiseInProgress } = usePromiseTracker();
@@ -27,9 +29,21 @@ class MapBoards extends React.Component {
this.state = {
maps: [],
breakload: false,
keyword: "",
searchBool: true,
};
}
handleKeywordInput = e => {
const searchTerm = e.target.value;
this.setState({ keyword: searchTerm });
this.setState({ searchBool: true });
};
handleSubmit = e => {
e.preventDefault();
this.setState({ searchBool: false });
};
componentWillMount = async () => {
this.setState({ breakload: false })
@@ -41,31 +55,62 @@ class MapBoards extends React.Component {
render() {
return (
<React.Fragment>
<div className="alert alert-primary" >
<div id='containerMaps'>
<div>
<NavLink to={'/leaderboard/'}>
<h3> <strong className="col-lg-1 col-centered" /> Leaderboard<br /> </h3>
</NavLink>
<section className="hero_single version_2 start_bg_zoom">
<div className="wrapper">
<div className="container">
<h3>UNLOZE Zombie Escape Mapboard</h3>
<p>
Browse Maps
</p>
<form>
<div className="row no-gutters custom-search-input-2">
<div className="col-lg-8">
<div className="form-group">
<FormControl
type="text"
onChange={this.handleKeywordInput}
value={this.state.k}
placeholder="Search maps by name"
/>
</div>
</div>
<div className="col-lg-2">
<input
type="submit"
onClick={this.handleSubmit}
className="btn_search"
value="Search"
/>
</div>
</div>
</form>
</div>
</div>
</section>
<div className="tickets-block" style={{ background_color: "#393f47" }}>
<div className="container-fluid">
<p className="text-center ">
<NavLink to={'/leaderboard/'}>
<b>Leaderboard</b>
</NavLink>
</p>
</div>
</div>
<br />
<br />
{this.state.searchBool ? ("") : (<MapsSearch keyword={this.state.keyword} />)}
<div className="container mm" style={{ marginTop: "85px" }}>
<div className="row">
{this.state.maps.map(e => (
<div className="item" key={"mapdivs/" + e.mapname + "/" + e.mapstage}>
<div className="box_grid">
<li key={e.mapname + "/" + e.mapstage} id={"maps/" + e.mapname + "/" + e.mapstage}>
<div className="alert alert-primary" >
<NavLink to={'/map/' + e.mapname + "/" + e.mapstage}>
<strong className="col-lg-1 col-centered" /> Map: {e.mapname}<br />
<strong className="col-lg-1 col-centered" /> Stage: {e.mapstage}<br />
<br />
<br />
</NavLink>
</div>
</li>
</div>
</div>