style: Ekrany edycji i dodawania turnieju - poprawiona zgodność z makietami

This commit is contained in:
Lewy 2022-06-14 22:51:00 +02:00
parent 136fdc17d5
commit a161d6cd75
112 changed files with 411 additions and 3039 deletions

View File

@ -2,8 +2,7 @@
header {
/*Box alignment*/
display: flex;
margin: auto auto 1%;
/*height: 8vh;*/
margin: auto;
/*Content alignment*/
flex-flow: row wrap;
@ -13,7 +12,6 @@ header {
/*Visual*/
background-color: #FFFFFF;
/* border-bottom: 1px solid #333333; */
}

View File

@ -1,104 +0,0 @@
@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;*/
/*}*/

View File

@ -1,104 +0,0 @@
@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;*/
/*}*/

View File

@ -1,192 +0,0 @@
<html>
<head>
<title>Padel Tournaments System</title>
<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="style.css" type="text/css" media="screen" charset="utf-8">
</head>
<body>
<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'">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>
<div class="container">
<div class="tournametns_add">
<style scoped>
ul {
margin: 0;
padding: 0;
}
li * {
float: left;
}
li,
h3 {
clear: both;
list-style: none;
}
input,
button {
outline: none;
}
button.edit {
padding: 10px;
}
button.delete {
padding: 10px;
}
button {
background: none;
border: 0px;
color: #888;
font-size: 15px;
width: 60px;
font-family: Lato, sans-serif;
cursor: pointer;
}
button:hover {
color: #333;
}
h3,
label[for='new-task'] {
color: gray;
font-weight: 700;
font-size: 15px;
border-bottom: 2px solid #333;
padding: 30px 0 10px;
margin: 0;
text-transform: uppercase;
}
input[type="text"] {
margin: 0;
font-size: 18px;
line-height: 18px;
height: 18px;
padding: 10px;
border: 1px solid #ddd;
background: #fff;
border-radius: 6px;
font-family: Lato, sans-serif;
color: #888;
}
input[type="text"]:focus {
color: #333;
}
/* Nowy turniej */
label[for='new-task'] {
display: block;
margin: 0 0 20px;
}
input#new-task {
float: left;
width: 318px;
}
p>button:hover {
color: #0FC57C;
}
/*lista turniejów*/
li {
overflow: hidden;
padding: 20px 0;
border-bottom: 1px solid lightblue;
}
li>input[type="checkbox"] {
margin: 0 10px;
position: relative;
top: 15px;
}
li>label {
font-size: 18px;
line-height: 40px;
width: 237px;
padding: 0 0 0 11px;
}
li>input[type="text"] {
width: 226px;
}
li>.delete:hover {
color: #CF2323;
}
ul li input[type=text] {
display: none;
}
ul li.editMode input[type=text] {
display: block;
}
ul li.editMode label {
display: none;
}
</style>
<p>
<label for="new-task">Dodawanie turnieju</label>
<input id="new-task" type="text">
<button>Dodaj</button>
</p>
<h3>Turnieje</h3>
<ul id="incomplete-tasks">
<li>
<input type="checkbox">
<label>Turniej w Rzeszowie</label>
<input type="text">
<button class="edit">Edytuj</button>
<button class="delete">Usuń</button>
</li>
<li class="editMode">
<input type="checkbox">
<label>Turniej w Łodzi</label>
<input type="text" value="Turniej w">
<button class="edit">Edytuj</button>
<button class="delete">Usuń</button>
</li>
</ul>
<h3>Rankingowe</h3>
<ul id="completed-tasks">
<li>
<input type="checkbox" checked="">
<label>Turniej w Warszawie</label>
<input type="text">
<button class="edit">Edycja</button>
<button class="delete">Usuń</button>
</li>
</ul>
</div>
</div>
</body>
<script type="text/javascript" src="myscript.js"></script>
</html>

View File

@ -1,154 +0,0 @@
//Problem: user interaction doesn't provide desired results
//Solution: add interactivity so the user can manage daily tasks.
var taskInput = document.getElementById("new-task"); // new-task
var addButton = document.getElementsByTagName("button")[0];//first button
var incompleteTasksHolder = document.getElementById("incomplete-tasks"); //incomplete-tasks
var completedTasksHolder = document.getElementById("completed-tasks"); //completed-tasks
//New Task List item
var createNewTaskElement = function (taskString) {
// create List Item
var listItem = document.createElement("li");
// input checkbox
var checkBox = document.createElement("input");
// label
var label = document.createElement("label");
// input (text)
var editInput = document.createElement("input");
// button.edit
var editButton = document.createElement("button");
// button.delete
var deleteButton = document.createElement("button");
//Each element needs modified
checkBox.type = "checkBox";
editInput.type = "text";
editButton.innerText = "Edytuj";
editButton.className = "edit";
deleteButton.innerText = "Usuń";
deleteButton.className = "delete";
label.innerText = taskString;
// Each element needs appending
listItem.appendChild(checkBox);
listItem.appendChild(label);
listItem.appendChild(editInput);
listItem.appendChild(editButton);
listItem.appendChild(deleteButton);
return listItem;
}
//Add a new task
var addTask = function () {
console.log("Add Task...");
//Create a new list item with the text from the #new-task:
var listItem = createNewTaskElement(taskInput.value);
//Append listItem to incompleteTaskHolder
incompleteTasksHolder.appendChild(listItem);
bindTaskEvents(listItem, taskCompleted);
taskInput.value = "";
}
//Edit an existing task
var editTask = function () {
console.log("Edit Task...");
var listItem = this.parentNode;
var editInput = listItem.querySelector("input[type=text]");
var label = listItem.querySelector("label");
var containsClass = listItem.classList.contains("editMode");
// if class of the parent is .editMode
if (containsClass) {
//Switch from .editMode
//label text become the input's value
label.innerText = editInput.value;
} else {
//Switch to .editMode
//input value becomes the labels text
editInput.value = label.innerText;
}
//Toggle .editMode on the parent
listItem.classList.toggle("editMode");
}
//Delete an existing task
var deleteTask = function () {
console.log("Delete Task...");
//Remove the parent list item from the ul
var listItem = this.parentNode;
var ul = listItem.parentNode;
ul.removeChild(listItem);
}
//Mark a task as complete
var taskCompleted = function () {
console.log("Task Complete...");
//When the Checkbox is checked
//Append the task list item to the #completed-tasks ul
var listItem = this.parentNode;
completedTasksHolder.appendChild(listItem);
bindTaskEvents(listItem, taskIncomplete);
}
//Mark a task as incomplete
var taskIncomplete = function () {
console.log("Task Incomplete...");
//When the checkbox is unchecked appendTo #incomplete-tasks
var listItem = this.parentNode;
incompleteTasksHolder.appendChild(listItem);
bindTaskEvents(listItem, taskCompleted);
}
//Set the click handler to the addTask function
addButton.addEventListener("click", addTask);
var bindTaskEvents = function (taskListItem, checkBoxEventHandler) {
console.log("Bind List item events");
// select listitems chidlren
var checkBox = taskListItem.querySelector('input[type="checkbox"]');
var editButton = taskListItem.querySelector("button.edit");
var deleteButton = taskListItem.querySelector("button.delete");
//bind editTask to edit button
editButton.onclick = editTask;
//bind deleteTask to delete button
deleteButton.onclick = deleteTask;
//bind checkBoxEventHandler to checkbox
checkBox.onchange = checkBoxEventHandler;
}
//cycle over incompleteTaskHolder ul list items
for (var i = 0; i < incompleteTasksHolder.children.length; i++) {
//bind events to list item's children (taskCompleted)
bindTaskEvents(incompleteTasksHolder.children[i], taskCompleted);
}
//cycle over completedTaskHolder ul list items
for (var i = 0; i < completedTasksHolder.children.length; i++) {
//bind events to list item's children (taskCompleted)
bindTaskEvents(completedTasksHolder.children[i], taskIncomplete);
}

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;
}

View File

@ -1,621 +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 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>

View File

@ -1,37 +0,0 @@
@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;
}

View File

@ -1,66 +0,0 @@
<!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>

View File

@ -1,76 +0,0 @@
@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;
}

View File

@ -1,63 +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 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>

View File

@ -1,59 +0,0 @@
@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;
}

View File

@ -1,59 +0,0 @@
@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;
}

View File

@ -1,102 +0,0 @@
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 = "";
// }
// }

View File

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

View File

@ -1,77 +0,0 @@
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)
// }

View File

@ -1,37 +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>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>

View File

@ -1,64 +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">
<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>

View File

@ -1,44 +0,0 @@
//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))
}

View File

@ -1,61 +0,0 @@
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;
}

View File

@ -1,58 +0,0 @@
/* * {
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%;
}

View File

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

View File

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

Before

Width:  |  Height:  |  Size: 651 KiB

After

Width:  |  Height:  |  Size: 651 KiB

View File

@ -36,6 +36,7 @@
width: 90%;
height: 100%;
float: right;
position: relative;
}
.tournamentData {
@ -56,6 +57,8 @@
padding: 6px 15px;
gap: 10px;
margin-top: 1%;
/*position: absolute;*/
width: 73px;
height: 29px;

View File

@ -33,7 +33,7 @@
<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="#">Drabinka</a></li>
</ul>
</nav>
</div>

View File

@ -50,7 +50,7 @@
<div class="bookmarks">
<nav>
<ul>
<li><a href="./index.html">Informacje</a></li>
<li><a href="#">Informacje</a></li>
<li><a href="zapisy/index.html">Zapisy</a></li>
<li><a href="drabinka/index.html">Drabinka</a></li>
</ul>

View File

@ -32,7 +32,7 @@
<nav>
<ul>
<li><a href="../index.html">Informacje</a></li>
<li><a href="../zapisy/index.html">Zapisy</a></li>
<li><a href="#">Zapisy</a></li>
<li><a href="../drabinka/index.html">Drabinka</a></li>
</ul>
</nav>

View File

Before

Width:  |  Height:  |  Size: 225 B

After

Width:  |  Height:  |  Size: 225 B

View File

@ -58,3 +58,10 @@ header {
margin-left: auto;
margin-right: auto;
}
.dots {
float: right;
position: absolute;
right: 1%;
margin-top: 1%;
}

View File

@ -25,9 +25,13 @@ async function renderTournaments() {
<h4>${tournament.name}</h4>
${tournament.place}
${tournament.from} do ${tournament.to}
<button class="tournamentOpen">OPEN</button>
</div>
</div>
<img class="dots" src="src/trash.svg">
</div>
`;
html += htmlSegment;

View File

@ -19,12 +19,14 @@
<!-- <span class="dot">JM</span>-->
<button class="loginButton" type="submit"
onclick="window.location.href='logowanie/index.html'" id="login">LOGOWANIE</button>
<button class="loginButton" id="logout" onclick="logout()">Wyloguj</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
<a class="header_link" href="../panel_organizatora/dodawanie%20turnieju/index.html" id="creator">Tworzenie
turnieju</a>
<button class="loginButton" id="logout" onclick="logout()">Wyloguj</button>
</div>
</header>

View File

@ -12,7 +12,7 @@ function checkRole() {
window.location.href = '../index.html'
}
else {
window.location.href = '../../logged_organiser/panel_organizatora/dodawanie turnieju/index.html'
window.location.href = '../../panel_organizatora/dodawanie turnieju/index.html'
}
})

View File

@ -14,6 +14,7 @@
<div class="form">
<div class="login_header">
<img src="../../_global/logo.svg" alt="">
<a href="../index.html"><img src="src/x.svg" id="closelog"></a>
</div>
<div class="loginBox">

View File

@ -17,6 +17,7 @@
<div class="reg_header">
<img class="logoImg" src="../../../_global/logo.svg" alt="">
<a href="../../index.html"><img src="../src/x.svg" id="closelog" alt=""></a>
</div>
<div class="registerBox">
@ -30,28 +31,28 @@
</div>
<div class="loginBox">
<img class="personImg" src="src/person.svg" alt="">
<img class="personImg" src="../src/person.svg" alt="">
<label>
<input class="loginForm" placeholder="Login" id="regusername">
</label>
</div>
<div class="emailBox">
<img class="emailImg" src="src/mail.svg" alt="">
<img class="emailImg" src="../src/mail.svg" alt="">
<label>
<input class="emailForm" placeholder="Email" id="regmail">
</label>
</div>
<div class="phoneBox">
<img class="phoneImg" src="src/phone.svg" alt="">
<img class="phoneImg" src="../src/phone.svg" alt="">
<label>
<input class="phoneForm" placeholder="Telefon" id="regphone">
</label>
</div>
<div class="passBox">
<img class="passImg" src="src/lock.svg" alt="">
<img class="passImg" src="../src/lock.svg" alt="">
<label>
<input class="passForm" placeholder="Hasło" type="password" id="regpassword" name="password">
@ -61,7 +62,7 @@
</div>
<div class="passBox">
<img class="passImg" src="src/lock.svg" alt="">
<img class="passImg" src="../src/lock.svg" alt="">
<label>
<input class="passForm" placeholder="Hasło" type="password" id="regpassword2" name="password">
@ -84,7 +85,7 @@
</div>
<script type="text/javascript" src="myscript.js"></script>
<script type="text/javascript" src="toggle.js"></script>
<script type="text/javascript" src="../js/toggle.js"></script>
</body>

View File

@ -1,9 +1,9 @@
@import "../../../_global/style.css";
@import "css/register_form.css";
@import "../css/register_form.css";
/*Layer 0*/
html {
background-image: url(src/mezczyzna_padel.jpg);
background-image: url(../src/mezczyzna_padel.jpg);
background-attachment: fixed;
background-size: cover;
@ -26,7 +26,7 @@ html {
/*Layer 2*/
.form {
width: 50%;
width: 40%;
height: 60%;
background-color: #EBEBEB;
display: flex;
@ -51,7 +51,7 @@ html {
}
.registerBox {
width: 60%;
width: 50%;
height: 60%;
display: flex;
flex-direction: column;
@ -118,3 +118,7 @@ a:hover {
a:active {
color: #000000;
}
#closelog {
float: right;
}

View File

Before

Width:  |  Height:  |  Size: 669 B

After

Width:  |  Height:  |  Size: 669 B

View File

Before

Width:  |  Height:  |  Size: 767 B

After

Width:  |  Height:  |  Size: 767 B

View File

Before

Width:  |  Height:  |  Size: 1.6 MiB

After

Width:  |  Height:  |  Size: 1.6 MiB

View File

Before

Width:  |  Height:  |  Size: 517 B

After

Width:  |  Height:  |  Size: 517 B

View File

Before

Width:  |  Height:  |  Size: 750 B

After

Width:  |  Height:  |  Size: 750 B

View File

Before

Width:  |  Height:  |  Size: 7.1 MiB

After

Width:  |  Height:  |  Size: 7.1 MiB

View File

@ -0,0 +1,5 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="40" height="40" fill="white"/>
<path d="M30 10L10 30" stroke="#282828" stroke-opacity="0.9" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M10 10L30 30" stroke="#282828" stroke-opacity="0.9" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
</svg>

After

Width:  |  Height:  |  Size: 413 B

View File

@ -2,7 +2,7 @@
/*Layer 0*/
html {
background-image: url(tlo_logowanie.png);
background-image: url(src/tlo_logowanie.png);
background-attachment: fixed;
background-size: cover;
@ -125,3 +125,6 @@ a:active {
color: #000000;
}
#closelog {
float: right;
}

View File

Before

Width:  |  Height:  |  Size: 1.4 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -0,0 +1,8 @@
<svg width="42" height="42" viewBox="0 0 42 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="mask0_572_4035" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="42" height="42">
<rect width="42" height="42" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_572_4035)">
<path d="M21 35C20.0375 35 19.2138 34.6576 18.529 33.9728C17.843 33.2868 17.5 32.4625 17.5 31.5C17.5 30.5375 17.843 29.7132 18.529 29.0272C19.2138 28.3424 20.0375 28 21 28C21.9625 28 22.7868 28.3424 23.4728 29.0272C24.1576 29.7132 24.5 30.5375 24.5 31.5C24.5 32.4625 24.1576 33.2868 23.4728 33.9728C22.7868 34.6576 21.9625 35 21 35ZM21 24.5C20.0375 24.5 19.2138 24.157 18.529 23.471C17.843 22.7862 17.5 21.9625 17.5 21C17.5 20.0375 17.843 19.2132 18.529 18.5272C19.2138 17.8424 20.0375 17.5 21 17.5C21.9625 17.5 22.7868 17.8424 23.4728 18.5272C24.1576 19.2132 24.5 20.0375 24.5 21C24.5 21.9625 24.1576 22.7862 23.4728 23.471C22.7868 24.157 21.9625 24.5 21 24.5ZM21 14C20.0375 14 19.2138 13.657 18.529 12.971C17.843 12.2862 17.5 11.4625 17.5 10.5C17.5 9.5375 17.843 8.71383 18.529 8.029C19.2138 7.343 20.0375 7 21 7C21.9625 7 22.7868 7.343 23.4728 8.029C24.1576 8.71383 24.5 9.5375 24.5 10.5C24.5 11.4625 24.1576 12.2862 23.4728 12.971C22.7868 13.657 21.9625 14 21 14Z" fill="#AFAFAF"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

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>

After

Width:  |  Height:  |  Size: 1.4 KiB

View File

@ -0,0 +1,35 @@
.cancelButton {
/*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;
}
.submitButton {
/*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;
}

View File

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
@ -8,32 +9,34 @@
<title>Padel Tournaments System</title>
<link href="style.css" rel="stylesheet">
<script type="text/javascript" src="app.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css"/>
</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"
<a class="header_link" href="../../normal_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'"
<button class="loginButton" type="submit" onclick="window.location.href='../../normal_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>
<button class="loginButton" id="logout" onclick="logout()">Wyloguj</button>
<a class="header_link" href="../../normal_user/kontakt/index.html">Kontakt</a>
<a class="header_link" href="../../normal_user/ranking/index.html">Ranking</a>
<a class="header_link" href="../../normal_user/index.html">Kalendarz turniejów</a>
</div>
</header>
<!-- TODO sztuczny padding-->
<div> .</div>
<div> .</div>
<div class="container">
<div class="title">
Dodawanie turnieju
</div>
<div class="form">
<div class="title">Edycja turnieju</div>
<h3 class="descriptor">Nazwa Turnieju</h3>
<label>
@ -89,28 +92,38 @@
<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()">
<div class="binaryButtonsBox">
Widoczność turnieju
<div class="pretty p-switch p-fill" style="margin-left: 5%">
<input type="checkbox" />
<div class="state p-success">
<label></label>
</div>
</div>
</div>
<div class="binaryButtonsBox2">
Rankingowość turnieju
<div class="pretty p-switch p-fill" style="margin-left: 5%">
<input type="checkbox" />
<div class="state p-success">
<label></label>
</div>
</div>
</div>
<button class="cancelButton" type="button" id="cancel" onclick="">Anuluj</button>
<button class="submitButton" type="submit" id="tournamentsubmit" onclick="createTournament()">
Załóż turniej
</button>
<!-- </div>-->
</div>
</div>

View File

@ -0,0 +1,107 @@
@import "../../_global/header.css";
@import "../../_global/style.css";
@import "../css/buttons.css";
@import '~pretty-checkbox/src/pretty-checkbox.scss';
/*0 layer*/
body {
background-color: #EBEBEB;
margin: 0;
}
/*1'st layer*/
.container {
height: 100%;
width: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: auto;
flex-wrap: wrap;
}
/*2'nd layer*/
.title {
width: 100%;
text-align: center;
font-size: 28px;
font-family: 'Montserrat', serif;
font-style: normal;
color: #282828;
font-weight: 600;
margin-top: 2%;
margin-bottom: 2%;
}
.form {
/*Alignment*/
margin: auto;
width: 100%;
height: 100vh;
/*Inside*/
padding: 3% 5%;
/*Visual*/
background-color: #FFFFFF;
/*Others*/
justify-content: center;
align-items: center;
}
/*Elements*/
.descriptor {
/* Alignment */
margin-bottom: 0.5%;
margin-top: 2%;
/* Text */
font-family: 'Montserrat', serif;
font-size: 20px;
color: #828282;
}
.binaryButtonsBox {
width: 100%;
float: left;
/* Alignment */
margin-bottom: 0.5%;
margin-top: 2%;
/*display: flex;*/
align-items: center;
/* Text */
font-family: 'Montserrat', serif;
font-size: 20px;
font-weight: 600;
color: #828282;
}
.binaryButtonsBox2 {
width: 100%;
float: left;
/* Alignment */
margin-bottom: 4%;
margin-top: 1%;
/*display: flex;*/
align-items: center;
/* Text */
font-family: 'Montserrat', serif;
font-size: 20px;
font-weight: 600;
color: #828282;
}
.state {
/*background-color: #0B4D39;*/
}

View File

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html">
<html lang="en" xmlns="http://www.w3.org/1999/html" xmlns="http://www.w3.org/1999/html"
xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
@ -8,32 +9,34 @@
<title>Padel Tournaments System</title>
<link href="style.css" rel="stylesheet">
<script type="text/javascript" src="app.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css"/>
</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"
<a class="header_link" href="../../normal_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'"
<button class="loginButton" type="submit" onclick="window.location.href='../../normal_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>
<button class="loginButton" id="logout" onclick="logout()">Wyloguj</button>
<a class="header_link" href="../../normal_user/kontakt/index.html">Kontakt</a>
<a class="header_link" href="../../normal_user/ranking/index.html">Ranking</a>
<a class="header_link" href="../../normal_user/index.html">Kalendarz turniejów</a>
</div>
</header>
<!-- TODO sztuczny padding-->
<div> .</div>
<div> .</div>
<div class="container">
<div class="title">
Edycja turnieju
</div>
<div class="form">
<div class="title">Dodawanie turnieju</div>
<h3 class="descriptor">Nazwa Turnieju</h3>
<label>
@ -89,28 +92,38 @@
<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()">
<div class="binaryButtonsBox">
Widoczność turnieju
<div class="pretty p-switch p-fill" style="margin-left: 5%">
<input type="checkbox" />
<div class="state p-success">
<label></label>
</div>
</div>
</div>
<div class="binaryButtonsBox2">
Rankingowość turnieju
<div class="pretty p-switch p-fill" style="margin-left: 5%">
<input type="checkbox" />
<div class="state p-success">
<label></label>
</div>
</div>
</div>
<button class="cancelButton" type="button" id="cancel" onclick="">Anuluj</button>
<button class="submitButton" type="submit" id="tournamentsubmit" onclick="createTournament()">
Załóż turniej
</button>
<!-- </div>-->
</div>
</div>

View File

@ -0,0 +1,107 @@
@import "../../_global/header.css";
@import "../../_global/style.css";
@import "../css/buttons.css";
@import '~pretty-checkbox/src/pretty-checkbox.scss';
/*0 layer*/
body {
background-color: #EBEBEB;
margin: 0;
}
/*1'st layer*/
.container {
height: 100%;
width: 50%;
display: flex;
justify-content: center;
align-items: center;
margin: auto;
flex-wrap: wrap;
}
/*2'nd layer*/
.title {
width: 100%;
text-align: center;
font-size: 28px;
font-family: 'Montserrat', serif;
font-style: normal;
color: #282828;
font-weight: 600;
margin-top: 2%;
margin-bottom: 2%;
}
.form {
/*Alignment*/
margin: auto;
width: 100%;
height: 100vh;
/*Inside*/
padding: 3% 5%;
/*Visual*/
background-color: #FFFFFF;
/*Others*/
justify-content: center;
align-items: center;
}
/*Elements*/
.descriptor {
/* Alignment */
margin-bottom: 0.5%;
margin-top: 2%;
/* Text */
font-family: 'Montserrat', serif;
font-size: 20px;
color: #828282;
}
.binaryButtonsBox {
width: 100%;
float: left;
/* Alignment */
margin-bottom: 0.5%;
margin-top: 2%;
/*display: flex;*/
align-items: center;
/* Text */
font-family: 'Montserrat', serif;
font-size: 20px;
font-weight: 600;
color: #828282;
}
.binaryButtonsBox2 {
width: 100%;
float: left;
/* Alignment */
margin-bottom: 4%;
margin-top: 1%;
/*display: flex;*/
align-items: center;
/* Text */
font-family: 'Montserrat', serif;
font-size: 20px;
font-weight: 600;
color: #828282;
}
.state {
/*background-color: #0B4D39;*/
}

View File

@ -1,8 +0,0 @@
<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>

Before

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -1,62 +0,0 @@
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;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 651 KiB

View File

@ -1,35 +0,0 @@
.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;
}

View File

@ -1,71 +0,0 @@
.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;
}

View File

@ -1,66 +0,0 @@
/*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;
}

View File

@ -1,14 +0,0 @@
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";
}
});
}

View File

@ -1,37 +0,0 @@
/*##################*/
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;
}

View File

@ -1,51 +0,0 @@
/*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;
}

View File

@ -1,39 +0,0 @@
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;
}

View File

@ -1,23 +0,0 @@
.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;
}

View File

@ -1,37 +0,0 @@
/*##################*/
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;
}

View File

@ -1,14 +0,0 @@
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";
}
});
}

View File

@ -1,51 +0,0 @@
/*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;
}

View File

@ -1,39 +0,0 @@
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;
}

View File

@ -1,23 +0,0 @@
.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;
}

View File

@ -1,4 +0,0 @@
<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>

Before

Width:  |  Height:  |  Size: 225 B

View File

@ -1,67 +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="_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>

View File

@ -1,31 +0,0 @@
<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>

View File

@ -1,148 +0,0 @@
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 + '"}');
});

View File

@ -1,5 +0,0 @@
<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>

Before

Width:  |  Height:  |  Size: 669 B

Some files were not shown because too many files have changed in this diff Show More