5ce2883a53
Now you can choose one tournament from tournaments calendar
75 lines
2.0 KiB
JavaScript
75 lines
2.0 KiB
JavaScript
async function showTournaments() {
|
|
let url = 'https://dragonmaster.pl/inz/tournaments';
|
|
try {
|
|
let res = await fetch(url);
|
|
return await res.json();
|
|
} catch (error) {
|
|
console.log(error);
|
|
}
|
|
}
|
|
|
|
function saveIdTournament(id) {
|
|
localStorage.setItem('tournamentId', id);
|
|
}
|
|
|
|
async function renderTournaments() {
|
|
let tournaments = await showTournaments();
|
|
let html = '';
|
|
tournaments.forEach(tournament => {
|
|
let htmlSegment = `<div class = "tournamentBox" onclick="window.location.href='_main page/pojedynczy_turniej/index.html'; saveIdTournament(${tournament.id});">
|
|
<div class="tournamentIconBox">
|
|
<img class="tournamentIcon" src="_main%20page/cup.svg" alt="">
|
|
</div>
|
|
<div class="tournamentDataBox">
|
|
<div class="tournamentData">
|
|
<h4>${tournament.name}</h4>
|
|
${tournament.place}
|
|
${tournament.from} do ${tournament.to}
|
|
<button class="tournamentOpen">OPEN</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
html += htmlSegment;
|
|
});
|
|
|
|
let container = document.querySelector('.tournament-list');
|
|
container.innerHTML = html;
|
|
}
|
|
|
|
function logout() {
|
|
localStorage.clear();
|
|
location.reload();
|
|
}
|
|
|
|
function logoutVisibility() {
|
|
if (localStorage.getItem("token") !== null) {
|
|
document.getElementById("logout").style.display = "";
|
|
}
|
|
else {
|
|
document.getElementById("logout").style.display = "none";
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
function loginVisibility() {
|
|
if (localStorage.getItem("token") !== null) {
|
|
document.getElementById("login").style.display = "none";
|
|
}
|
|
else {
|
|
document.getElementById("login").style.display = "";
|
|
|
|
}
|
|
}
|
|
|
|
function createVisibility() {
|
|
if (localStorage.getItem("token") !== null) {
|
|
document.getElementById("creator").style.display = "none";
|
|
}
|
|
else {
|
|
document.getElementById("creator").style.display = "";
|
|
|
|
}
|
|
} |