Padel-Tournaments-System/frontend/normal_user/_main page/pojedynczy_turniej/app.js

159 lines
4.3 KiB
JavaScript

let tourId = localStorage.getItem("myElement")
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 checkId() {
if (localStorage.getItem("token") !== null) {
fetch('https://dragonmaster.pl/inz/user', {
headers: {
Authorization: ("Bearer " + localStorage.getItem("token"))
}
})
.then(res => res.json())
.then(json => {
return (json['id'])
})
}
else {
document.getElementById("creator").style.display = "none";
}
}
function checkOwner() {
if (localStorage.getItem("organisatorId") == checkId()) {
console.log("dziaua")
}
}
function checkRole() {
if (localStorage.getItem("token") !== null) {
fetch('https://dragonmaster.pl/inz/user', {
headers: {
Authorization: ("Bearer " + localStorage.getItem("token"))
}
})
.then(res => res.json())
.then(json => {
if (json['role'] == '1' || json['role'] == '2') {
document.getElementById("zapisy").style.display = "none";
document.getElementById("drabinka").style.display = "none";
}
else {
document.getElementById("zapisy").style.display = '';
document.getElementById("drabinka").style.display = '';
}
})
}
else {
document.getElementById("zapisy").style.display = "none";
document.getElementById("drabinka").style.display = "none";
}
}
function logout() {
localStorage.removeItem('token');
location.reload();
}
function logoutVisibility() {
if (localStorage.getItem("token") !== null) {
document.getElementById("logout").style.display = "";
document.getElementById("saverForTournament").style.display = "";
}
else {
document.getElementById("logout").style.display = "none";
document.getElementById("saverForTournament").style.display = "none";
}
}
function loginVisibility() {
if (localStorage.getItem("token") !== null) {
document.getElementById("login").style.display = "none";
document.getElementById("saverForTournament").style.display = "";
}
else {
document.getElementById("login").style.display = "";
document.getElementById("saverForTournament").style.display = "none";
}
}
async function renderTournaments() {
let tournaments = await showTournaments();
let html = '';
let htmlDate = '';
tournaments.forEach(tournament => {
let rank = 0
if (`${tournament.approved}` == 0) {
rank = "Nie"
}
else if (`${tournament.approved}` == 1) {
rank = "Tak, ale niezatwierdzony"
}
else {
rank = "Tak"
}
if (`${tournament.id}` == localStorage.getItem("tournamentId")) {
console.log(`${tournament.rang}`)
htmlDate = `
<h1 class="tournamentInfo">${tournament.name}</h1>
<h2 class="tournamentInfo">Miejsce: ${tournament.place}</br>
${tournament.from} do ${tournament.to}</h2>`
let htmlSegment = `
<h1> ${tournament.name}</h1>
<h2>Miejsce: ${tournament.place}</h2>
<h3 class="descriptor">Wpisowe:</h3>
${tournament.entryFee}
<h3 class="descriptor">Ranga:</h3>
${tournament.rang}
<h3 class="descriptor">Kategorie:</h3>
${tournament.categotry}
<h3 class="descriptor">Zapisy do:</h3>
${tournament.to}
<h3 class="descriptor">Czy rankingowy:</h3>
${rank}
<h3 class="descriptor">Dyrektor turnieju:</h3>
${tournament.director}
<h3 class="descriptor">Dodatkowe informacje</h3>
${tournament.additionalInformations}
`;
html += htmlSegment;
}
});
let date = document.querySelector('.tournamentData')
date.innerHTML = htmlDate;
let container = document.querySelector('.form');
container.innerHTML = html;
}