s444427/Padel-Tournaments-System
1
0
Fork 0
forked from s444413/Padel-Tournaments-System
Code Issues Pull Requests Projects Releases Wiki Activity

feat: ekran dodawania i edycji turnieju

Browse Source 
style: osobne zestawy ekranów dla uczestnika i organizatora
This commit is contained in:
Lewy 2022-06-14 15:12:31 +02:00
parent 6392fea39c
commit 7342d627fc
99 changed files with 2746 additions and 171 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/delete.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M36.75 10.5H5.25V15.75C6.65446 15.75 7.35669 15.75 7.86114 16.0871C8.07952 16.233 8.26702 16.4205 8.41294 16.6389C8.75 17.1433 8.75 17.8455 8.75 19.25V30.75C8.75 33.5784 8.75 34.9926 9.62868 35.8713C10.5074 36.75 11.9216 36.75 14.75 36.75H27.25C30.0784 36.75 31.4926 36.75 32.3713 35.8713C33.25 34.9926 33.25 33.5784 33.25 30.75V19.25C33.25 17.8455 33.25 17.1433 33.5871 16.6389C33.733 16.4205 33.9205 16.233 34.1389 16.0871C34.6433 15.75 35.3455 15.75 36.75 15.75V10.5ZM17.625 19.25C17.625 18.6977 17.1773 18.25 16.625 18.25C16.0727 18.25 15.625 18.6977 15.625 19.25V28C15.625 28.5523 16.0727 29 16.625 29C17.1773 29 17.625 28.5523 17.625 28V19.25ZM26.375 19.25C26.375 18.6977 25.9273 18.25 25.375 18.25C24.8227 18.25 24.375 18.6977 24.375 19.25V28C24.375 28.5523 24.8227 29 25.375 29C25.9273 29 26.375 28.5523 26.375 28V19.25Z" fill="#828282"/>
<path d="M17.6193 5.89853C17.8187 5.71248 18.2581 5.54807 18.8693 5.43082C19.4806 5.31356 20.2295 5.25 21 5.25C21.7705 5.25 22.5194 5.31356 23.1307 5.43082C23.7419 5.54807 24.1813 5.71248 24.3807 5.89853" stroke="#828282" stroke-width="2" stroke-linecap="round"/>
<path d="M0 0V-1H-1V0H0ZM42 0H43V-1H42V0ZM42 42V43H43V42H42ZM0 42H-1V43H0V42ZM0 1H42V-1H0V1ZM41 0V42H43V0H41ZM42 41H0V43H42V41ZM1 42V0H-1V42H1Z" fill="#AFAFAF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

0
frontend/panel_organizatora/dodawanie turnieju/app.js → frontend/logged_organiser/panel_organizatora/dodawanie turnieju/app.js
View File

119
frontend/logged_organiser/panel_organizatora/dodawanie turnieju/index.html Normal file
View File

@ -0,0 +1,119 @@
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Padel Tournaments System</title>
<link href="style.css" rel="stylesheet">
<script type="text/javascript" src="app.js"></script>
</head>
<body onload="logoutVisibility(); loginVisibility()">
<header>
<div class="logoBox">
<a class="header_link" href="../../../unlogged_user/index.html"><img class="logo" src="../../../_global/logo.svg"
alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit" onclick="window.location.href='../../../unlogged_user/logowanie/index.html'"
id="login">LOGOWANIE</button>
<a class="header_link" href="../../../unlogged_user/kontakt/index.html">Kontakt</a>
<a class="header_link" href="../../../unlogged_user/ranking/index.html">Ranking</a>
<a class="header_link" href="../../../unlogged_user/index.html">Kalendarz turniejów</a>
<button id="logout" onclick="logout()">Wyloguj</button>
</div>
</header>
<!-- TODO sztuczny padding-->
<div> .</div>
<div> .</div>
<div class="container">
<div class="form">
<div class="title">Dodawanie turnieju</div>
<h3 class="descriptor">Nazwa Turnieju</h3>
<label>
<input id="name">
</label>
<h3 class="descriptor">Termin</h3>
<label>
<input id="term_from">
</label>
</br>
<label>
<input id="term_to">
</label>
<h3 class="descriptor">Miejsce</h3>
<label>
<input id="place">
</label>
<h3 class="descriptor">Kategorie</h3>
<label>
<input id="category">
</label>
<h3 class="descriptor">Ranga</h3>
<label>
<input id="rank">
</label>
<h3 class="descriptor">Wpisowe</h3>
<label>
<input id="entry-fee">
</label>
<h3 class="descriptor">Dyrektor Turnieju</h3>
<label>
<input id="director">
</label>
<h3 class="descriptor">Telefon</h3>
<label>
<input id="phone">
</label>
<h3 class="descriptor">Zapisy</h3>
<label>
<input id="entries">
</label>
<h3 class="descriptor">Dodatkowe informacje</h3>
<label>
<textarea name="Text1" cols="40" rows="5" id="add-info"></textarea>
</label>
<h3 class="descriptor">Widoczność turnieju</h3>
<input type="checkbox" checked="checked">
<span class="checkmark"></span>
<h3 class="descriptor">Rankingowość turnieju</h3>
<input type="checkbox">
<span class="checkmark"></span>
</br>
<!-- <div class="buttonBox">-->
<button class="myButton" type="button" id="cancel" onclick="">Anuluj</button>
<button class="myButton2" type="submit" id="tournamentsubmit" onclick="createTournament()">
Załóż turniej
</button>
<!-- </div>-->
</div>
</div>
</body>
</html>

37
frontend/panel_organizatora/dodawanie turnieju/style.css → frontend/logged_organiser/panel_organizatora/dodawanie turnieju/style.css
View File

@ -1,4 +1,4 @@
@import "../../_global/header.css";
@import "../../../_global/header.css";
/*0 layer*/
body {
@ -19,7 +19,7 @@ body {
/*Alignment*/
margin: auto;
width: 50%;
height: 800px;
height: 1000px;
/*Inside*/
padding-left: 40px;
@ -53,13 +53,32 @@ body {
font-size: 20px;
line-height: 42px;
color: #828282;
}
.myButton {
/*Button alignment*/
width: 25%;
height: 5%;
margin-left: 15%;
/*Button visual*/
border-radius: 25px;
cursor: pointer;
background-color: #828282;
/*Text*/
font-family: Arial, serif;
font-size: 12px;
color: #ffffff;
}
.myButton2 {
/*Button alignment*/
width: 25%;
height: 5%;
/*Button visual*/
border-radius: 25px;
@ -71,3 +90,15 @@ body {
font-size: 12px;
color: #ffffff;
}
.title {
text-align: center;
font-size: 28px;
font-family: 'Montserrat', serif;
font-style: normal;
color: rgba(40, 40, 40, 0.9);
}
/*.buttonBox {*/
/* margin: auto;*/
/*}*/

91
frontend/logged_organiser/panel_organizatora/edycja turnieju/app.js Normal file
View File

@ -0,0 +1,91 @@
// document.getElementById("tournamentSubmit").addEventListener("click", function () {
// var xhttp = new XMLHttpRequest();
// xhttp.onreadystatechange = function () {
// if (this.readyState == 4 && this.status == 200) {
// alert("Dodano turniej");
// } else if (this.readyState == 4) {
// alert("something not work :( " + this.status);
// }
// }
// xhttp.open("PUT", "dragonmaster.pl/inz/tournament");
// xhttp.setRequestHeader("Authorization", "Bearer " + token);
// xhttp.send('{"name":"' + document.getElementById("tournamentName").value +
// '","typeOfLadder":"' + document.getElementById("ladderType").value +
// '","pointsForTournament":"' + document.getElementById("tournamentPoints").value +
// '","places":"' + document.getElementById("tournamentPlace").value +
// '","roles":"' + document.getElementById("tournamentRole").value +
// '","ranked":"' + document.getElementById("isRanked").value +
// '","place":"' + document.getElementById("tournamentPlace").value +
// '","from":"' + document.getElementById("tournamentFrom").value +
// '","to":"' + document.getElementById("tournamentTo").value +
// '","rang":"' + document.getElementById("tournamentRang").value +
// '","entyFee":"' + document.getElementById("tournamentEntyFee").value +
// '","director":"' + document.getElementById("tournamentDirector").value +
// '","phone":"' + document.getElementById("directorphone").value +
// '","entriesTo":"' + document.getElementById("tournamentEntriesTo").value +
// '","additionalInformations":"' + document.getElementById("tournamentAddInfo").value +
// '","category":"' + "cat1" +
// '","}');
// });
function createTournament() {
fetch('https://dragonmaster.pl/inz/tournament', {
method: "PUT",
headers: {
'Content-type': 'application/json',
Authorization: ("Bearer " + localStorage.getItem("token"))
},
body: JSON.stringify(
{
"name": document.getElementById("name").value,
"typeOfLadder": "string",
"pointsForTournament": "1",
"places": "1",
"roles": document.getElementById("category").value,
"ranked": document.getElementById("rank").value,
"place": document.getElementById("place").value,
"from": "2020-10-10 10:10:10",
"to": "2020-10-10 10:10:10",
"rang": "rang1",
"entryFee": document.getElementById("entry-fee").value,
"director": document.getElementById("director").value,
"phone": document.getElementById("phone").value,
"entriesTo": "2020-10-10 10:10:10",
"additionalInformations": document.getElementById("add-info").value,
"categotry": "cat1",
"visibility": "TRUE"
}
)
}
)
.then(res => res.json())
.then(data => console.log(data))
.catch(error => console.log(error))
}
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 = "";
}
}

39
frontend/panel_organizatora/dodawanie turnieju/index.html → frontend/logged_organiser/panel_organizatora/edycja turnieju/index.html
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
@ -13,16 +13,16 @@
<body onload="logoutVisibility(); loginVisibility()">
<header>
<div class="logoBox">
<a class="header_link" href="../../index.html"><img class="logo" src="../../_global/logo.svg"
<a class="header_link" href="../../../unlogged_user/index.html"><img class="logo" src="../../../_global/logo.svg"
alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit" onclick="window.location.href='../logowanie/index.html'"
<button class="loginButton" type="submit" onclick="window.location.href='../../../unlogged_user/logowanie/index.html'"
id="login">LOGOWANIE</button>
<a class="header_link" href="../../kontakt/index.html">Kontakt</a>
<a class="header_link" href="../../ranking/index.html">Ranking</a>
<a class="header_link" href="../../index.html">Kalendarz turniejów</a>
<a class="header_link" href="../../../unlogged_user/kontakt/index.html">Kontakt</a>
<a class="header_link" href="../../../unlogged_user/ranking/index.html">Ranking</a>
<a class="header_link" href="../../../unlogged_user/index.html">Kalendarz turniejów</a>
<button id="logout" onclick="logout()">Wyloguj</button>
</div>
</header>
@ -33,6 +33,8 @@
<div class="container">
<div class="form">
<div class="title">Edycja turnieju</div>
<h3 class="descriptor">Nazwa Turnieju</h3>
<label>
<input id="name">
@ -40,7 +42,11 @@
<h3 class="descriptor">Termin</h3>
<label>
<input id="term">
<input id="term_from">
</label>
</br>
<label>
<input id="term_to">
</label>
<h3 class="descriptor">Miejsce</h3>
@ -84,10 +90,27 @@
<textarea name="Text1" cols="40" rows="5" id="add-info"></textarea>
</label>
<h3 class="descriptor">Widoczność turnieju</h3>
<input type="checkbox" checked="checked">
<span class="checkmark"></span>
<h3 class="descriptor">Rankingowość turnieju</h3>
<input type="checkbox">
<span class="checkmark"></span>
</br>
<button class="myButton" type="submit" id="tournamentsubmit" onclick="createTournament()">
<!-- <div class="buttonBox">-->
<button class="myButton" type="button" id="cancel" onclick="">Anuluj</button>
<button class="myButton2" type="submit" id="tournamentsubmit" onclick="createTournament()">
Załóż turniej
</button>
<!-- </div>-->
</div>
</div>

104
frontend/logged_organiser/panel_organizatora/edycja turnieju/style.css Normal file
View File

@ -0,0 +1,104 @@
@import "../../../_global/header.css";
/*0 layer*/
body {
background-color: #EBEBEB;
margin: 0;
}
/*1'st layer*/
.container {
height: 100%;
width: 100%;
display: flex;
justify-content: flex-end;
}
/*2'nd layer*/
.form {
/*Alignment*/
margin: auto;
width: 50%;
height: 1000px;
/*Inside*/
padding-left: 40px;
padding-top: 15px;
/*Visual*/
background-color: #FFFFFF;
/*Others*/
justify-content: center;
align-items: center;
}
/*Elements*/
.descriptor {
/* Size */
width: 326px;
height: 42px;
left: 254px;
top: 554px;
/* Alignment */
margin-bottom: 0;
margin-top: 0;
display: flex;
align-items: center;
/* Text */
font-family: 'Montserrat', serif;
font-size: 20px;
line-height: 42px;
color: #828282;
}
.myButton {
/*Button alignment*/
width: 25%;
height: 5%;
margin-left: 15%;
/*Button visual*/
border-radius: 25px;
cursor: pointer;
background-color: #828282;
/*Text*/
font-family: Arial, serif;
font-size: 12px;
color: #ffffff;
}
.myButton2 {
/*Button alignment*/
width: 25%;
height: 5%;
/*Button visual*/
border-radius: 25px;
cursor: pointer;
background-color: #007C36;
/*Text*/
font-family: Arial, serif;
font-size: 12px;
color: #ffffff;
}
.title {
text-align: center;
font-size: 28px;
font-family: 'Montserrat', serif;
font-style: normal;
color: rgba(40, 40, 40, 0.9);
}
/*.buttonBox {*/
/* margin: auto;*/
/*}*/

10
frontend/panel_organizatora/index.html → frontend/logged_organiser/panel_organizatora/index.html
View File

@ -9,14 +9,14 @@
<body>
<header>
<div class="logoBox">
<a class="header_link" href="../index.html"><img class="logo" src="../_global/logo.svg" alt="Logo error"></a>
<a class="header_link" href="../../unlogged_user/index.html"><img class="logo" src="../../_global/logo.svg" alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit" onclick="window.location.href='logowanie/index.html'">LOGOWANIE</button>
<a class="header_link" href="../kontakt/index.html">Kontakt</a>
<a class="header_link" href="../ranking/index.html">Ranking</a>
<a class="header_link" href="../index.html">Kalendarz turniejów</a>
<button class="loginButton" type="submit" onclick="window.location.href='../../unlogged_user/logowanie/index.html'">LOGOWANIE</button>
<a class="header_link" href="../../unlogged_user/kontakt/index.html">Kontakt</a>
<a class="header_link" href="../../unlogged_user/ranking/index.html">Ranking</a>
<a class="header_link" href="../../unlogged_user/index.html">Kalendarz turniejów</a>
</div>
</header>

0
frontend/panel_organizatora/myscript.js → frontend/logged_organiser/panel_organizatora/myscript.js
View File

2
frontend/panel_organizatora/zalogowany_organizator/style.css → frontend/logged_organiser/panel_organizatora/style.css
View File

@ -9,7 +9,7 @@ body {
height: 100%;
width: 100%;
display: flex;
justify-content: flex-end;
justify-content: center;
}

0
frontend/_main page/cup.svg → frontend/logged_user/_main page/cup.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

0
frontend/_main page/pojedynczy_turniej/app.js → frontend/logged_user/_main page/pojedynczy_turniej/app.js
View File

0
frontend/_main page/pojedynczy_turniej/back.jpg → frontend/logged_user/_main page/pojedynczy_turniej/back.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 651 KiB

After

Width:  |  Height:  |  Size: 651 KiB

0
frontend/_main page/pojedynczy_turniej/css/bookmarks.css → frontend/logged_user/_main page/pojedynczy_turniej/css/bookmarks.css
View File

0
frontend/_main page/pojedynczy_turniej/css/settings.css → frontend/logged_user/_main page/pojedynczy_turniej/css/settings.css
View File

0
frontend/_main page/pojedynczy_turniej/css/single_tournament.css → frontend/logged_user/_main page/pojedynczy_turniej/css/single_tournament.css
View File

0
frontend/_main page/pojedynczy_turniej/css/tournament_detail_header.css → frontend/logged_user/_main page/pojedynczy_turniej/css/tournament_detail_header.css
View File

0
frontend/_main page/pojedynczy_turniej/drabinka/collapsible.js → frontend/logged_user/_main page/pojedynczy_turniej/drabinka/collapsible.js
View File

0
frontend/_main page/pojedynczy_turniej/drabinka/css/collapsible.css → frontend/logged_user/_main page/pojedynczy_turniej/drabinka/css/collapsible.css
View File

0
frontend/_main page/pojedynczy_turniej/drabinka/css/li.css → frontend/logged_user/_main page/pojedynczy_turniej/drabinka/css/li.css
View File

0
frontend/_main page/pojedynczy_turniej/drabinka/css/round.css → frontend/logged_user/_main page/pojedynczy_turniej/drabinka/css/round.css
View File

4
frontend/_main page/pojedynczy_turniej/drabinka/index.html → frontend/logged_user/_main page/pojedynczy_turniej/drabinka/index.html
View File

@ -15,11 +15,11 @@
<header>
<div class="logoBox">
<a class="header_link" href="../../../index.html"><img class="logo" src="../../../_global/logo.svg" alt="Logo error"></a>
<a class="header_link" href="../../../index.html"><img class="logo" src="../../../../_global/logo.svg" alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit" onclick="window.location.href='../../../panel_organizatora/logowanie/index.html'">LOGOWANIE</button>
<button class="loginButton" type="submit" onclick="window.location.href='../../../logowanie/index.html'">LOGOWANIE</button>
<a class="header_link" href="../../../kontakt/index.html">Kontakt</a>
<a class="header_link" href="../../../ranking/index.html">Ranking</a>
<a class="header_link" href="../../../index.html">Kalendarz turniejów</a>

2
frontend/_main page/pojedynczy_turniej/drabinka/style.css → frontend/logged_user/_main page/pojedynczy_turniej/drabinka/style.css
View File

@ -1,7 +1,7 @@
@import "css/li.css";
@import "css/collapsible.css";
@import "css/round.css";
@import "../../../_global/header.css";
@import "../../../../_global/header.css";
body {

8
frontend/_main page/pojedynczy_turniej/index.html → frontend/logged_user/_main page/pojedynczy_turniej/index.html
View File

@ -13,13 +13,13 @@
<body onload="renderTournaments()">
<header>
<div class="logoBox">
<a class="header_link" href="../../index.html"><img class="logo" src="../../_global/logo.svg"
<a class="header_link" href="../../index.html"><img class="logo" src="../../../_global/logo.svg"
alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit"
onclick="window.location.href='../../panel_organizatora/logowanie/index.html'">LOGOWANIE</button>
onclick="window.location.href='../../logowanie/index.html'">LOGOWANIE</button>
<a class="header_link" href="../../kontakt/index.html">Kontakt</a>
<a class="header_link" href="../../ranking/index.html">Ranking</a>
<a class="header_link" href="../../index.html">Kalendarz turniejów</a>
@ -51,8 +51,8 @@
<nav>
<ul>
<li><a href="./index.html">Informacje</a></li>
<li><a href="./zapisy/index.html">Zapisy</a></li>
<li><a href="./drabinka/index.html">Drabinka</a></li>
<li><a href="zapisy/index.html">Zapisy</a></li>
<li><a href="drabinka/index.html">Drabinka</a></li>
</ul>
</nav>
</div>

2
frontend/_main page/pojedynczy_turniej/style.css → frontend/logged_user/_main page/pojedynczy_turniej/style.css
View File

@ -1,4 +1,4 @@
@import "../../_global/header.css";
@import "../../../_global/header.css";
@import "css/tournament_detail_header.css";
@import "css/bookmarks.css";

0
frontend/_main page/pojedynczy_turniej/zapisy/bookmarks.css → frontend/logged_user/_main page/pojedynczy_turniej/zapisy/bookmarks.css
View File

0
frontend/_main page/pojedynczy_turniej/zapisy/collapsible.js → frontend/logged_user/_main page/pojedynczy_turniej/zapisy/collapsible.js
View File

0
frontend/_main page/pojedynczy_turniej/zapisy/css/collapsible.css → frontend/logged_user/_main page/pojedynczy_turniej/zapisy/css/collapsible.css
View File

0
frontend/_main page/pojedynczy_turniej/zapisy/css/li.css → frontend/logged_user/_main page/pojedynczy_turniej/zapisy/css/li.css
View File

0
frontend/_main page/pojedynczy_turniej/zapisy/css/round.css → frontend/logged_user/_main page/pojedynczy_turniej/zapisy/css/round.css
View File

4
frontend/_main page/pojedynczy_turniej/zapisy/index.html → frontend/logged_user/_main page/pojedynczy_turniej/zapisy/index.html
View File

@ -15,11 +15,11 @@
<header>
<div class="logoBox">
<a class="header_link" href="../../../index.html"><img class="logo" src="../../../_global/logo.svg" alt="Logo error"></a>
<a class="header_link" href="../../../index.html"><img class="logo" src="../../../../_global/logo.svg" alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit" onclick="window.location.href='../../../panel_organizatora/logowanie/index.html'">LOGOWANIE</button>
<button class="loginButton" type="submit" onclick="window.location.href='../../../logowanie/index.html'">LOGOWANIE</button>
<a class="header_link" href="../../../kontakt/index.html">Kontakt</a>
<a class="header_link" href="../../../ranking/index.html">Ranking</a>
<a class="header_link" href="../../../index.html">Kalendarz turniejów</a>

2
frontend/_main page/pojedynczy_turniej/zapisy/style.css → frontend/logged_user/_main page/pojedynczy_turniej/zapisy/style.css
View File

@ -1,7 +1,7 @@
@import "css/li.css";
@import "css/collapsible.css";
@import "css/round.css";
@import "../../../_global/header.css";
@import "../../../../_global/header.css";
@import "bookmarks.css";

0
frontend/_main page/search.svg → frontend/logged_user/_main page/search.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 225 B

After

Width:  |  Height:  |  Size: 225 B

2
frontend/_main page/style.css → frontend/logged_user/_main page/style.css
View File

@ -1,4 +1,4 @@
@import "../_global/header.css";
@import "../../_global/header.css";
@import "pojedynczy_turniej/css/single_tournament.css";
@import "pojedynczy_turniej/css/settings.css";

0
frontend/app.js → frontend/logged_user/app.js
View File

10
frontend/index.html → frontend/logged_user/index.html
View File

@ -13,16 +13,16 @@
<body onload="renderTournaments();logoutVisibility(); loginVisibility(); checkRole();">
<header>
<div class="logoBox">
<a class="header_link" href="./index.html"><img class="logo" src="./_global/logo.svg" alt="Logo error"></a>
<a class="header_link" href="./index.html"><img class="logo" src="../_global/logo.svg" alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit"
onclick="window.location.href='panel_organizatora/logowanie/index.html'" id="login">LOGOWANIE</button>
<a class="header_link" href="./kontakt/index.html">Kontakt</a>
<a class="header_link" href="./ranking/index.html">Ranking</a>
onclick="window.location.href='logowanie/index.html'" id="login">LOGOWANIE</button>
<a class="header_link" href="kontakt/index.html">Kontakt</a>
<a class="header_link" href="ranking/index.html">Ranking</a>
<a style="font-weight: bold" class="header_link" href="./index.html">Kalendarz turniejów</a>
<a class="header_link" href="panel_organizatora/dodawanie turnieju/index.html" id="creator">Tworzenie
<a class="header_link" href="../logged_organiser/panel_organizatora/dodawanie%20turnieju/index.html" id="creator">Tworzenie
turnieju</a>
<button class="loginButton" id="logout" onclick="logout()">Wyloguj</button>
</div>

8
frontend/kontakt/index.html → frontend/logged_user/kontakt/index.html
View File

@ -5,18 +5,18 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Padel Tournaments System</title>
<link href="./style.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<header>
<div class="logoBox">
<a class="header_link" href="../index.html"><img class="logo" src="../_global/logo.svg" alt="Logo error"></a>
<a class="header_link" href="../index.html"><img class="logo" src="../../_global/logo.svg" alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit" onclick="window.location.href='../panel_organizatora/logowanie/index.html'">LOGOWANIE</button>
<a class="header_link" href="../kontakt/index.html">Kontakt</a>
<button class="loginButton" type="submit" onclick="window.location.href='../logowanie/index.html'">LOGOWANIE</button>
<a class="header_link" href="/index.html">Kontakt</a>
<a class="header_link" href="../ranking/index.html">Ranking</a>
<a class="header_link" href="../index.html">Kalendarz turniejów</a>
</div>

2
frontend/kontakt/style.css → frontend/logged_user/kontakt/style.css
View File

@ -1,4 +1,4 @@
@import "../_global/header.css";
@import "../../_global/header.css";
body {
margin: 0;

4
frontend/panel_organizatora/logowanie/app.js → frontend/logged_user/logowanie/app.js
View File

@ -9,10 +9,10 @@ function checkRole() {
.then(res => res.json())
.then(json => {
if (json['role'] == '1') {
window.location.href = '../../index.html'
window.location.href = '../index.html'
}
else {
window.location.href = '../dodawanie turnieju/index.html'
window.location.href = '../../logged_organiser/panel_organizatora/dodawanie turnieju/index.html'
}
})

2
frontend/panel_organizatora/logowanie/index.html → frontend/logged_user/logowanie/index.html
View File

@ -26,7 +26,7 @@
<br>
<a href="#">Zapomniałeś hasła?</a>
<br>
<span> Nie masz konta? <a href="../rejestracja/index.html">Zajerestruj się</a></span>
<span> Nie masz konta? <a href="rejestracja/index.html">Zajerestruj się</a></span>
</div>
</div>

0
frontend/panel_organizatora/rejestracja/api.js → frontend/logged_user/logowanie/rejestracja/api.js
View File

2
frontend/panel_organizatora/rejestracja/index.html → frontend/logged_user/logowanie/rejestracja/index.html
View File

@ -52,7 +52,7 @@
<a href="#">Zapomniałeś hasła?</a>
<br>
<span> Masz już konto? <a href="../logowanie/index.html">Zaloguj się</a></span>
<span> Masz już konto? <a href="../index.html">Zaloguj się</a></span>
</div>
</div>

2
frontend/panel_organizatora/rejestracja/myscript.js → frontend/logged_user/logowanie/rejestracja/myscript.js
View File

@ -33,7 +33,7 @@ function register() {
.then(res => {
if (res.ok) {
alert("Teraz mozesz się zalogować!")
window.location.href = '../logowanie/index.html'
window.location.href = '../index.html'
}
else { console.log("Coś poszło nie tak!") }
return res

0
frontend/panel_organizatora/rejestracja/src/lock.svg → frontend/logged_user/logowanie/rejestracja/src/lock.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 669 B

After

Width:  |  Height:  |  Size: 669 B

0
frontend/panel_organizatora/rejestracja/src/mail.svg → frontend/logged_user/logowanie/rejestracja/src/mail.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 767 B

After

Width:  |  Height:  |  Size: 767 B

0
frontend/panel_organizatora/rejestracja/src/mezczyzna_padel.jpg → frontend/logged_user/logowanie/rejestracja/src/mezczyzna_padel.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 1.6 MiB

0
frontend/panel_organizatora/rejestracja/src/person.svg → frontend/logged_user/logowanie/rejestracja/src/person.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 517 B

After

Width:  |  Height:  |  Size: 517 B

0
frontend/panel_organizatora/rejestracja/src/phone.svg → frontend/logged_user/logowanie/rejestracja/src/phone.svg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 750 B

After

Width:  |  Height:  |  Size: 750 B

0
frontend/panel_organizatora/rejestracja/style.css → frontend/logged_user/logowanie/rejestracja/style.css
View File

0
frontend/panel_organizatora/logowanie/style.css → frontend/logged_user/logowanie/style.css
View File

0
frontend/panel_organizatora/logowanie/tlo_logowanie.png → frontend/logged_user/logowanie/tlo_logowanie.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.1 MiB

After

Width:  |  Height:  |  Size: 7.1 MiB

8
frontend/ranking/index.html → frontend/logged_user/ranking/index.html
View File

@ -5,19 +5,19 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Padel Tournaments System</title>
<link href="./style.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<header>
<div class="logoBox">
<a class="header_link" href="../index.html"><img class="logo" src="../_global/logo.svg" alt="Logo error"></a>
<a class="header_link" href="../index.html"><img class="logo" src="../../_global/logo.svg" alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit" onclick="window.location.href='../panel_organizatora/logowanie/index.html'">LOGOWANIE</button>
<button class="loginButton" type="submit" onclick="window.location.href='../logowanie/index.html'">LOGOWANIE</button>
<a class="header_link" href="../kontakt/index.html">Kontakt</a>
<a class="header_link" href="../ranking/index.html">Ranking</a>
<a class="header_link" href="/index.html">Ranking</a>
<a class="header_link" href="../index.html">Kalendarz turniejów</a>
</div>
</header>

2
frontend/ranking/style.css → frontend/logged_user/ranking/style.css
View File

@ -1,4 +1,4 @@
@import "../_global/header.css";
@import "../../_global/header.css";
body {
margin: 0;

72
frontend/panel_organizatora/style.css
View File

@ -1,72 +0,0 @@
@import "../_global/header.css";
body {
margin: 0;
}
.container {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
}
.eventHeader {
text-align: center;
padding-top: 5px;
padding-bottom: 5px;
}
.event {
background-color: #0f64f2;
color: white;
border-style: solid;
border-width: 2px;
margin-top: 25px;
margin-right: 25px;
flex-direction: column;
flex-wrap: wrap;
height: auto;
}
.eventInside {
background-color: white;
color: #4C8BF5;
height: auto;
border: solid;
border-color: lightgray;
padding: 10px;
}
.eventInside>p {
color: lightgray;
}
.myButton {
background-color: #4C8BF5;
border-radius: 28px;
border: 1px solid #4C8BF5;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: Arial;
font-size: 9px;
padding: 8px 13px;
text-decoration: none;
}
.dot {
height: 30px;
width: 30px;
color: white;
background-color: skyblue;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}

44
frontend/panel_organizatora/zalogowany_organizator/index.html
View File

@ -1,44 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Padel Tournaments System</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<header>
<div class="logoBox">
<a class="header_link" href="../../index.html"><img class="logo" src="../../_global/logo.svg" alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit" onclick="window.location.href='../logowanie/index.html'">LOGOWANIE</button>
<a class="header_link" href="../../kontakt/index.html">Kontakt</a>
<a class="header_link" href="../../ranking/index.html">Ranking</a>
<a class="header_link" href="../../index.html">Kalendarz turniejów</a>
</div>
</header>
<div class="container">
<div class="event">
<div class="eventHeader">Nadchodzące turnieje</div>
<div class="eventInside">Turniej majowy 2022
<p> Propadel|Warszawa</p>
<p>13/05/2022 do 15/05/2022</p>
<button class="myButton">Open</button>
</div>
<div class="eventInside">Trójmiasto Cup 2022
<p> Padbox | Gdańsk</p>
<p> 03/06/2022 do 05/06/2022</p>
<button class="myButton">Open</button>
</div>
<div class="lastevent"></div>
</div>
</div>
</body>
</html>

0
frontend/panel_organizatora/zalogowany_organizator/scheme.css
View File

8
frontend/unlogged_user/_main page/cup.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="63" height="63" rx="8.5" fill="white" stroke="#AFAFAF"/>
<path d="M40.25 47.5834H23.75" stroke="#AFAFAF" stroke-linecap="round"/>
<path d="M31.5 46.6666C31.5 46.9428 31.7239 47.1666 32 47.1666C32.2761 47.1666 32.5 46.9428 32.5 46.6666H31.5ZM32.5 46.6666V39.3333H31.5V46.6666H32.5Z" fill="#AFAFAF"/>
<path d="M38.4168 35.6667C38.4168 35.6667 44.8335 32.2157 44.8335 27.902C44.8335 26.0465 44.8335 24.5103 44.8335 23.3619C44.8335 23.0254 44.8335 22.8572 44.8132 22.7158C44.687 21.8369 43.9966 21.1465 43.1177 21.0203C42.9763 21 42.8077 21 42.4704 21V21C42.1125 21 41.9335 21 41.7862 21.022C40.8681 21.1595 40.1652 21.9108 40.0891 22.8361C40.0769 22.9845 40.0888 23.1631 40.1126 23.5202L40.2502 25.5833" stroke="#AFAFAF" stroke-linecap="round"/>
<path d="M25.5312 35.9375L25.2539 36.3535L25.5312 35.9375ZM38.4688 35.9375L38.7462 36.3535L38.4688 35.9375ZM39.75 22.0834V32.6093H40.75V22.0834H39.75ZM24.25 32.6093V22.0834H23.25V32.6093H24.25ZM38.1915 35.5215L32.2774 39.4642L32.8321 40.2963L38.7462 36.3535L38.1915 35.5215ZM31.7227 39.4642L25.8086 35.5215L25.2539 36.3535L31.1679 40.2963L31.7227 39.4642ZM38.25 19.5834H25.75V20.5834H38.25V19.5834ZM32.2774 39.4642C32.1094 39.5762 31.8906 39.5762 31.7227 39.4642L31.1679 40.2963C31.6718 40.6322 32.3282 40.6322 32.8321 40.2963L32.2774 39.4642ZM23.25 32.6093C23.25 34.1139 24.002 35.5189 25.2539 36.3535L25.8086 35.5215C24.8349 34.8724 24.25 33.7795 24.25 32.6093H23.25ZM39.75 32.6093C39.75 33.7795 39.1651 34.8723 38.1915 35.5215L38.7462 36.3535C39.998 35.5189 40.75 34.1139 40.75 32.6093H39.75ZM24.25 22.0834C24.25 21.2549 24.9216 20.5834 25.75 20.5834V19.5834C24.3693 19.5834 23.25 20.7027 23.25 22.0834H24.25ZM40.75 22.0834C40.75 20.7027 39.6307 19.5834 38.25 19.5834V20.5834C39.0784 20.5834 39.75 21.2549 39.75 22.0834H40.75Z" fill="#AFAFAF"/>
<path d="M25.5832 35.6667C25.5832 35.6667 19.1665 32.2157 19.1665 27.902C19.1665 26.0465 19.1665 24.5103 19.1665 23.3619C19.1665 23.0254 19.1665 22.8572 19.1868 22.7158C19.313 21.8369 20.0034 21.1465 20.8823 21.0203C21.0237 21 21.1923 21 21.5296 21V21C21.8875 21 22.0665 21 22.2138 21.022C23.1319 21.1595 23.8348 21.9108 23.9109 22.8361C23.9231 22.9845 23.9112 23.1631 23.8874 23.5202L23.7498 25.5833" stroke="#AFAFAF" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

62
frontend/unlogged_user/_main page/pojedynczy_turniej/app.js Normal file
View File

@ -0,0 +1,62 @@
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);
}
}
// async function renderTournaments() {
// let tournaments = await showTournaments();
// let html = '';
// tournaments[1]; (tournament => {
// let htmlSegment = `<h1>${tournament.id}</h2>`;
// html += htmlSegment;
// });
// let container = document.querySelector('.form');
// container.innerHTML = html;
// }
async function renderTournaments() {
let tournaments = await showTournaments();
let html = '';
tournaments.forEach(tournament => {
if (`${tournament.id}` == localStorage.getItem("tournamentId")) {
let htmlSegment = `
<h1> ${tournament.name}</h1>
<h2>${tournament.places}</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>
${tournament.rang}
<h3 class="descriptor">Dyrektor turnieju:</h3>
${tournament.director}
<h3 class="descriptor">Dodatkowe informacje</h3>
${tournament.additionalInformations}
`;
html += htmlSegment;
}
});
let container = document.querySelector('.form');
container.innerHTML = html;
}

BIN
frontend/unlogged_user/_main page/pojedynczy_turniej/back.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 651 KiB

37
frontend/unlogged_user/_main page/pojedynczy_turniej/css/bookmarks.css Normal file
View File

@ -0,0 +1,37 @@
/*##################*/
ul {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
/*background-color: #0B4D39;*/
}
li a {
display: block;
float: left;
text-align: center;
font-size: 1.2em;
width: 130px;
text-decoration: none;
color: black;
background-color: white;
padding: 10px 15px;
margin: 0px 1px 1px 0px;
border: 1px solid black;
border-radius: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 2px 3px gray;
-moz-box-shadow: 0px 2px 3px gray;
-webkit-box-shadow: 0px 2px 3px gray;
}
li a:hover {
color: black;
background: #AFAFAF;
border: 1px solid black;
}

35
frontend/unlogged_user/_main page/pojedynczy_turniej/css/settings.css Normal file
View File

@ -0,0 +1,35 @@
.settingsWszystkie {
height: 100%;
width: 10%;
border: 1px #AFAFAF solid;
display: flex;
align-items: center;
justify-content: center;
}
.settingsMoje {
height: 100%;
width: 10%;
border: 1px #AFAFAF solid;
display: flex;
align-items: center;
justify-content: center;
}
.settingsKafle {
height: 100%;
width: 10%;
float: right;
text-align: center;
border: 1px #AFAFAF solid;
}
.settingsLista {
height: 100%;
width: 10%;
float: right;
text-align: center;
border: 1px #AFAFAF solid;
}

71
frontend/unlogged_user/_main page/pojedynczy_turniej/css/single_tournament.css Normal file
View File

@ -0,0 +1,71 @@
.tournamentBox {
/*Box align*/
flex-direction: column;
flex-wrap: nowrap;
/*Visual*/
background-color: #ffffff;
color: white;
border: 1px #AFAFAF solid;
height: 15vh;
width: 100%;
}
/**/
.tournamentIconBox {
width: 10%;
height: 100%;
float: left;
/*padding: 25px;*/
top: 50%;
left: 50%;
}
.tournamentIcon {
margin: 0;
position: relative;
top: 50%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
/**/
.tournamentDataBox {
width: 90%;
height: 100%;
float: right;
}
.tournamentData {
margin-top: 1%;
text-align: left;
/*padding-left: 10%;*/
color: #282828E5;
}
.tournamentOpen {
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 6px 15px;
gap: 10px;
/*position: absolute;*/
width: 73px;
height: 29px;
/* PFP GREEN */
background: #007C36;
border-radius: 15px;
border: 1px solid;
font-family: Montserrat, serif;
color: white;
}

66
frontend/unlogged_user/_main page/pojedynczy_turniej/css/tournament_detail_header.css Normal file
View File

@ -0,0 +1,66 @@
/*1'st layer*/
.tournamentIconBox {
width: 20%;
height: 100%;
float: left;
/*padding: 25px;*/
top: 50%;
left: 50%;
}
.tournamentDataBox {
width: 30%;
height: 100%;
float: left;
}
.signInBox {
width: 40%;
height: 100%;
float: left;
}
/*Element */
.tournamentIcon {
margin: 0;
position: relative;
top: 45%;
left: 45%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 50%;
}
.tournamentData {
margin-top: 1%;
text-align: left;
/*padding-left: 10%;*/
color: #282828E5;
}
.signIn {
/*Alignment*/
margin: 5%;
width: 50%;
height: 50%;
/*Visual*/
background: #B8BC00;
border-radius: 63px;
border: 1px solid #B8BC00;
/*Text*/
color: #FFFFFF;
font-family: 'Montserrat', serif;
font-size: 34px;
flex: none;
text-align: center;
}
.tournamentInfo {
font-family: 'Montserrat', serif;
font-style: normal;
color: white;
}

14
frontend/unlogged_user/_main page/pojedynczy_turniej/drabinka/collapsible.js Normal file
View File

@ -0,0 +1,14 @@
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.maxHeight){
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + "px";
}
});
}

51
frontend/unlogged_user/_main page/pojedynczy_turniej/drabinka/css/collapsible.css Normal file
View File

@ -0,0 +1,51 @@
/*COLLAPSIBLE*/
/*Wersja zwinięta*/
.collapsible {
/*Box alignment*/
margin-left: 5%;
margin-right: 5%;
width: 80%;
/*Content alignment*/
padding: 1%;
text-align: left;
/*Visual*/
background-color: #007C36;
color: white;
cursor: pointer;
font-size: 15px;
/*Others*/
border: none;
outline: none;
}
.active, .collapsible:hover {
background-color: #555;
}
.collapsible:after {
content: '\002B';
color: white;
font-weight: bold;
float: right;
margin-left: 5px;
}
.active:after {
content: "\2212";
}
/*Wersja rozwinięta*/
.collapsibleContent {
padding: 0 18px;
max-height: 0;
/*szerokość drabinki*/
width: 75%;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #f1f1f1;
}

39
frontend/unlogged_user/_main page/pojedynczy_turniej/drabinka/css/li.css Normal file
View File

@ -0,0 +1,39 @@
li.game {
padding-left: 200px;
margin-right: 20px;
}
li.game.winner {
font-weight: bold;
}
/*Tekst wewnątrz boxa*/
li.game span {
float: right;
margin-right: 100px;
}
/*Górna linia drabinki*/
li.game-top {
border-bottom: 1px solid #aaa;
}
/*Róznica wysokości między rundami*/
li.game-spacer {
/*border-right: 1px solid #aaa;*/
min-height: 50px;
}
/*Dolna linia drabinki*/
li.game-bottom {
border-top: 1px solid #aaa;
}
/*Box drużyny*/
li.teambox {
border-radius: 25px;
background-color: #FFFFFF;
padding: 10px;
/*text color*/
color: #828282;
}

23
frontend/unlogged_user/_main page/pojedynczy_turniej/drabinka/css/round.css Normal file
View File

@ -0,0 +1,23 @@
.round {
display: flex;
flex-direction: column;
justify-content: center;
/*szerokość całej drabinki*/
width: 250px;
list-style: none;
padding: 0;
}
.round .spacer {
flex-grow: 1;
}
.round .spacer:first-child,
.round .spacer:last-child {
flex-grow: .5;
}
.round .game-spacer {
flex-grow: 1;
}

621
frontend/unlogged_user/_main page/pojedynczy_turniej/drabinka/index.html Normal file
View File

@ -0,0 +1,621 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Padel Tournaments System</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="logoBox">
<a class="header_link" href="../../../index.html"><img class="logo" src="../../../../_global/logo.svg" alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit" onclick="window.location.href='../../../logowanie/index.html'">LOGOWANIE</button>
<a class="header_link" href="../../../kontakt/index.html">Kontakt</a>
<a class="header_link" href="../../../ranking/index.html">Ranking</a>
<a class="header_link" href="../../../index.html">Kalendarz turniejów</a>
</div>
</header>
<div class="container">
<button type="button" class="collapsible">Drabinka Główna</button>
<!-- Zawartość collapsu-->
<div class="collapsibleContent">
<!-- Turniej-->
<main id="tournament">
<!-- ROUND 1-->
<ul class="round round-1">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner ">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Gracjan Wojciechowski<br>
Maurycy Błaszczyk
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Marcin Szewczyk<br>
Martin Marciniak
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Patryk Kołodziej<br>
Emil Kaczmarczyk
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Dorian Jasiński<br>
Dawid Borkowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Emanuel Czerwiński<br>
Bartłomiej Michalak
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Anatol Piotrowski<br>
Filip Pawlak
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Aleksander Pietrzak<br>
Olaf Górecki
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Kryspin Ostrowski<br>
Bartłomiej Baranowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Janusz Kwiatkowski<br>
Kamil Szulc
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Kryspin Sokołowski<br>
Roman Jankowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Oktawian Sikora<br>
Marcel Borkowski
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jerzy Stępień<br>
Alojzy Witkowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Olaf Rutkowski<br>
Klaudiusz Chmielewski
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Wróblewski<br>
Oskar Kowalski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jarosław Cieślak<br>
Kamil Piotrowski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 2-->
<ul class="round round-2">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak<br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Marcin Szewczyk<br>
Martin Marciniak
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Emanuel Czerwiński<br>
Bartłomiej Michalak
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Anatol Piotrowski<br>
Filip Pawlak
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Kryspin Ostrowski<br>
Bartłomiej Baranowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Kryspin Sokołowski<br>
Roman Jankowski
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Jerzy Stępień<br>
Alojzy Witkowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 3-->
<ul class="round round-3">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak<br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Emanuel Czerwiński <br>
Bartłomiej Michalak
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Kryspin Sokołowski <br>
Roman Jankowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 4-->
<ul class="round round-4">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
<!-- DRABINKA O 3 MIEJSCE-->
<button type="button" class="collapsible">O 3. miejsce</button>
<div class="collapsibleContent">
<main id="tournament2">
<!-- ROUND 4-->
<ul class="round round-4">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
<!-- DRABINKA O 5 MIEJSCE-->
<button type="button" class="collapsible">O 5. miejsce</button>
<div class="collapsibleContent">
<main id="tournament3">
<!-- ROUND 3-->
<ul class="round round-3">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak<br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Emanuel Czerwiński <br>
Bartłomiej Michalak
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Kryspin Sokołowski <br>
Roman Jankowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 4-->
<ul class="round round-4">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
<!-- DRABINKA O 7 MIEJSCE-->
<button type="button" class="collapsible">O 7. miejsce</button>
<div class="collapsibleContent">
<main id="tournament4">
<!-- ROUND 4-->
<ul class="round round-4">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
<!-- DRABINKA O 9 MIEJSCE-->
<button type="button" class="collapsible">O 9. miejsce</button>
<div class="collapsibleContent">
<main id="tournament5">
<!-- ROUND 2-->
<ul class="round round-2">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak<br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Marcin Szewczyk<br>
Martin Marciniak
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Emanuel Czerwiński<br>
Bartłomiej Michalak
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Anatol Piotrowski<br>
Filip Pawlak
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Kryspin Ostrowski<br>
Bartłomiej Baranowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Kryspin Sokołowski<br>
Roman Jankowski
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Jerzy Stępień<br>
Alojzy Witkowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 3-->
<ul class="round round-3">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak<br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Emanuel Czerwiński <br>
Bartłomiej Michalak
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Kryspin Sokołowski <br>
Roman Jankowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 4-->
<ul class="round round-4">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
<!-- DRABINKA O 11 MIEJSCE-->
<button type="button" class="collapsible">O 11. miejsce</button>
<div class="collapsibleContent">
<main id="tournament6">
<!-- ROUND 4-->
<ul class="round round-4">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
<!-- DRABINKA O 13 MIEJSCE-->
<button type="button" class="collapsible">O 13. miejsce</button>
<div class="collapsibleContent">
<main id="tournament7">
<!-- ROUND 3-->
<ul class="round round-3">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak<br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Emanuel Czerwiński <br>
Bartłomiej Michalak
</li>
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox">
Kryspin Sokołowski <br>
Roman Jankowski
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox winner">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 4-->
<ul class="round round-4">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
<!-- DRABINKA O 15 MIEJSCE-->
<button type="button" class="collapsible">O 15. miejsce</button>
<div class="collapsibleContent">
<main id="tournament8">
<!-- ROUND 4-->
<ul class="round round-4">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="game game-spacer">&nbsp;</li>
<li class="game game-bottom teambox">
Jędrzej Wróblewski <br>
Oskar Kowalski
</li>
<li class="spacer">&nbsp;</li>
</ul>
<!-- ROUND 5-->
<ul class="round round-5">
<li class="spacer">&nbsp;</li>
<li class="game game-top teambox winner">
Jędrzej Kubiak <br>
Borys Kamiński
</li>
<li class="spacer">&nbsp;</li>
</ul>
</main>
</div>
</div>
<script type="text/javascript" src="collapsible.js"></script>
</body>
</html>

37
frontend/unlogged_user/_main page/pojedynczy_turniej/drabinka/style.css Normal file
View File

@ -0,0 +1,37 @@
@import "css/li.css";
@import "css/collapsible.css";
@import "css/round.css";
@import "../../../../_global/header.css";
body {
margin: 0;
/*padding: 10px;*/
/*line-height: 1.4em;*/
}
.dot {
height: 30px;
width: 30px;
color: white;
background-color: skyblue;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}
.container {
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
width: 100%;
justify-content: flex-end;
}
main {
display: flex;
flex-direction: row;
}

66
frontend/unlogged_user/_main page/pojedynczy_turniej/index.html Normal file
View File

@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Padel Tournaments System</title>
<link href="style.css" rel="stylesheet">
<script type="text/javascript" src="app.js"></script>
</head>
<body onload="renderTournaments()">
<header>
<div class="logoBox">
<a class="header_link" href="../../index.html"><img class="logo" src="../../../_global/logo.svg"
alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit"
onclick="window.location.href='../../logowanie/index.html'">LOGOWANIE</button>
<a class="header_link" href="../../kontakt/index.html">Kontakt</a>
<a class="header_link" href="../../ranking/index.html">Ranking</a>
<a class="header_link" href="../../index.html">Kalendarz turniejów</a>
</div>
</header>
<div class="container">
<div class="mainInfoBox">
<div class="tournamentIconBox">
<img class="tournamentIcon" src="../cup.svg" alt="">
</div>
<div class="tournamentDataBox">
<div class="tournamentData">
<h1 class="tournamentInfo">Turniej majowy 2022</h1>
<h2 class="tournamentInfo">Propadel, Warszawa </br>
13/05/2022 do 15/05/2022</h2>
</div>
</div>
<div class="signInBox">
<button class="signIn">ZAPISZ SIĘ!</button>
</div>
</div>
<div class="bookmarks">
<nav>
<ul>
<li><a href="./index.html">Informacje</a></li>
<li><a href="zapisy/index.html">Zapisy</a></li>
<li><a href="drabinka/index.html">Drabinka</a></li>
</ul>
</nav>
</div>
<div class="form">
</div>
</div>
</body>
</html>

76
frontend/unlogged_user/_main page/pojedynczy_turniej/style.css Normal file
View File

@ -0,0 +1,76 @@
@import "../../../_global/header.css";
@import "css/tournament_detail_header.css";
@import "css/bookmarks.css";
/*0 layer*/
body {
background-color: #EBEBEB;
margin: 0;
}
/*1'st layer*/
.container {
height: 100%;
width: 100%;
display: flex;
justify-content: flex-end;
flex-flow: row wrap;
background-image: url(back.jpg);
}
.mainInfoBox {
height: 25vh;
width: 100%;
background-color: #0B4D39;
}
/*2'nd layer*/
.form {
/*Alignment*/
margin: auto;
width: 50%;
height: 75vh;
/*Inside*/
padding-left: 40px;
padding-top: 15px;
/*Visual*/
background-color: #FFFFFF;
/*Others*/
justify-content: center;
align-items: center;
}
.bookmarks {
/*Alignment*/
margin: auto;
width: 50%;
height: 5vh;
/*Others*/
justify-content: center;
align-items: center;
}
/*Elements*/
.descriptor {
/* Size */
left: 254px;
top: 554px;
/* Alignment */
margin-bottom: 0;
margin-top: 0;
display: flex;
align-items: center;
/* Text */
font-family: 'Montserrat', serif;
font-size: 20px;
line-height: 42px;
color: #000000;
}

37
frontend/unlogged_user/_main page/pojedynczy_turniej/zapisy/bookmarks.css Normal file
View File

@ -0,0 +1,37 @@
/*##################*/
ul {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
/*background-color: #0B4D39;*/
}
li a {
display: block;
float: left;
text-align: center;
font-size: 1.2em;
width: 130px;
text-decoration: none;
color: black;
background-color: white;
padding: 10px 15px;
margin: 0px 1px 1px 0px;
border: 1px solid black;
border-radius: 3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 2px 3px gray;
-moz-box-shadow: 0px 2px 3px gray;
-webkit-box-shadow: 0px 2px 3px gray;
}
li a:hover {
color: black;
background: #AFAFAF;
border: 1px solid black;
}

14
frontend/unlogged_user/_main page/pojedynczy_turniej/zapisy/collapsible.js Normal file
View File

@ -0,0 +1,14 @@
var coll = document.getElementsByClassName("collapsible");
var i;
for (i = 0; i < coll.length; i++) {
coll[i].addEventListener("click", function() {
this.classList.toggle("active");
var content = this.nextElementSibling;
if (content.style.maxHeight){
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + "px";
}
});
}

51
frontend/unlogged_user/_main page/pojedynczy_turniej/zapisy/css/collapsible.css Normal file
View File

@ -0,0 +1,51 @@
/*COLLAPSIBLE*/
/*Wersja zwinięta*/
.collapsible {
/*Box alignment*/
margin-left: 5%;
margin-right: 5%;
width: 80%;
/*Content alignment*/
padding: 1%;
text-align: left;
/*Visual*/
background-color: #007C36;
color: white;
cursor: pointer;
font-size: 15px;
/*Others*/
border: none;
outline: none;
}
.active, .collapsible:hover {
background-color: #555;
}
.collapsible:after {
content: '\002B';
color: white;
font-weight: bold;
float: right;
margin-left: 5px;
}
.active:after {
content: "\2212";
}
/*Wersja rozwinięta*/
.collapsibleContent {
padding: 0 18px;
max-height: 0;
/*szerokość drabinki*/
width: 75%;
overflow: hidden;
transition: max-height 0.2s ease-out;
background-color: #f1f1f1;
}

39
frontend/unlogged_user/_main page/pojedynczy_turniej/zapisy/css/li.css Normal file
View File

@ -0,0 +1,39 @@
li.game {
padding-left: 200px;
margin-right: 20px;
}
li.game.winner {
font-weight: bold;
}
/*Tekst wewnątrz boxa*/
li.game span {
float: right;
margin-right: 100px;
}
/*Górna linia drabinki*/
li.game-top {
border-bottom: 1px solid #aaa;
}
/*Róznica wysokości między rundami*/
li.game-spacer {
/*border-right: 1px solid #aaa;*/
min-height: 50px;
}
/*Dolna linia drabinki*/
li.game-bottom {
border-top: 1px solid #aaa;
}
/*Box drużyny*/
li.teambox {
border-radius: 25px;
background-color: #FFFFFF;
padding: 10px;
/*text color*/
color: #828282;
}

23
frontend/unlogged_user/_main page/pojedynczy_turniej/zapisy/css/round.css Normal file
View File

@ -0,0 +1,23 @@
.round {
display: flex;
flex-direction: column;
justify-content: center;
/*szerokość całej drabinki*/
width: 250px;
list-style: none;
padding: 0;
}
.round .spacer {
flex-grow: 1;
}
.round .spacer:first-child,
.round .spacer:last-child {
flex-grow: .5;
}
.round .game-spacer {
flex-grow: 1;
}

63
frontend/unlogged_user/_main page/pojedynczy_turniej/zapisy/index.html Normal file
View File

@ -0,0 +1,63 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Padel Tournaments System</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="logoBox">
<a class="header_link" href="../../../index.html"><img class="logo" src="../../../../_global/logo.svg" alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit" onclick="window.location.href='../../../logowanie/index.html'">LOGOWANIE</button>
<a class="header_link" href="../../../kontakt/index.html">Kontakt</a>
<a class="header_link" href="../../../ranking/index.html">Ranking</a>
<a class="header_link" href="../../../index.html">Kalendarz turniejów</a>
</div>
</header>
<div class="container">
<div class="bookmarks">
<nav>
<ul>
<li><a href="../index.html">Informacje</a></li>
<li><a href="../zapisy/index.html">Zapisy</a></li>
<li><a href="../drabinka/index.html">Drabinka</a></li>
</ul>
</nav>
</div>
<!-- OPEN-->
<button type="button" class="collapsible">Zapisani na turniej - OPEN</button>
<div class="collapsibleContent">
<main id="tournament7">
Siemanko
</main>
</div>
<!-- MIKST-->
<button type="button" class="collapsible">Zapisani na turniej - MIKST</button>
<div class="collapsibleContent">
<main id="tournament8">
Hejo
</main>
</div>
</div>
<script type="text/javascript" src="collapsible.js"></script>
</body>
</html>

59
frontend/unlogged_user/_main page/pojedynczy_turniej/zapisy/style.css Normal file
View File

@ -0,0 +1,59 @@
@import "css/li.css";
@import "css/collapsible.css";
@import "css/round.css";
@import "../../../../_global/header.css";
@import "bookmarks.css";
body {
margin: 0;
/*padding: 10px;*/
/*line-height: 1.4em;*/
}
.container {
display: flex;
flex-direction: column;
align-items: center;
flex-flow: row wrap;
height: 100%;
width: 100%;
justify-content: flex-end;
}
main {
display: flex;
flex-direction: row;
}
.form {
/*Alignment*/
margin: auto;
width: 50%;
height: 75vh;
/*Inside*/
padding-left: 40px;
padding-top: 15px;
/*Visual*/
background-color: #FFFFFF;
/*Others*/
justify-content: center;
align-items: center;
}
/*Po zalogowaniu*/
.dot {
height: 30px;
width: 30px;
color: white;
background-color: skyblue;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
}

4
frontend/unlogged_user/_main page/search.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="6" stroke="#AFAFAF"/>
<path d="M20 20L17 17" stroke="#AFAFAF" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 225 B

59
frontend/unlogged_user/_main page/style.css Normal file
View File

@ -0,0 +1,59 @@
@import "../../_global/header.css";
@import "pojedynczy_turniej/css/single_tournament.css";
@import "pojedynczy_turniej/css/settings.css";
/*main*/
body {
margin: 0;
}
header {
margin: 0;
}
.container {
height: 100%;
width: 100%;
display: flex;
justify-content: flex-end;
}
/*2'nd layer*/
.searchBox {
height: auto;
width: 5vh;
float: left;
/*margin-right: 1%;*/
padding: 1%;
border: 1px #AFAFAF solid;
}
.contentBox {
height: 100%;
width: 95%;
float: right;
position: relative;
}
/*3'rd layer*/
.filterBox {
height: 10vh;
width: 100%;
background-color: #C0C0C0;
}
.settingsBox {
height: 5vh;
width: 100%;
border: 1px #AFAFAF solid;
display: flex;
}
/*items*/
.search {
display: block;
margin-left: auto;
margin-right: auto;
}

102
frontend/unlogged_user/app.js Normal file
View File

@ -0,0 +1,102 @@
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 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') {
document.getElementById("creator").style.display = "none";
}
else {
document.getElementById("creator").style.display = '';
}
})
}
else {
document.getElementById("creator").style.display = "none";
}
}
// function creatorVisibility() {
// if (localStorage.getItem("token") == null) {
// document.getElementById("creator").style.display = "none";
// }
// else if (checkRole()) {
// document.getElementById("creator").style.display = "none";
// }
// else {
// document.getElementById("creator").style.display = "";
// }
// }

67
frontend/unlogged_user/index.html Normal file
View File

@ -0,0 +1,67 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Padel Tournaments System</title>
<link href="_main%20page/style.css" rel="stylesheet">
<script type="text/javascript" src="app.js"></script>
</head>
<body onload="renderTournaments();logoutVisibility(); loginVisibility(); checkRole();">
<header>
<div class="logoBox">
<a class="header_link" href="./index.html"><img class="logo" src="../_global/logo.svg" alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit"
onclick="window.location.href='logowanie/index.html'" id="login">LOGOWANIE</button>
<a class="header_link" href="kontakt/index.html">Kontakt</a>
<a class="header_link" href="ranking/index.html">Ranking</a>
<a style="font-weight: bold" class="header_link" href="./index.html">Kalendarz turniejów</a>
<a class="header_link" href="../logged_organiser/panel_organizatora/dodawanie%20turnieju/index.html" id="creator">Tworzenie
turnieju</a>
<button class="loginButton" id="logout" onclick="logout()">Wyloguj</button>
</div>
</header>
<!-- -->
<!-- -->
<!-- -->
<div class="container">
<!-- Filtr -->
<div class="searchBox">
<img src="_main%20page/search.svg" class="search" alt="">
</div>
<!-- -->
<div class="contentBox">
<!-- <div class="filterBox">
</div> -->
<div class="settingsBox">
<div class="settingsWszystkie">WSZYSTKIE</div>
<div class="settingsMoje">MOJE</div>
<!-- <div class="settingsLista">LISTA</div>
<div class="settingsKafle">Kafle</div> -->
</div>
<div class="tournament-list">
</div>
</div>
</div>
</body>
</html>

31
frontend/unlogged_user/kontakt/index.html Normal file
View File

@ -0,0 +1,31 @@
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Padel Tournaments System</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<header>
<div class="logoBox">
<a class="header_link" href="../index.html"><img class="logo" src="../../_global/logo.svg" alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit" onclick="window.location.href='../logowanie/index.html'">LOGOWANIE</button>
<a class="header_link" href="/index.html">Kontakt</a>
<a class="header_link" href="../ranking/index.html">Ranking</a>
<a class="header_link" href="../index.html">Kalendarz turniejów</a>
</div>
</header>
<div class="container">
Kontakt
</div>
</body>
</html>

14
frontend/unlogged_user/kontakt/style.css Normal file
View File

@ -0,0 +1,14 @@
@import "../../_global/header.css";
body {
margin: 0;
}
.container {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
}

77
frontend/unlogged_user/logowanie/app.js Normal file
View File

@ -0,0 +1,77 @@
function checkRole() {
fetch('https://dragonmaster.pl/inz/user', {
headers: {
Authorization: ("Bearer " + localStorage.getItem("token"))
}
})
.then(res => res.json())
.then(json => {
if (json['role'] == '1') {
window.location.href = '../index.html'
}
else {
window.location.href = '../../logged_organiser/panel_organizatora/dodawanie turnieju/index.html'
}
})
}
function login() {
localStorage.clear()
fetch('https://dragonmaster.pl/inz/user/login', {
method: "POST",
headers: {
'Content-type': 'application/json'
},
body: JSON.stringify(
{
"username": document.getElementById("loginusername").value,
"password": document.getElementById("loginpassword").value
}
)
}
)
.then(res => {
if (res.ok) {
// alert("Teraz mozesz się zalogować!")
}
else { console.log("Coś poszło nie tak!") }
return res
})
.then(res => res.json())
.then(data => {
console.log(data['token']?.length > 0 ? localStorage.setItem("token", data['token']) : alert("Błędne dane!"))
checkRole();
})
.catch(error => console.log(error))
}
// function checkRole() {
// fetch('https://dragonmaster.pl/inz/user', {
// method: "GET",
// headers: {
// 'Content-type': 'application/json'
// },
// body: JSON.stringify(
// {
// "token": document.getElementById("loginusername").value,
// "password": document.getElementById("loginpassword").value
// }
// )
// }
// )
// .then(res => {
// if (res.ok) {
// alert("Teraz mozesz się zalogować!")
// }
// else { console.log("Coś poszło nie tak!") }
// return res
// })
// .then(res => res.json())
// .then(data => console.log(data['token']?.length > 0 ? localStorage.setItem("token", data['token']) : 'niedziaua'))
// .catch(error => console.log(error))
// .then(token1 => token = token1)
// }

37
frontend/unlogged_user/logowanie/index.html Normal file
View File

@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Paddle tournament system</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="container">
<div class="form">
<div class="login">
<h2>Logowanie</h2>
<input placeholder="Tutaj wpisz email lub nick" id="loginusername">
<input placeholder="Tutaj wpisz hasło" id="loginpassword">
<br>
<!-- trzeba dać cssy buttonowi bo zmieniłem z form na button -->
<button class="myButton" id="loginsubmit" onclick="login()">
Zaloguj
</button>
<br>
<a href="#">Zapomniałeś hasła?</a>
<br>
<span> Nie masz konta? <a href="rejestracja/index.html">Zajerestruj się</a></span>
</div>
</div>
</div>
<script type="text/javascript" src="app.js"></script>
</body>
</html>

148
frontend/unlogged_user/logowanie/rejestracja/api.js Normal file
View File

@ -0,0 +1,148 @@
var token = "";
document.getElementById("loginButton").addEventListener("click", function () {
document.getElementById("login").style.display = "block";
});
document.getElementById("regButton").addEventListener("click", function () {
document.getElementById("reg").style.display = "block";
});
document.getElementById("registrationButton").addEventListener("click", function () {
document.getElementById("registration").style.display = "block";
});
document.getElementById("checkPaymentButton").addEventListener("click", function () {
document.getElementById("checkStatus").style.display = "block";
});
var registartions = [];
document.getElementById("getRegistartionsButton").addEventListener("click", function () {
document.getElementById("getRegistartions").style.display = "block";
});
document.getElementById("getUserDataButton").addEventListener("click", function () {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
var json = JSON.parse(this.response);
document.getElementById("getUserDataid").innerText = json.id;
document.getElementById("getUserDataname").innerText = json.name;
document.getElementById("getUserDatasurname").innerText = json.surname;
document.getElementById("getUserDatarole").innerText = json.role;
document.getElementById("getUserDatalogin").innerText = json.login;
document.getElementById("getUserDataphone").innerText = json.phone;
document.getElementById("getUserDatamail").innerText = json.mail;
document.getElementById("getUserData").style.display = "block";
} else if (this.readyState == 4) {
alert("something not work :( " + this.status);
}
}
xhttp.open("GET", "/inz/user");
xhttp.setRequestHeader("Authorization", "Bearer " + token);
xhttp.send();
});
document.getElementById("updateUserDataButton").addEventListener("click", function () {
document.getElementById("updateUserData").style.display = "block";
});
document.getElementById("regsubmit").addEventListener("click", function () {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
alert("200 now you can login");
} else if (this.readyState == 4) {
alert("something not work :( " + this.status);
}
}
xhttp.open("PUT", "dragonmaster.pl/inz/user/create");
xhttp.send('{"username":"' + document.getElementById("regusername").value + '","name":"' + document.getElementById("regname").value + '","surname":"' + document.getElementById("regsurname").value + '","password":"' + document.getElementById("regpassword").value + '","mail":"' + document.getElementById("regmail").value + '","phone":"' + document.getElementById("regphone").value + '"}');
});
document.getElementById("loginsubmit").addEventListener("click", function () {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
alert("logged in");
token = JSON.parse(this.response).token;
document.getElementById("loginarea").style.display = "none";
document.getElementById("other").style.display = "block";
} else if (this.readyState == 4) {
alert("something not work :( " + this.status);
}
}
xhttp.open("POST", "/inz/user/login");
xhttp.send('{"username":"' + document.getElementById("loginusername").value + '","password":"' + document.getElementById("loginpassword").value + '"}');
});
document.getElementById("registrationsubmit").addEventListener("click", function () {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("registrationretu").innerText = JSON.parse(this.response).id;
if (document.getElementById("registrationpaymentmethod").value == "btc") {
var splited = JSON.parse(this.response).url.split("/");
window.btcpay.showInvoice(splited[splited.length - 1]);
}
} else if (this.readyState == 4) {
alert("something not work :( " + this.status);
}
}
xhttp.open("PUT", "/inz/registration");
xhttp.setRequestHeader("Authorization", "Bearer " + token);
xhttp.send('{"paymentmethod":"' + document.getElementById("registrationpaymentmethod").value + '","tournament":"' + document.getElementById("registrationtournament").value + '","partner":"' + document.getElementById("registrationpartner").value + '"}');
});
document.getElementById("checkStatussubmit").addEventListener("click", function () {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("checkStatusretu").innerText = JSON.parse(this.response).status;
} else if (this.readyState == 4) {
alert("something not work :( " + this.status);
}
}
xhttp.open("GET", "/inz/registration/paymentstatus?id=" + document.getElementById("checkStatusid").value);
xhttp.setRequestHeader("Authorization", "Bearer " + token);
xhttp.send();
});
document.getElementById("getRegistartionsSubmit").addEventListener("click", function () {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
registartions = JSON.parse(this.response);
document.getElementById("getRegistartionsid").innerText = registartions[0].id;
document.getElementById("getRegistartionsuserid").innerText = registartions[0].userid;
document.getElementById("getRegistartionstournamentid").innerText = registartions[0].tournamentid;
document.getElementById("getRegistartionspaymenttype").innerText = registartions[0].paymenttype;
document.getElementById("getRegistartionspaymentstatus").innerText = registartions[0].paymentstatus;
document.getElementById("getRegistartionsapprovals").innerText = registartions[0].approval;
} else if (this.readyState == 4) {
alert("something not work :( " + this.status);
}
}
xhttp.open("GET", "/inz/registrations?id=" + document.getElementById("getRegistartionsiid").value);
xhttp.setRequestHeader("Authorization", "Bearer " + token);
xhttp.send();
cur = 0;
});
var cur = 0;
document.getElementById("getRegistartionsNext").addEventListener("click", function () {
cur = cur + 1;
document.getElementById("getRegistartionsid").innerText = registartions[cur].id;
document.getElementById("getRegistartionsuserid").innerText = registartions[cur].userid;
document.getElementById("getRegistartionstournamentid").innerText = registartions[cur].tournamentid;
document.getElementById("getRegistartionspaymenttype").innerText = registartions[cur].paymenttype;
document.getElementById("getRegistartionspaymentstatus").innerText = registartions[cur].paymentstatus;
document.getElementById("getRegistartionsapprovals").innerText = registartions[cur].approval;
});
document.getElementById("updatesubmit").addEventListener("click", function () {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function () {
if (this.readyState == 4 && this.status == 200) {
alert("200 updated");
} else if (this.readyState == 4) {
alert("something not work :( " + this.status);
}
}
xhttp.open("POST", "/inz/user");
xhttp.setRequestHeader("Authorization", "Bearer " + token);
xhttp.send('{"name":"' + document.getElementById("updatename").value + '","surname":"' + document.getElementById("updatesurname").value + '","password":"' + document.getElementById("updatepassword").value + '","mail":"' + document.getElementById("updatemail").value + '","phone":"' + document.getElementById("updatephone").value + '"}');
});

64
frontend/unlogged_user/logowanie/rejestracja/index.html Normal file
View File

@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Padel Tournaments System</title>
<link href="style.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css" />
</head>
<body>
<div class="container">
<div class="form">
<div class="register">
<h2>Rejestracja</h2>
<input placeholder="Imię" id="regname">
<span class="icon-dice"></span>
<input placeholder="Nazwisko" id="regsurname">
<br>
<img src="src/person.svg">
<input placeholder="Login" id="regusername">
<br>
<img src="src/mail.svg">
<input placeholder="Email" id="regmail">
<br>
<img src="src/phone.svg">
<input placeholder="Telefon" id="regphone">
<br>
<img src="src/lock.svg">
<input placeholder="Hasło" type="password" id="regpassword" name="password">
<i class="bi bi-eye-slash" id="togglePassword"></i>
<br>
<img src="src/lock.svg">
<input placeholder="Potwierdź hasło" type="password" id="password2" name="password">
<i class="bi bi-eye-slash" id="togglePassword2"></i>
<button class="myButton" id="regsubmit" onclick="register()">
Zajerestruj
</button>
<br>
<a href="#">Zapomniałeś hasła?</a>
<br>
<span> Masz już konto? <a href="../index.html">Zaloguj się</a></span>
</div>
</div>
</div>
<script type="text/javascript" src="myscript.js"></script>
</body>
</html>

44
frontend/unlogged_user/logowanie/rejestracja/myscript.js Normal file
View File

@ -0,0 +1,44 @@
//Password toggle
const togglePassword = document.querySelector("#togglePassword");
const password = document.querySelector("#regpassword");
togglePassword.addEventListener("click", function () {
// toggle the type attribute
const type = password.getAttribute("type") === "password" ? "text" : "password";
password.setAttribute("type", type);
// toggle the icon
this.classList.toggle("bi-eye");
});
function register() {
fetch('https://dragonmaster.pl/inz/user/create', {
method: "PUT",
headers: {
'Content-type': 'application/json'
},
body: JSON.stringify(
{
"username": document.getElementById("regusername").value,
"name": document.getElementById("regname").value,
"surname": document.getElementById("regsurname").value,
"password": document.getElementById("regpassword").value,
"mail": document.getElementById("regmail").value,
"phone": document.getElementById("regphone").value
}
)
}
)
.then(res => {
if (res.ok) {
alert("Teraz mozesz się zalogować!")
window.location.href = '../index.html'
}
else { console.log("Coś poszło nie tak!") }
return res
})
.then(res => res.json())
.then(data => console.log(data))
.catch(error => console.log(error))
}

5
frontend/unlogged_user/logowanie/rejestracja/src/lock.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17 22H7C3 22 2 21 2 17V15C2 11 3 10 7 10H17C21 10 22 11 22 15V17C22 21 21 22 17 22Z" stroke="#AFAFAF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M6 10V8C6 4.69 7 2 12 2C16.5 2 18 4 18 7" stroke="#AFAFAF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 18.5C13.3807 18.5 14.5 17.3807 14.5 16C14.5 14.6193 13.3807 13.5 12 13.5C10.6193 13.5 9.5 14.6193 9.5 16C9.5 17.3807 10.6193 18.5 12 18.5Z" stroke="#AFAFAF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 669 B

3
frontend/unlogged_user/logowanie/rejestracja/src/mail.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.0132 9.15129C3 9.69022 3 10.3021 3 11V13C3 15.8284 3 17.2426 3.87868 18.1213C4.75736 19 6.17157 19 9 19H15C17.8284 19 19.2426 19 20.1213 18.1213C21 17.2426 21 15.8284 21 13V11C21 10.3021 21 9.69022 20.9868 9.15129L12.9713 13.6044C12.3672 13.9399 11.6328 13.9399 11.0287 13.6044L3.0132 9.15129ZM3.24297 7.02971C3.32584 7.05052 3.4074 7.08237 3.48564 7.12584L12 11.856L20.5144 7.12584C20.5926 7.08237 20.6742 7.05052 20.757 7.02971C20.6271 6.55619 20.4276 6.18491 20.1213 5.87868C19.2426 5 17.8284 5 15 5H9C6.17157 5 4.75736 5 3.87868 5.87868C3.57245 6.18491 3.37294 6.55619 3.24297 7.02971Z" fill="#AFAFAF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 767 B

BIN
frontend/unlogged_user/logowanie/rejestracja/src/mezczyzna_padel.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

4
frontend/unlogged_user/logowanie/rejestracja/src/person.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.6515 20.4054C20.2043 20.2902 20.5336 19.7117 20.2589 19.2183C19.6533 18.1307 18.6993 17.1749 17.4788 16.4465C15.907 15.5085 13.9812 15 12 15C10.0188 15 8.09292 15.5085 6.52112 16.4465C5.30069 17.1749 4.34666 18.1307 3.74108 19.2183C3.46638 19.7117 3.79562 20.2902 4.34843 20.4054C9.39524 21.4572 14.6047 21.4572 19.6515 20.4054Z" fill="#AFAFAF"/>
<circle cx="12" cy="8" r="5" fill="#AFAFAF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 517 B

3
frontend/unlogged_user/logowanie/rejestracja/src/phone.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.67962 3.32038L7.29289 2.70711C7.68342 2.31658 8.31658 2.31658 8.70711 2.70711L11.2929 5.29289C11.6834 5.68342 11.6834 6.31658 11.2929 6.70711L9.50048 8.49952C9.2016 8.7984 9.1275 9.255 9.31653 9.63307C10.4093 11.8186 12.1814 13.5907 14.3669 14.6835C14.745 14.8725 15.2016 14.7984 15.5005 14.4995L17.2929 12.7071C17.6834 12.3166 18.3166 12.3166 18.7071 12.7071L21.2929 15.2929C21.6834 15.6834 21.6834 16.3166 21.2929 16.7071L20.6796 17.3204C18.5683 19.4317 15.2257 19.6693 12.837 17.8777L11.6286 16.9714C9.88504 15.6638 8.33622 14.115 7.02857 12.3714L6.12226 11.163C4.33072 8.7743 4.56827 5.43173 6.67962 3.32038Z" fill="#AFAFAF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 750 B

61
frontend/unlogged_user/logowanie/rejestracja/style.css Normal file
View File

@ -0,0 +1,61 @@
html {
background-image: url(src/mezczyzna_padel.jpg);
background-attachment: fixed;
background-size: cover;
}
.container {
display: flex;
height: 100vh;
justify-content: center;
align-items: center;
}
.form {
width: 50%;
height: 40%;
background-color: #EBEBEB;
display: flex;
;
justify-content: center;
align-items: center;
}
.myButton {
background-color: #14A6F9;
border-radius: 28px;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: Arial;
font-size: 12px;
padding: 5px 15px;
width: 50%;
align-content: center;
}
/* -----
SVG Icons - svgicons.sparkk.fr
----- */
.svg-icon {
width: 1em;
height: 1em;
/*background-color: #EBEBEB;*/
}
.svg-icon path,
.svg-icon polygon,
.svg-icon rect {
fill: #4691f6;
}
.svg-icon circle {
stroke: #4691f6;
stroke-width: 1;
}
form i {
margin-left: -30px;
cursor: pointer;
}

58
frontend/unlogged_user/logowanie/style.css Normal file
View File

@ -0,0 +1,58 @@
/* * {
border: 2px solid red;
padding: 0;
margin: 0;
} */
input {
text-align: left;
}
html {
background-image: url(tlo_logowanie.png);
background-attachment: fixed;
background-size: cover;
}
* {
/* border: 2px solid red; */
box-sizing: border-box;
text-align: center;
}
.form {
width: 50%;
height: 40%;
background-color: #EBEBEB;
display: flex;
;
justify-content: center;
align-items: center;
}
.login {
width: 40%;
display: flex;
flex-direction: column;
}
.container {
display: flex;
height: 100vh;
justify-content: center;
align-items: center;
}
.myButton {
background-color: #14A6F9;
border-radius: 28px;
display: inline-block;
cursor: pointer;
color: #ffffff;
font-family: Arial;
font-size: 12px;
padding: 5px 15px;
width: 50%;
}

BIN
frontend/unlogged_user/logowanie/tlo_logowanie.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 7.1 MiB

31
frontend/unlogged_user/ranking/index.html Normal file
View File

@ -0,0 +1,31 @@
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Padel Tournaments System</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<header>
<div class="logoBox">
<a class="header_link" href="../index.html"><img class="logo" src="../../_global/logo.svg" alt="Logo error"></a>
</div>
<div class="linkBox">
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit" onclick="window.location.href='../logowanie/index.html'">LOGOWANIE</button>
<a class="header_link" href="../kontakt/index.html">Kontakt</a>
<a class="header_link" href="/index.html">Ranking</a>
<a class="header_link" href="../index.html">Kalendarz turniejów</a>
</div>
</header>
<div class="container">
Ranking
</div>
</body>
</html>

14
frontend/unlogged_user/ranking/style.css Normal file
View File

@ -0,0 +1,14 @@
@import "../../_global/header.css";
body {
margin: 0;
}
.container {
height: 100%;
width: 100%;
display: flex;
justify-content: center;
}