From 5ce2883a53da0d6bc9b044accbe6e95ec417fbd6 Mon Sep 17 00:00:00 2001 From: Arek Date: Tue, 14 Jun 2022 08:46:41 +0200 Subject: [PATCH] feat: :sparkles: Selecting one Tournament Now you can choose one tournament from tournaments calendar --- frontend/_main page/pojedynczy_turniej/app.js | 57 ++++++++++++++++++- .../_main page/pojedynczy_turniej/index.html | 48 ++-------------- frontend/app.js | 7 ++- frontend/index.html | 2 +- 4 files changed, 66 insertions(+), 48 deletions(-) diff --git a/frontend/_main page/pojedynczy_turniej/app.js b/frontend/_main page/pojedynczy_turniej/app.js index ea49991..dd8b14d 100644 --- a/frontend/_main page/pojedynczy_turniej/app.js +++ b/frontend/_main page/pojedynczy_turniej/app.js @@ -1,4 +1,6 @@ -function showTournaments() { +let tourId = localStorage.getItem("myElement") + +async function showTournaments() { let url = 'https://dragonmaster.pl/inz/tournaments'; try { let res = await fetch(url); @@ -6,6 +8,55 @@ function showTournaments() { } catch (error) { console.log(error); } +} + +// async function renderTournaments() { +// let tournaments = await showTournaments(); +// let html = ''; +// tournaments[1]; (tournament => { +// let htmlSegment = `

${tournament.id}

`; +// html += htmlSegment; +// }); + +// let container = document.querySelector('.form'); +// container.innerHTML = html; +// } + +async function renderTournaments() { let tournaments = await showTournaments(); - console.log(tournaments[1]) -} \ No newline at end of file + let html = ''; + tournaments.forEach(tournament => { + if (`${tournament.id}` == localStorage.getItem("tournamentId")) { + let htmlSegment = ` +

${tournament.name}

+

${tournament.places}

+ +

Wpisowe:

+ ${tournament.entryFee} + +

Ranga:

+ ${tournament.rang} + +

Kategorie:

+ ${tournament.categotry} + +

Zapisy do:

+ ${tournament.to} + +

Czy rankingowy:

+ ${tournament.rang} + +

Dyrektor turnieju:

+ ${tournament.director} + +

Dodatkowe informacje

+ ${tournament.additionalInformations} + + `; + html += htmlSegment; + } + }); + + let container = document.querySelector('.form'); + container.innerHTML = html; +} diff --git a/frontend/_main page/pojedynczy_turniej/index.html b/frontend/_main page/pojedynczy_turniej/index.html index 7fd840f..7796167 100644 --- a/frontend/_main page/pojedynczy_turniej/index.html +++ b/frontend/_main page/pojedynczy_turniej/index.html @@ -7,16 +7,19 @@ Padel Tournaments System + - +
- +
- + Kontakt Ranking Kalendarz turniejów @@ -56,45 +59,6 @@
-

Turniej Majowy 2022

-

Propadel, Warszawa

- -

Wpisowe:

- - -

Ranga:

- - -

Kategorie:

- - -

Zapisy do:

- - -

Czy rankingowy:

- - -

Dyrektor turnieju:

- - -

Dodatkowe informacje

- - -
diff --git a/frontend/app.js b/frontend/app.js index a119263..f9d9699 100644 --- a/frontend/app.js +++ b/frontend/app.js @@ -8,12 +8,15 @@ async function showTournaments() { } } +function saveIdTournament(id) { + localStorage.setItem('tournamentId', id); +} + async function renderTournaments() { let tournaments = await showTournaments(); let html = ''; - console.log(tournaments[1]) tournaments.forEach(tournament => { - let htmlSegment = `
+ let htmlSegment = `
diff --git a/frontend/index.html b/frontend/index.html index a63e53c..3cb42dd 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -10,7 +10,7 @@ - +