now i just need the new machine to install everything for deloyment
This commit is contained in:
jenzur
@@ -127,6 +127,9 @@ class Leaderboard extends React.Component {
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{!this.state.breakload ? <h1>
|
||||
Loading Maps <br /> <br /> <br /> <LoadingIndicator />
|
||||
</h1> : ""}
|
||||
{this.state.searchBool ? ("") : (<PlayersSearch keyword={this.state.keyword} />)}
|
||||
<div className="container mm">
|
||||
<div className="row">
|
||||
@@ -157,9 +160,6 @@ class Leaderboard extends React.Component {
|
||||
</div> </div>
|
||||
))}
|
||||
</div> </div>
|
||||
{!this.state.breakload ? <h1>
|
||||
Loading Players <br /> <br /> <br /> <LoadingIndicator />
|
||||
</h1> : ""}
|
||||
</React.Fragment>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -96,6 +96,9 @@ class MapBoards extends React.Component {
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{!this.state.breakload ? <h1>
|
||||
Loading Maps <br /> <br /> <br /> <LoadingIndicator />
|
||||
</h1> : ""}
|
||||
{this.state.searchBool ? ("") : (<MapsSearch keyword={this.state.keyword} />)}
|
||||
<div className="container mm" style={{ marginTop: "85px" }}>
|
||||
<div className="row">
|
||||
@@ -103,22 +106,19 @@ class MapBoards extends React.Component {
|
||||
<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}>
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
</li>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
{!this.state.breakload ? <h1>
|
||||
Loading Maps <br /> <br /> <br /> <LoadingIndicator />
|
||||
</h1> : ""}
|
||||
</div>
|
||||
</React.Fragment>
|
||||
);
|
||||
|
||||
@@ -80,29 +80,34 @@ class Maps 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>Map: {this.state.mapName}</h3>
|
||||
<p>
|
||||
Stage: {this.props.match.params.stage}
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
</div>
|
||||
</section>
|
||||
<div className="tickets-block" style={{ background_color: "#393f47" }}>
|
||||
<div className="container-fluid">
|
||||
<p className="text-center ">
|
||||
<NavLink to={'/mapboard/'}>
|
||||
<h3> <strong className="col-lg-1 col-centered" /> MapBoard<br /> </h3>
|
||||
<b>MapBoard</b>
|
||||
</NavLink>
|
||||
</div>
|
||||
</p>
|
||||
<p className="text-center ">
|
||||
<NavLink to={'/leaderboard/'}>
|
||||
<b>leaderboard</b>
|
||||
</NavLink>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div className="container mm">
|
||||
<div style={{
|
||||
position: 'absolute', left: '50%', top: '30%'
|
||||
}}>
|
||||
<h2> <strong className="col-lg-1 col-centered" />{this.state.mapName}<br /> </h2>
|
||||
<br />
|
||||
<br />
|
||||
<div className="row">
|
||||
{this.state.mapTimes.map(e => (
|
||||
<li key={e.steamID} id={"maps/" + e.steamID}>
|
||||
<div className="item" key={e.steamID} id={"maps/" + e.steamID}>
|
||||
<div className="box_grid">
|
||||
<NavLink to={'/player/' + e.steamID}>
|
||||
<strong className="col-lg-1 col-centered" /> SteamID: {e.steamID}<br />
|
||||
@@ -116,16 +121,14 @@ class Maps extends React.Component {
|
||||
<div key={e.badgesUrls[badges]}>
|
||||
<img src={e.badgesUrls[badges]} alt="" /> <br />
|
||||
</div>
|
||||
|
||||
))}
|
||||
<br />
|
||||
<br />
|
||||
</div>
|
||||
</li>
|
||||
</div>
|
||||
))}
|
||||
{!this.state.breakload ? <h1>
|
||||
Loading Players <br /> <br /> <LoadingIndicator />
|
||||
</h1> : ""}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</React.Fragment>
|
||||
|
||||
@@ -49,13 +49,13 @@ class Player extends React.Component {
|
||||
window.removeEventListener("scroll", this.scrollListener);
|
||||
}
|
||||
|
||||
findSecondLast(array) {
|
||||
return array[array.length - 2];
|
||||
findLateIndex(array) {
|
||||
return array[array.length - 5];
|
||||
}
|
||||
|
||||
handleScroll = () => {
|
||||
if (this.state.breakload && this.state.player.Times > this.state.mapTimes.length) {
|
||||
const map = this.findSecondLast(this.state.mapTimes);
|
||||
const map = this.findLateIndex(this.state.mapTimes);
|
||||
var lastLi = document.getElementById("playermaps/" + map.mapname + "/" + map.mapstage);
|
||||
var lastLiOffset = lastLi.offsetTop + lastLi.clientHeight;
|
||||
var pageOffset = window.pageYOffset + window.innerHeight;
|
||||
@@ -84,38 +84,43 @@ class Player extends React.Component {
|
||||
));
|
||||
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>
|
||||
</div>
|
||||
<div>
|
||||
<NavLink to={'/mapboard/'}>
|
||||
<h3> <strong className="col-lg-1 col-centered" /> MapBoard<br /> </h3>
|
||||
</NavLink>
|
||||
<section className="hero_single version_2 start_bg_zoom">
|
||||
<div className="wrapper">
|
||||
<div className="container">
|
||||
<h3>Player Profile: {this.state.player.name}</h3>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<div className="tickets-block" style={{ background_color: "#393f47" }}>
|
||||
<div className="container-fluid">
|
||||
<p className="text-center ">
|
||||
<NavLink to={'/mapboard/'}>
|
||||
<b>MapBoard</b>
|
||||
</NavLink>
|
||||
</p>
|
||||
<p className="text-center ">
|
||||
<NavLink to={'/leaderboard/'}>
|
||||
<b>leaderboard</b>
|
||||
</NavLink>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<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 className="col-lg-1 col-centered" /> {this.state.player.steamID}<br />
|
||||
<strong className="col-lg-1 col-centered" />{this.state.player.name}<br />
|
||||
<img src={this.state.player.Avatar} alt="" /> <br />
|
||||
<strong className="col-lg-1 col-centered" />Rank: {this.state.player.Rank}<br />
|
||||
<strong className="col-lg-1 col-centered" />Points: {this.state.player.PlayerPoints}<br />
|
||||
<strong className="col-lg-1 col-centered" />Times: {this.state.player.Times}<br />
|
||||
{badges}
|
||||
<br />
|
||||
<br />
|
||||
</a>
|
||||
{this.state.mapTimes.map(e => (
|
||||
<li key={"mapkey/" + e.mapname + "/" + e.mapstage} id={"playermaps/" + e.mapname + "/" + e.mapstage}>
|
||||
<div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', }}>
|
||||
<a href={"http://steamcommunity.com/profiles/" + this.state.player.steamID64}>
|
||||
<strong className="col-lg-1 col-centered" /> {this.state.player.steamID}<br />
|
||||
<strong className="col-lg-1 col-centered" />{this.state.player.name}<br />
|
||||
<img src={this.state.player.Avatar} alt="" /> <br />
|
||||
<strong className="col-lg-1 col-centered" />Rank: {this.state.player.Rank}<br />
|
||||
<strong className="col-lg-1 col-centered" />Points: {this.state.player.PlayerPoints}<br />
|
||||
<strong className="col-lg-1 col-centered" />Times: {this.state.player.Times}<br />
|
||||
{badges}
|
||||
</a>
|
||||
</div>
|
||||
<div className="container mm">
|
||||
<div className="row">
|
||||
{this.state.mapTimes.map(e => (
|
||||
<div className="item" key={"playermapkey/" + e.mapname + "/" + e.mapstage} id={"playermaps/" + e.mapname + "/" + e.mapstage}>
|
||||
<div className="box_grid">
|
||||
<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 />
|
||||
@@ -125,18 +130,16 @@ class Player extends React.Component {
|
||||
<br />
|
||||
<br />
|
||||
</NavLink>
|
||||
</li>
|
||||
))}
|
||||
{!this.state.breakload ? <h1>
|
||||
Loading Stats <br /> <br /> <LoadingIndicator />
|
||||
</h1> : ""}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
{!this.state.breakload ? <h1>
|
||||
Loading Stats <br /> <br /> <LoadingIndicator />
|
||||
</h1> : ""}
|
||||
</React.Fragment>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
export default Player;
|
||||
@@ -2621,6 +2621,7 @@ video {
|
||||
animation: pop-in 9s .2s cubic-bezier(0, .8, 0, 4) forwards;
|
||||
background-color: #FFF;
|
||||
content: "";
|
||||
/* https://images.unsplash.com/photo-1459749411175-04bf5292ceea?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80*/
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
@@ -2628,7 +2629,7 @@ video {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: -1;
|
||||
background-image: url('https://images.unsplash.com/photo-1459749411175-04bf5292ceea?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80');
|
||||
background-image: url('https://vignette.wikia.nocookie.net/zombieescape/images/9/98/Ze_predator_ultimate_v3_css.png/revision/latest?cb=20120105193018');
|
||||
}
|
||||
|
||||
.hero_single .wrapper h3 {
|
||||
|
||||
@@ -4,7 +4,6 @@ import { NavLink } from 'react-router-dom';
|
||||
class playersSearch extends Component {
|
||||
state = {
|
||||
players: [],
|
||||
searchBool: true,
|
||||
};
|
||||
|
||||
componentDidMount = async () => {
|
||||
|
||||
Reference in New Issue
Block a user