Cristiano Pires
1 year ago
parent
85b4fd9f7e
commit
136cbe0760
@ -1,23 +0,0 @@
|
|||||||
const mongoose = require('mongoose');
|
|
||||||
const Schema = mongoose.Schema;
|
|
||||||
|
|
||||||
|
|
||||||
let leagueM =
|
|
||||||
new Schema(
|
|
||||||
{
|
|
||||||
Name: {type: String, required: true, max: 20, unique:true},
|
|
||||||
Players: {type: Array, required: true, max: 10},
|
|
||||||
Games:{type: Array, required:true},
|
|
||||||
Owner:{type:String, required:true}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const League = module.exports = mongoose.model('leagues',leagueM);
|
|
||||||
module.exports.get = (callback, limit)=>
|
|
||||||
{
|
|
||||||
League.find(callback).limit(limit);
|
|
||||||
}
|
|
||||||
|
|
||||||
@ -1,56 +0,0 @@
|
|||||||
const mongoose = require('mongoose');
|
|
||||||
const Schema = mongoose.Schema;
|
|
||||||
|
|
||||||
|
|
||||||
let leagueGameM =
|
|
||||||
new Schema(
|
|
||||||
{
|
|
||||||
PA:{type:Object, required:true},
|
|
||||||
PB:{type:Object, required:true},
|
|
||||||
Winner:{type:String, required:true},
|
|
||||||
WinCondition:{type:String, required:true},
|
|
||||||
Played:{type:Boolean, required:true},
|
|
||||||
PlayedTimeStamp:{type:String, required:true}
|
|
||||||
}
|
|
||||||
);
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const leagueGame = module.exports = mongoose.model('leagueGames', leagueGameM);
|
|
||||||
module.exports.get = (callback, limit)=>
|
|
||||||
{
|
|
||||||
leagueGame.find(callback).limit(limit);
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
*
|
|
||||||
result:{
|
|
||||||
winCondition:'string'
|
|
||||||
winner:string
|
|
||||||
},
|
|
||||||
gameData:
|
|
||||||
{
|
|
||||||
PlayerA:
|
|
||||||
{
|
|
||||||
championName:PA.championName,
|
|
||||||
items:PA.items,
|
|
||||||
level:PA.level,
|
|
||||||
runes:PA.runes,
|
|
||||||
skin:PA.skinID,
|
|
||||||
skinName:PA.skinName,
|
|
||||||
summs:PA.summonerSpells
|
|
||||||
},
|
|
||||||
PlayerB:
|
|
||||||
{
|
|
||||||
championName:PB.championName,
|
|
||||||
items:PB.items,
|
|
||||||
level:PB.level,
|
|
||||||
runes:PB.runes,
|
|
||||||
skin:PB.skinID,
|
|
||||||
skinName:PB.skinName,
|
|
||||||
summs:PB.summonerSpells
|
|
||||||
},
|
|
||||||
gameTime:data.gameData.gameTime
|
|
||||||
}
|
|
||||||
|
|
||||||
*/
|
|
||||||
@ -1,227 +0,0 @@
|
|||||||
body
|
|
||||||
{
|
|
||||||
background-color: #071c24;
|
|
||||||
position: absolute;
|
|
||||||
margin: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
font-family: 'Eczar', serif;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* width */
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
width: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Track */
|
|
||||||
::-webkit-scrollbar-track {
|
|
||||||
background: #020a0e91;
|
|
||||||
margin-top: 3em;
|
|
||||||
margin-bottom: 3em;
|
|
||||||
border-radius: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Handle */
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background: #076969;
|
|
||||||
border-radius: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Handle on hover */
|
|
||||||
::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: #064e4e;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#TableWrapper
|
|
||||||
{
|
|
||||||
background-color:#758186a9;
|
|
||||||
width: 40%;
|
|
||||||
height:75%;
|
|
||||||
position:relative;
|
|
||||||
left:5%;
|
|
||||||
top:25%;
|
|
||||||
border:0 solid transparent;
|
|
||||||
border-radius:25px;
|
|
||||||
overflow-y:scroll;
|
|
||||||
}
|
|
||||||
|
|
||||||
#LeagueTable
|
|
||||||
{
|
|
||||||
width:100%;
|
|
||||||
height:100%;
|
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
border-collapse: collapse;
|
|
||||||
|
|
||||||
}
|
|
||||||
#LeagueHeader
|
|
||||||
{
|
|
||||||
width:70%;
|
|
||||||
}
|
|
||||||
th
|
|
||||||
{
|
|
||||||
height:2em;
|
|
||||||
font-size:2em;
|
|
||||||
border-bottom:1px solid black;
|
|
||||||
|
|
||||||
}
|
|
||||||
td
|
|
||||||
{
|
|
||||||
font-size:1.3em;
|
|
||||||
text-align:center;
|
|
||||||
}
|
|
||||||
.league
|
|
||||||
{
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
#span
|
|
||||||
{
|
|
||||||
color:#9fc3c3;
|
|
||||||
font-size: 2em;
|
|
||||||
position:relative;
|
|
||||||
top:calc(100% - 1.4em);
|
|
||||||
}
|
|
||||||
|
|
||||||
.hidden
|
|
||||||
{
|
|
||||||
display:none;
|
|
||||||
}
|
|
||||||
.sideWrapper
|
|
||||||
{
|
|
||||||
|
|
||||||
width:40%;
|
|
||||||
height:75%;
|
|
||||||
position:absolute;
|
|
||||||
top:25%;
|
|
||||||
right:5%;
|
|
||||||
}
|
|
||||||
.button
|
|
||||||
{
|
|
||||||
width:8em;
|
|
||||||
height:5%;
|
|
||||||
background-color:#758186a9;
|
|
||||||
background-position:10%;
|
|
||||||
margin:0;
|
|
||||||
position:relative;
|
|
||||||
top:0;
|
|
||||||
left:0;
|
|
||||||
float:left;
|
|
||||||
border-radius:25px 25px 0px 0px;
|
|
||||||
text-align:center;
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
|
||||||
.scheduleBt
|
|
||||||
{
|
|
||||||
margin-left:-5%;
|
|
||||||
}
|
|
||||||
.button > span
|
|
||||||
{
|
|
||||||
position: relative;
|
|
||||||
top:calc(50% - 0.5em);
|
|
||||||
}
|
|
||||||
.active
|
|
||||||
{
|
|
||||||
background-color:#385663;
|
|
||||||
display: block !important;
|
|
||||||
z-index:1;
|
|
||||||
}
|
|
||||||
.bg_div
|
|
||||||
{
|
|
||||||
/* background-color:#758186a9; */
|
|
||||||
border-radius:0px 25px 25px 25px;
|
|
||||||
position:relative;
|
|
||||||
top:10%;
|
|
||||||
left:0;
|
|
||||||
width:100%;
|
|
||||||
height:90%;
|
|
||||||
}
|
|
||||||
.results
|
|
||||||
{
|
|
||||||
background-color:#385663;
|
|
||||||
height:105.5%;
|
|
||||||
width:100%;
|
|
||||||
position:relative;
|
|
||||||
top:-5.7%;
|
|
||||||
left:0;
|
|
||||||
border-radius:0px 25px 25px 25px;
|
|
||||||
font-weight:bold;
|
|
||||||
text-align:left;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.schedule
|
|
||||||
{
|
|
||||||
background-color:#385663;
|
|
||||||
height:105.5%;
|
|
||||||
width:100%;
|
|
||||||
position:relative;
|
|
||||||
top:-5.7%;
|
|
||||||
left:0;
|
|
||||||
border-radius:2px 25px 25px 25px;
|
|
||||||
font-weight:bold;
|
|
||||||
text-align:left;
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.schedule .matchPlayers
|
|
||||||
{
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
|
||||||
.winner
|
|
||||||
{
|
|
||||||
color:green;
|
|
||||||
}
|
|
||||||
.tab
|
|
||||||
{
|
|
||||||
font-size:1.5em;
|
|
||||||
font-family: 'Eczar', serif;
|
|
||||||
color:#9fc3c3;
|
|
||||||
}
|
|
||||||
#day
|
|
||||||
{
|
|
||||||
color:#9fc3c3;
|
|
||||||
margin-top:0px;
|
|
||||||
width:90%;
|
|
||||||
position:relative;
|
|
||||||
left:10px;
|
|
||||||
text-align:left;
|
|
||||||
border-bottom:2px solid #9fc3c3;
|
|
||||||
}
|
|
||||||
#dayp
|
|
||||||
{
|
|
||||||
text-align: left;
|
|
||||||
}
|
|
||||||
#day > p
|
|
||||||
{
|
|
||||||
position:relative;
|
|
||||||
margin:0;
|
|
||||||
left:-28%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.match
|
|
||||||
{
|
|
||||||
display:flex;
|
|
||||||
position:relative;
|
|
||||||
width:90%;
|
|
||||||
left:2%;
|
|
||||||
margin:0;
|
|
||||||
font-weight:bolder;
|
|
||||||
|
|
||||||
}
|
|
||||||
.matchPlayers
|
|
||||||
{
|
|
||||||
flex:1;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: left;
|
|
||||||
}
|
|
||||||
.matchPlayers > p
|
|
||||||
{
|
|
||||||
margin:0;
|
|
||||||
position:relative;
|
|
||||||
left:2.5%;
|
|
||||||
}
|
|
||||||
.matchResult
|
|
||||||
{
|
|
||||||
width:15%;
|
|
||||||
}
|
|
||||||
@ -1,152 +0,0 @@
|
|||||||
body
|
|
||||||
{
|
|
||||||
text-align: center;
|
|
||||||
background-color: #071c24;
|
|
||||||
}
|
|
||||||
.wrapper
|
|
||||||
{
|
|
||||||
position: absolute;
|
|
||||||
top:60vh;
|
|
||||||
left:calc(50% - 150px);
|
|
||||||
}
|
|
||||||
.bt
|
|
||||||
{
|
|
||||||
position: absolute;
|
|
||||||
border-bottom: 100px solid #1e252a;
|
|
||||||
border-left: 50px solid transparent;
|
|
||||||
border-right: 50px solid transparent;
|
|
||||||
border-radius: 0% 0% 50% 50%;
|
|
||||||
height: 0;
|
|
||||||
cursor: pointer;
|
|
||||||
width: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.base
|
|
||||||
{
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
.border
|
|
||||||
{
|
|
||||||
position: relative;
|
|
||||||
left:-5px;
|
|
||||||
top: -0.23em;
|
|
||||||
z-index: 0;
|
|
||||||
border-bottom: 108px solid #0F9C94;
|
|
||||||
border-left: 52px solid transparent;
|
|
||||||
border-right: 52px solid transparent;
|
|
||||||
border-radius: 0% 0% 50% 50%;
|
|
||||||
height: 0;
|
|
||||||
width: 206px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.border2
|
|
||||||
{
|
|
||||||
position: relative;
|
|
||||||
top:calc(-108px + -1em);
|
|
||||||
left:calc(-5px + -1em);
|
|
||||||
z-index: -1;
|
|
||||||
border-bottom: calc(108px + 1.5em) solid #081620;
|
|
||||||
border-left: 60px solid transparent;
|
|
||||||
border-right: 60px solid transparent;
|
|
||||||
border-radius: 0% 0% 50% 50%;
|
|
||||||
height: 0;
|
|
||||||
width: calc(206px + 1em);
|
|
||||||
}
|
|
||||||
.border3
|
|
||||||
{
|
|
||||||
position: relative;
|
|
||||||
top:calc(-216px + -2.8em);
|
|
||||||
left:calc(-5px + -1.35em);
|
|
||||||
z-index: -2;
|
|
||||||
border-bottom: calc(108px + 2em) solid #7A6B43;
|
|
||||||
border-left: 66px solid transparent;
|
|
||||||
border-right: 66px solid transparent;
|
|
||||||
border-radius: 0% 0% 50% 50%;
|
|
||||||
height: 0;
|
|
||||||
width: calc(206px + 1em);
|
|
||||||
}
|
|
||||||
.bt_text
|
|
||||||
{
|
|
||||||
color: #9fc3c3;
|
|
||||||
position:relative;
|
|
||||||
font-family: 'Eczar', serif;
|
|
||||||
font-weight: bold;
|
|
||||||
text-transform: uppercase;
|
|
||||||
font-size: 3em;
|
|
||||||
top:0.4em;
|
|
||||||
left:0em;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1{
|
|
||||||
margin-top: 27vh;
|
|
||||||
color: #9fc3c3;
|
|
||||||
}
|
|
||||||
h3
|
|
||||||
{
|
|
||||||
color: #9fc3c3;
|
|
||||||
}
|
|
||||||
|
|
||||||
@keyframes spin3D {
|
|
||||||
from {
|
|
||||||
transform: rotate3d(.5,.5,.5, 360deg);
|
|
||||||
}
|
|
||||||
to{
|
|
||||||
transform: rotate3d(0deg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.active
|
|
||||||
{
|
|
||||||
display:flex !important;
|
|
||||||
}
|
|
||||||
.spinner {
|
|
||||||
position: absolute;
|
|
||||||
top:38vh;
|
|
||||||
left:44.5vw;
|
|
||||||
display:none;
|
|
||||||
width: 200px;
|
|
||||||
height: 200px;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
background-color: transparent;
|
|
||||||
}
|
|
||||||
.leo-border-1 {
|
|
||||||
position: absolute;
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
padding: 3px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: rgb(63,249,220);
|
|
||||||
background: linear-gradient(0deg, rgba(63,249,220,0.1) 33%, rgba(63,249,220,1) 100%);
|
|
||||||
animation: spin3D 1.8s linear 0s infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
.leo-core-1 {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: #37474faa;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.leo-border-2 {
|
|
||||||
position: absolute;
|
|
||||||
width: 100px;
|
|
||||||
height: 100px;
|
|
||||||
padding: 3px;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
border-radius: 50%;
|
|
||||||
background: rgb(251, 91, 83);
|
|
||||||
background: linear-gradient(0deg, rgba(251, 91, 83, 0.1) 33%, rgba(251, 91, 83, 1) 100%);
|
|
||||||
animation: spin3D 2.2s linear 0s infinite;
|
|
||||||
}
|
|
||||||
|
|
||||||
.leo-core-2 {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
background-color: #1d2630aa;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
@ -1,97 +0,0 @@
|
|||||||
body
|
|
||||||
{
|
|
||||||
text-align: center;
|
|
||||||
background-color: #071c24;
|
|
||||||
position: absolute;
|
|
||||||
margin: 0;
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
align-content:center;
|
|
||||||
font-family: 'Eczar', serif;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* width */
|
|
||||||
::-webkit-scrollbar {
|
|
||||||
width: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Track */
|
|
||||||
::-webkit-scrollbar-track {
|
|
||||||
background: #020a0e91;
|
|
||||||
margin-top: 3em;
|
|
||||||
margin-bottom: 3em;
|
|
||||||
border-radius: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Handle */
|
|
||||||
::-webkit-scrollbar-thumb {
|
|
||||||
background: #076969;
|
|
||||||
border-radius: 30px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Handle on hover */
|
|
||||||
::-webkit-scrollbar-thumb:hover {
|
|
||||||
background: #064e4e;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
#TableWrapper
|
|
||||||
{
|
|
||||||
background-color:#758186a9;
|
|
||||||
width: 50%;
|
|
||||||
height:50%;
|
|
||||||
position:relative;
|
|
||||||
left:25%;
|
|
||||||
top:25%;
|
|
||||||
border:0 solid transparent;
|
|
||||||
border-radius:25px;
|
|
||||||
overflow-y:scroll;
|
|
||||||
|
|
||||||
}
|
|
||||||
#LeaguesTable
|
|
||||||
{
|
|
||||||
width:100%;
|
|
||||||
height:100%;
|
|
||||||
margin:0;
|
|
||||||
padding:0;
|
|
||||||
border-collapse: collapse;
|
|
||||||
|
|
||||||
}
|
|
||||||
#LeagueHeader
|
|
||||||
{
|
|
||||||
width:70%;
|
|
||||||
}
|
|
||||||
th
|
|
||||||
{
|
|
||||||
height:2em;
|
|
||||||
font-size:2em;
|
|
||||||
border-bottom:1px solid black;
|
|
||||||
|
|
||||||
}
|
|
||||||
td
|
|
||||||
{
|
|
||||||
font-size:1.3em;
|
|
||||||
}
|
|
||||||
.league
|
|
||||||
{
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
|
||||||
.CreateButton
|
|
||||||
{
|
|
||||||
background-color:#0F9C94;
|
|
||||||
height: 3em;
|
|
||||||
width:150px;
|
|
||||||
position:absolute;
|
|
||||||
top: 1em;
|
|
||||||
right: 2em;
|
|
||||||
border-radius:25px;
|
|
||||||
cursor:pointer;
|
|
||||||
}
|
|
||||||
span
|
|
||||||
{
|
|
||||||
color:#9fc3c3;
|
|
||||||
font-size: 2em;
|
|
||||||
position:relative;
|
|
||||||
top:calc(100% - 1.4em);
|
|
||||||
}
|
|
||||||
@ -1,55 +0,0 @@
|
|||||||
var User;
|
|
||||||
|
|
||||||
|
|
||||||
window.onload = async () =>
|
|
||||||
{
|
|
||||||
const fragment = new URLSearchParams(window.location.hash.slice(1));
|
|
||||||
const [accessToken, tokenType] = [fragment.get('access_token'), fragment.get('token_type')];
|
|
||||||
if (!accessToken) return window.location.href = '/';
|
|
||||||
User = await getUser(accessToken, tokenType);
|
|
||||||
};
|
|
||||||
|
|
||||||
async function getUser(accessToken, tokenType)
|
|
||||||
{
|
|
||||||
|
|
||||||
return await fetch(`${window.location.origin}/api/getUser`,
|
|
||||||
{
|
|
||||||
method: "POST",
|
|
||||||
headers: {
|
|
||||||
authorization: `${tokenType} ${accessToken}`,
|
|
||||||
},
|
|
||||||
})
|
|
||||||
.then(result => result.json())
|
|
||||||
.then(response =>
|
|
||||||
{
|
|
||||||
return response
|
|
||||||
})
|
|
||||||
.catch(console.error);
|
|
||||||
}
|
|
||||||
async function sendRequest(form)
|
|
||||||
{
|
|
||||||
var leagueName = form.children[0].children[1].value;
|
|
||||||
var players = form.children[1].children[0].children[0].children[0].value
|
|
||||||
var owner= User.id
|
|
||||||
var payload = {
|
|
||||||
name:leagueName,
|
|
||||||
players,
|
|
||||||
owner
|
|
||||||
}
|
|
||||||
return await fetch(`${window.location.origin}/api/createLeague`,
|
|
||||||
{
|
|
||||||
method: "POST",
|
|
||||||
headers: {
|
|
||||||
'Content-Type': 'application/json',
|
|
||||||
'Accept': 'application/json',
|
|
||||||
},
|
|
||||||
body:JSON.stringify(payload),
|
|
||||||
})
|
|
||||||
.then(result => result.json())
|
|
||||||
.then(response =>
|
|
||||||
{
|
|
||||||
if(response.Error) alert(response.Error)
|
|
||||||
location.replace(location.origin+'/leagues?league='+response.data._id);
|
|
||||||
})
|
|
||||||
.catch(console.error);
|
|
||||||
}
|
|
||||||
@ -1,152 +0,0 @@
|
|||||||
var leagueID;
|
|
||||||
window.onload = async ()=>
|
|
||||||
{
|
|
||||||
leagueID = location.href.split('/')[location.href.split('/').length-1]
|
|
||||||
var league = await fetch(`${window.location.origin}/api/getLeague`,
|
|
||||||
{
|
|
||||||
method: "GET",
|
|
||||||
headers:{
|
|
||||||
leagueid:leagueID
|
|
||||||
}
|
|
||||||
})
|
|
||||||
.then(res=>{return res.json()})
|
|
||||||
.then(response=>
|
|
||||||
{
|
|
||||||
if(response.Error) alert(response.Error)
|
|
||||||
return response.data;
|
|
||||||
})
|
|
||||||
.catch(console.error)
|
|
||||||
fillResults(league.Games);
|
|
||||||
fillSchedule(league.Games);
|
|
||||||
fillPlayers(league.Players)
|
|
||||||
}
|
|
||||||
function toggleTab (bt, oBt)
|
|
||||||
{
|
|
||||||
bt.classList.contains('active')?bt.classList.remove('active'):bt.classList.add('active');
|
|
||||||
oBt.classList.contains('active')?oBt.classList.remove('active'):oBt.classList.add('active');
|
|
||||||
var results = document.getElementById('results');
|
|
||||||
var schedule = document.getElementById('schedule');
|
|
||||||
results.classList.contains('active')?results.classList.remove('active'):results.classList.add('active');
|
|
||||||
schedule.classList.contains('active')?schedule.classList.remove('active'):schedule.classList.add('active');
|
|
||||||
}
|
|
||||||
|
|
||||||
async function fillResults(Games)
|
|
||||||
{
|
|
||||||
//just so that I have 1 to work with
|
|
||||||
// Games[0].Played = true;
|
|
||||||
// Games[0].Winner = 'hc12';
|
|
||||||
// Games[0].PA.Winner = true;
|
|
||||||
// Games[0].PA.Kills = 1;
|
|
||||||
// Games[0].PA.CS = 50;
|
|
||||||
// Games[0].PlayedTimeStamp = new Date(Date.now()).getDate()+'/' + (new Date(Date.now()).getMonth()+1);
|
|
||||||
// Games[0].WinCondition = "FirstBlood";
|
|
||||||
// Games = Games.filter(x=>x.Played)
|
|
||||||
Games = Games.filter(x=>x.Played==true);
|
|
||||||
if(Games.length==0) return;
|
|
||||||
const filteredGames = Games.reduce((Game, obj) =>
|
|
||||||
{
|
|
||||||
const { PlayedTimeStamp, ...rest } = obj;
|
|
||||||
Game[PlayedTimeStamp] = Game[PlayedTimeStamp] || [];
|
|
||||||
Game[PlayedTimeStamp].push(rest);
|
|
||||||
return Game;
|
|
||||||
}, {});
|
|
||||||
var matches =[];
|
|
||||||
var days=[];
|
|
||||||
for await(var day of Object.keys(filteredGames))
|
|
||||||
{
|
|
||||||
for await(var game of filteredGames[day])
|
|
||||||
{
|
|
||||||
console.log(game)
|
|
||||||
matches.push(`
|
|
||||||
<div class="match">
|
|
||||||
|
|
||||||
<div class="matchPlayers">
|
|
||||||
<p>
|
|
||||||
${game.PA.Name} x ${game.PB.Name}
|
|
||||||
</p>
|
|
||||||
</div >
|
|
||||||
<div class="matchResult">
|
|
||||||
<span class="${game.PA.winner?'winner':''}">
|
|
||||||
1
|
|
||||||
</span>
|
|
||||||
<span class="${!game.PA.winner && !game.PB.winner?'winner':''}">
|
|
||||||
x
|
|
||||||
</span>
|
|
||||||
<span class="${game.PB.winner?'winner':''}">
|
|
||||||
1
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`)
|
|
||||||
}
|
|
||||||
const Day = new Date(Number(day));
|
|
||||||
days.push(`
|
|
||||||
<div class= "day">
|
|
||||||
<div id = "day">
|
|
||||||
<p>Day:${day?(Day.getDate()+'/' + (Day.getMonth()+1)):Object.keys(filteredGames).length}</p>
|
|
||||||
</div>
|
|
||||||
<div class ="box">
|
|
||||||
${matches.join('\n')}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
`)
|
|
||||||
}
|
|
||||||
document.getElementById('results').innerHTML = days,join('\n');
|
|
||||||
}
|
|
||||||
async function fillSchedule(Games)
|
|
||||||
{
|
|
||||||
Games = Games.filter(x=>x.Played==false)
|
|
||||||
var matches = [];
|
|
||||||
for await(var game of Games)
|
|
||||||
{
|
|
||||||
matches.push(`
|
|
||||||
<div class="match">
|
|
||||||
<div class="matchPlayers">
|
|
||||||
<p onclick="listener('${game.gId}')">
|
|
||||||
${game.PA.Name} x ${game.PB.Name}
|
|
||||||
</p>
|
|
||||||
</div >
|
|
||||||
</div>
|
|
||||||
`)
|
|
||||||
}
|
|
||||||
document.getElementById('schedule').innerHTML = matches.join('\n')
|
|
||||||
|
|
||||||
}
|
|
||||||
async function fillPlayers(Players)
|
|
||||||
{
|
|
||||||
Players.sort(function(a, b) {
|
|
||||||
return b.Points - a.Points;
|
|
||||||
});
|
|
||||||
var players = [];
|
|
||||||
for await(var player of Players)
|
|
||||||
{
|
|
||||||
players.push(`
|
|
||||||
<tr>
|
|
||||||
<td>${player.Name}</td>
|
|
||||||
<td>${player.Points}</td>
|
|
||||||
<td>${player.PlayedPoints}</td>
|
|
||||||
<td>${player.Kills}</td>
|
|
||||||
<td>${player.Deaths}</td>
|
|
||||||
<td>${player.CreepScore}</td>
|
|
||||||
</tr>
|
|
||||||
`)
|
|
||||||
}
|
|
||||||
document.getElementById('LeagueTable').innerHTML =
|
|
||||||
`
|
|
||||||
<tr>
|
|
||||||
<th id="Player">Players</th>
|
|
||||||
<th id="Points">P</th>
|
|
||||||
<th id="PointsPlayed">PP</th>
|
|
||||||
<th id="Kills">K</th>
|
|
||||||
<th id="Deaths">D</th>
|
|
||||||
<th id="CS">CS</th>
|
|
||||||
</tr>
|
|
||||||
${players.join('\n')}
|
|
||||||
`
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
async function listener(id)
|
|
||||||
{
|
|
||||||
window.open(`${window.location.origin}/leagueListener?id=${id}&leagueid=${leagueID}`)
|
|
||||||
}
|
|
||||||
@ -1,220 +0,0 @@
|
|||||||
var interval;
|
|
||||||
var hasStarted = false;
|
|
||||||
var hasBeenAlerted = false;
|
|
||||||
var id = '';
|
|
||||||
var leagueid = '';
|
|
||||||
window.onload = ()=>
|
|
||||||
{
|
|
||||||
startSpinner();
|
|
||||||
const urlParams = new URLSearchParams(window.location.search);
|
|
||||||
const entries = urlParams.entries();
|
|
||||||
const params = {};
|
|
||||||
for (entry of entries)
|
|
||||||
{
|
|
||||||
params[entry[0]] = entry[1];
|
|
||||||
}
|
|
||||||
id = params[id];
|
|
||||||
leagueid = params[leagueid]
|
|
||||||
}
|
|
||||||
function startSpinner()
|
|
||||||
{
|
|
||||||
var interval = setInterval(() => {
|
|
||||||
if(hasStarted)
|
|
||||||
{
|
|
||||||
document.getElementById('spinner').classList.add('active');
|
|
||||||
clearInterval(interval);
|
|
||||||
}
|
|
||||||
}, 10);
|
|
||||||
}
|
|
||||||
function stopSpinner()
|
|
||||||
{
|
|
||||||
document.getElementById('spinner').classList.remove('active')
|
|
||||||
}
|
|
||||||
async function start()
|
|
||||||
{
|
|
||||||
if(hasBeenAlerted) hasBeenAlerted = false;
|
|
||||||
if(hasStarted) return console.log("Once is enough.")
|
|
||||||
hasStarted = true;
|
|
||||||
var isUp = await checkStatus();
|
|
||||||
if(!isUp) return hasStarted = false;
|
|
||||||
console.log(isUp, hasStarted)
|
|
||||||
interval = setInterval(() =>
|
|
||||||
{
|
|
||||||
fetch('https://127.0.0.1:2999/GetLiveclientdataAllgamedata',
|
|
||||||
{
|
|
||||||
method:"GET",
|
|
||||||
mode:"cors",
|
|
||||||
headers:
|
|
||||||
{
|
|
||||||
"Access-Control-Allow-Methods": "*"
|
|
||||||
}
|
|
||||||
}).then(handleRes)
|
|
||||||
.then(handleData)
|
|
||||||
.catch(handleError)
|
|
||||||
async function handleRes(res)
|
|
||||||
{
|
|
||||||
return await res.json()
|
|
||||||
}
|
|
||||||
function handleError(error)
|
|
||||||
{
|
|
||||||
return {Error:'There was an error:'+error}
|
|
||||||
}
|
|
||||||
}, 100);
|
|
||||||
}
|
|
||||||
|
|
||||||
async function checkStatus()
|
|
||||||
{
|
|
||||||
var x = await fetch('https://127.0.0.1:2999/help',
|
|
||||||
{
|
|
||||||
method:"GET",
|
|
||||||
mode:"cors",
|
|
||||||
option:
|
|
||||||
{
|
|
||||||
timeout:100
|
|
||||||
},
|
|
||||||
headers:
|
|
||||||
{
|
|
||||||
"Access-Control-Allow-Methods": "*"
|
|
||||||
}
|
|
||||||
}).then(handleRes)
|
|
||||||
.catch(handleError)
|
|
||||||
async function handleRes(res)
|
|
||||||
{
|
|
||||||
return {Error:false};
|
|
||||||
}
|
|
||||||
function handleError(error)
|
|
||||||
{
|
|
||||||
return {Error:'There was an error:'+error}
|
|
||||||
}
|
|
||||||
return x.Error?false:true;
|
|
||||||
}
|
|
||||||
async function handleData(data)
|
|
||||||
{
|
|
||||||
if(data.allPlayers.length!=2) return reset('Unqualified match, not enough players.');
|
|
||||||
var playerA = data.allPlayers[0].summonerName;
|
|
||||||
var playerB = data.allPlayers[1].summonerName;
|
|
||||||
//if(data.allPlayers[0].scores.creepScore>=100 || data.allPlayers[1].scores.creepScore>=100) return handleResults(data.allPlayers[0].scores.creepScore==100?playerA:playerB, data)
|
|
||||||
if(data.events.Events.length==2) return;
|
|
||||||
data.events.Events.forEach(Event =>
|
|
||||||
{
|
|
||||||
if(Event.EventName =="FirstBlood" || Event.EventName =="FirstBrick") return handleResults(Event, data);
|
|
||||||
});
|
|
||||||
if(data.allPlayers[0].scores.creepScore>=100 && data.allPlayers[1].scores.creepScore>=100) return handleTie(data)
|
|
||||||
}
|
|
||||||
function RegisterGame(result,data)
|
|
||||||
{
|
|
||||||
stopSpinner();
|
|
||||||
const PA = data.allPlayers[0]; //Player A
|
|
||||||
const PB = data.allPlayers[1]; //Player B
|
|
||||||
if(!result.tie)
|
|
||||||
{
|
|
||||||
result = {
|
|
||||||
winCondition:result.EventName,
|
|
||||||
winner:result.EventName=='FirstBrick'?result.KillerName:result.Recipient
|
|
||||||
}
|
|
||||||
}
|
|
||||||
else
|
|
||||||
{
|
|
||||||
result= {
|
|
||||||
winCondition:'Tie',
|
|
||||||
winner:'Tie'
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
fetch(`${window.location.origin}/api/RegisterGame`,
|
|
||||||
{
|
|
||||||
method: "POST",
|
|
||||||
mode: "cors",
|
|
||||||
headers:{
|
|
||||||
'Content-Type': 'application/json',
|
|
||||||
'Accept': 'application/json',
|
|
||||||
'id':id,
|
|
||||||
'leagueid':leagueid
|
|
||||||
},
|
|
||||||
body:JSON.stringify({
|
|
||||||
result,
|
|
||||||
gameData:
|
|
||||||
{
|
|
||||||
PlayerA:
|
|
||||||
{
|
|
||||||
championName:PA.championName,
|
|
||||||
summonerName: PA.summonerName,
|
|
||||||
isBot: PA.isBot,
|
|
||||||
team: PA.team,
|
|
||||||
items:PA.items,
|
|
||||||
level:PA.level,
|
|
||||||
runes:PA.runes,
|
|
||||||
skin:PA.skinID,
|
|
||||||
skinName:PA.skinName,
|
|
||||||
summs:PA.summonerSpells,
|
|
||||||
Kills:PA.scores.kills,
|
|
||||||
Deaths:PA.scores.deaths,
|
|
||||||
CS:PA.scores.creepScore
|
|
||||||
},
|
|
||||||
PlayerB:
|
|
||||||
{
|
|
||||||
championName:PB.championName,
|
|
||||||
summonerName: PB.summonerName,
|
|
||||||
isBot: PB.isBot,
|
|
||||||
team: PB.team,
|
|
||||||
items:PB.items,
|
|
||||||
level:PB.level,
|
|
||||||
runes:PB.runes,
|
|
||||||
skin:PB.skinID,
|
|
||||||
skinName:PB.skinName,
|
|
||||||
summs:PB.summonerSpells,
|
|
||||||
Kills:PB.scores.kills,
|
|
||||||
Deaths:PB.scores.deaths,
|
|
||||||
CS:PB.scores.creepScore
|
|
||||||
},
|
|
||||||
gameTime:data.gameData.gameTime
|
|
||||||
},
|
|
||||||
fullData:data,
|
|
||||||
})
|
|
||||||
})
|
|
||||||
.then(result => result.json())
|
|
||||||
.then(res =>
|
|
||||||
{
|
|
||||||
if(res.success)
|
|
||||||
{
|
|
||||||
location.href = '/leagues'
|
|
||||||
}
|
|
||||||
else alert(res.Error);
|
|
||||||
})
|
|
||||||
.catch(console.error);
|
|
||||||
}
|
|
||||||
|
|
||||||
function reset(reason)
|
|
||||||
{
|
|
||||||
if(!hasBeenAlerted) alert(reason);
|
|
||||||
hasBeenAlerted=true;
|
|
||||||
clearInterval(interval);
|
|
||||||
hasStarted=false;
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleResults(result, data)
|
|
||||||
{
|
|
||||||
//If it gets here there is already a clear winner.
|
|
||||||
clearInterval(interval)
|
|
||||||
var costumEvent = {
|
|
||||||
"EventID": 5000,
|
|
||||||
"EventName": "100th creep",
|
|
||||||
"EventTime": data.gameData.gameTime,
|
|
||||||
"Recipient": '',
|
|
||||||
}
|
|
||||||
if(result == 'string')
|
|
||||||
{
|
|
||||||
let cache = result;
|
|
||||||
result= costumEvent;
|
|
||||||
result.Recipient = cache
|
|
||||||
}
|
|
||||||
RegisterGame(result, data)
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleTie(data)
|
|
||||||
{
|
|
||||||
var result = {
|
|
||||||
tie:true,
|
|
||||||
}
|
|
||||||
RegisterGame(result,data)
|
|
||||||
}
|
|
||||||
@ -1,52 +0,0 @@
|
|||||||
function goTo()
|
|
||||||
{
|
|
||||||
window.open("https://discord.com/api/oauth2/authorize?client_id=356104008366030863&redirect_uri=https%3A%2F%2Frem.wordfights.com%2FcreateLeague&response_type=token&scope=identify")
|
|
||||||
}
|
|
||||||
function goToLeague(recordID)
|
|
||||||
{
|
|
||||||
location.replace(location.origin+'/league/'+recordID)
|
|
||||||
}
|
|
||||||
window.onload = ()=>
|
|
||||||
{
|
|
||||||
presentLeagues();
|
|
||||||
}
|
|
||||||
async function presentLeagues()
|
|
||||||
{
|
|
||||||
var leagues = await fetch(`${window.location.origin}/api/getAllLeagues`,
|
|
||||||
{
|
|
||||||
method: "GET",
|
|
||||||
})
|
|
||||||
.then(res=>{return res.json()})
|
|
||||||
.then(response=>
|
|
||||||
{
|
|
||||||
return response.data;
|
|
||||||
})
|
|
||||||
.catch(console.error)
|
|
||||||
var table = document.getElementById('LeaguesTable');
|
|
||||||
var rows = '';
|
|
||||||
for(var league of leagues)
|
|
||||||
{
|
|
||||||
(async (league)=>
|
|
||||||
{
|
|
||||||
var aux = `
|
|
||||||
<tr>
|
|
||||||
<td onclick="goToLeague('${league._id}')" class="league">${league.Name}</td>
|
|
||||||
<td>${league.Players.length}</td>
|
|
||||||
</tr>
|
|
||||||
`
|
|
||||||
rows+=aux;
|
|
||||||
})(league)
|
|
||||||
}
|
|
||||||
var auxHTML =
|
|
||||||
`
|
|
||||||
<table id="LeaguesTable">
|
|
||||||
<tr>
|
|
||||||
<th id="LeagueHeader">League</th>
|
|
||||||
<th id="PlayerHeader">Players</t>
|
|
||||||
</tr>
|
|
||||||
${rows}
|
|
||||||
</table>
|
|
||||||
`
|
|
||||||
table.innerHTML = auxHTML;
|
|
||||||
|
|
||||||
}
|
|
||||||
@ -1,31 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
|
|
||||||
<meta name="generator" content="2018.1.0.386"/>
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
||||||
<link rel="shortcut icon" href="images/favicon.ico"/>
|
|
||||||
<title>League</title>
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/createLeague.css" id="pagesheet"/>
|
|
||||||
<script src='js/createLeague.js'></script>
|
|
||||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="wrapper">
|
|
||||||
<form>
|
|
||||||
<section>
|
|
||||||
<label for="LeagueName" id="name">League Name</label>
|
|
||||||
<input id="LeagueName">
|
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<label>Players (separate the names with commas ',')<label>
|
|
||||||
<textarea></textarea>
|
|
||||||
</section>
|
|
||||||
<button onclick="sendRequest(this.parentNode)">Send</button>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
|
|
||||||
</html></html>
|
|
||||||
@ -1,38 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
|
|
||||||
<meta name="generator" content="2018.1.0.386"/>
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
||||||
<link rel="shortcut icon" href="../images/favicon.ico"/>
|
|
||||||
<title>League</title>
|
|
||||||
<link rel="stylesheet" type="text/css" href="../css/league.css" id="pagesheet"/>
|
|
||||||
<script src='../js/league.js'></script>
|
|
||||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="TableWrapper" >
|
|
||||||
<table id="LeagueTable" class="">
|
|
||||||
|
|
||||||
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
<div class="sideWrapper">
|
|
||||||
<div class="button active" onclick="toggleTab(this, this.parentNode.children[1])">
|
|
||||||
<span class="tab">
|
|
||||||
Results
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div class="button scheduleBt" onclick="toggleTab(this, this.parentNode.children[0])">
|
|
||||||
<span class="tab">
|
|
||||||
Schedule
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div class="bg_div">
|
|
||||||
<div class="hidden schedule" id="schedule">
|
|
||||||
</div>
|
|
||||||
<div class="results active" id="results">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,35 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta charset='utf-8'>
|
|
||||||
<meta http-equiv='X-UA-Compatible' content='IE=edge'>
|
|
||||||
<title>Listener</title>
|
|
||||||
<link rel="shortcut icon" href="images/favicon.ico"/>
|
|
||||||
<meta name='viewport' content='width=device-width, initial-scale=1'>
|
|
||||||
<link rel='stylesheet' type='text/css' media='screen' href='/css/leaguelistener.css'>
|
|
||||||
<script src='/js/leaguelistener.js'></script>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>Attenttion!</h1>
|
|
||||||
<h3>Don't change tabs: this page needs to stay open and in focus for the duration of the game.</h3>
|
|
||||||
<h3>Once a winner is declared an alert will be triggered and the page can be close.</h3>
|
|
||||||
<div class="spinner" id="spinner">
|
|
||||||
<div class="leo-border-1">
|
|
||||||
<div class="leo-core-1"></div>
|
|
||||||
</div>
|
|
||||||
<div class="leo-border-2">
|
|
||||||
<div class="leo-core-2"></div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="wrapper" onclick="start()">
|
|
||||||
<div class="bt base" id="bt">
|
|
||||||
<span class="bt_text">Ready</span>
|
|
||||||
</div>
|
|
||||||
<div class="bt border"></div>
|
|
||||||
<div class="bt border2"></div>
|
|
||||||
<div class="bt border3"></div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
@ -1,29 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
|
|
||||||
<meta name="generator" content="2018.1.0.386"/>
|
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
|
||||||
<link rel="shortcut icon" href="images/favicon.ico"/>
|
|
||||||
<title>Leagues</title>
|
|
||||||
<link rel="stylesheet" type="text/css" href="css/leagues.css" id="pagesheet"/>
|
|
||||||
<script src='js/leagues.js'></script>
|
|
||||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div class="CreateButton" onclick="goTo()">
|
|
||||||
<span>Create</span>
|
|
||||||
</div>
|
|
||||||
<div id="TableWrapper" >
|
|
||||||
<table id="LeaguesTable">
|
|
||||||
<tr>
|
|
||||||
<th id="LeagueHeader">League</th>
|
|
||||||
<th id="PlayerHeader">Players</t>
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
</table>
|
|
||||||
<div>
|
|
||||||
</body>
|
|
||||||
|
|
||||||
|
|
||||||
</html></html>
|
|
||||||
Loading…
Reference in new issue