Skip to content

Commit 5a13bfd

Browse files
YuriAlessandroYuriAlessandro
committed
first commit
0 parents  commit 5a13bfd

File tree

2 files changed

+467
-0
lines changed

2 files changed

+467
-0
lines changed

‎index.html

+93
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,93 @@
1+
<html>
2+
<head>
3+
<title>Placar</title>
4+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
5+
<script src="https://kit.fontawesome.com/15fce56598.js" crossorigin="anonymous"></script>
6+
</head>
7+
<body>
8+
<div class="container mobile" style="padding: 15px">
9+
<button id="new-match-day" class="button is-primary">Começar Nova Pelada</button>
10+
11+
<div id="new-match-day-form" style="display: none">
12+
<div class="columns">
13+
<div class="column">
14+
<label>Jogadores por time:</label>
15+
<input type="number" id="players-per-team" placeholder="Jogadores por time" value="4" class="input is-primary" />
16+
</div>
17+
<div class="column">
18+
<label>Pontos Máximos:</label>
19+
<input type="number" id="max-points" placeholder="Pontos máximos" value="11" class="input is-primary" />
20+
</div>
21+
</div>
22+
<div class="columns">
23+
<div class="column">
24+
<input type="text" placeholder="Nome do jogador" id="new-player-name" class="input is-primary" />
25+
</div>
26+
<div class="column">
27+
<button id="add-new-player" class="button is-secondary">Adicionar novo jogador</button>
28+
</div>
29+
</div>
30+
31+
<ul id="player-list" class="content"></ul>
32+
<button id="start-match-day" class="button is-primary">Iniciar Pelada</button>
33+
<button id="update-match-day" class="button is-primary" style="display: none">Atualizar Pelada</button>
34+
</div>
35+
36+
<div id="match" style="display: none" class="box">
37+
<div>Partida #<span id="match-number">0</span></div>
38+
<div class="grid">
39+
<div class="cell has-text-centered">
40+
<h1 id="team-1-captain" class="title">TEAM 1 CAPTAIN</h1>
41+
<article class="message is-info score-point" style="cursor: pointer" id="score-1">
42+
<div class="message-header is-size-7"><i class="fa-solid fa-play" style="display: none" id="serving-1"></i></div>
43+
<div class="message-body is-size-1" id="score-team-1">0</div>
44+
</article>
45+
<ul id="team-1-players"></ul>
46+
</div>
47+
<div class="cell is-row-span-2 has-text-centered">
48+
<h1 class="title">X</h1>
49+
</div>
50+
<div class="cell has-text-centered">
51+
<h1 id="team-2-captain" class="title">TEAM 2 CAPTAIN</h1>
52+
<article class="message is-danger score-point" style="cursor: pointer" id="score-2">
53+
<div class="message-header is-size-7"><i class="fa-solid fa-play" style="display: none" id="serving-2"></i></div>
54+
<div class="message-body is-size-1" id="score-team-2">0</div>
55+
</article>
56+
<ul id="team-2-players"></ul>
57+
</div>
58+
</div>
59+
60+
<div class="fixed-grid has-2-cols">
61+
<div class="grid">
62+
<div class="cell is-col-from-end-1">
63+
<button id="change-match-day" class="button is-info"><i class="fa-solid fa-gear"></i></button>
64+
<button id="end-match-day" class="button is-danger"><i class="fa-solid fa-xmark"></i></button>
65+
</div>
66+
</div>
67+
</div>
68+
</div>
69+
70+
<nav class="panel" id="all-player-list" style="display: none; margin-top: 5px">
71+
<p class="panel-heading">Jogadores</p>
72+
<table class="table is-fullwidth">
73+
<thead>
74+
<tr>
75+
<th>Nome</th>
76+
<th>Partidas</th>
77+
<th>Vitórias</th>
78+
<th>Derrotas</th>
79+
<th>Última partida jogada</th>
80+
<th id="playing">Jogando</th>
81+
</tr>
82+
</thead>
83+
<tbody id="players"></tbody>
84+
</table>
85+
</nav>
86+
</div>
87+
</body>
88+
<script
89+
src="https://code.jquery.com/jquery-3.7.1.min.js"
90+
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
91+
crossorigin="anonymous"></script>
92+
<script src="./index.js"></script>
93+
</html>

0 commit comments

Comments
 (0)