staxriver
/
padelclub_backend
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

center scores + delete useless

Browse Source
clubs
Laurent 2 years ago
parent f4cb610b57
commit 1464d93675
4 changed files with 60 additions and 625 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 509
      tournaments/static/tournaments/Padeltest.html
  2. 42
      tournaments/static/tournaments/css/style.css
  3. 98
      tournaments/static/tournaments/test.html
  4. 36
      tournaments/templates/tournaments/match_cell.html

509
tournaments/static/tournaments/Padeltest.html
Unescape View File

@ -1,509 +0,0 @@
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="icon" type="image/png" href="images/favicon.png" />
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
<title>Padel</title>
</head>
<body>
<div class="wrapper">
<main class="page-body">
<div class="container">
<div class="grid-x">
<div class="cell medium-6 large-6 topblock my-block">
<div class="bubble">
<!-- <div class="flex-row">
<img
src="PadelClub_logo_512.png"
class="logo left-label matchtitle"
/>
<div class="">
<h1 class="club">
Tennis Sporting Club Cassis
</h1>
<h1 class="event">P100 hommes</h1>
<span>Propulsé par Padel Club</span>
</div>
</div> -->
<img
src="images/PadelClub_logo_512.png"
class="logo inline"
/>
<div class="inline">
<h1 class="club">
Tennis Sporting Club Cassis
</h1>
<h1 class="event">P100 hommes</h1>
<span>Propulsé par Padel Club</span>
</div>
</div>
</div>
</div>
<div class="grid-x">
<div class="cell medium-6 large-3 my-block">
<div class="bubble">
<div class="flex-row">
<label class="left-label matchtitle"
>Match 1</label
>
<label class="right-label info"
>14.03.24 - 17h30</label
>
</div>
<div>
<div
class="test bottom-border padding-bottom-small"
>
<div class="left-label">
<div class="winner">
Sanyo Gutierrez
</div>
<div class="winner">
Franco Stupachuk
</div>
</div>
<div class="">
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
</div>
</div>
<!-- <div class="" /> -->
<div class="test padding-top-small">
<div class="left-label">
<div>Juan Lebron</div>
<div>Ale Galan</div>
</div>
<div class="">
<span class="score">2</span>
<span class="score">3</span>
<span class="score">4</span>
</div>
</div>
</div>
<div class="top-margin flex-row">
<label class="left-label minor-info"
>5h12min</label
>
<a href="" class="right-label">détails</a>
</div>
</div>
</div>
<div class="cell medium-6 large-3 my-block">
<div class="bubble">
<div class="flex-row">
<label class="left-label matchtitle"
>Match 1</label
>
<label class="right-label info"
>17h30</label
>
</div>
<div>
<div
class="test bottom-border padding-bottom-small"
>
<div class="left-label">
<div class="winner">
Fernando Belasteguín
</div>
<div class="winner">
Carlos Daniel Gutierrez
</div>
</div>
<div class="">
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
</div>
</div>
<!-- <div class="" /> -->
<div class="test padding-top-small">
<div class="left-label">
<div>Francisco Manuel Gil</div>
<div>Agustin Gomez Silingo</div>
</div>
<div class="">
<span class="score">2</span>
<span class="score">3</span>
<span class="score">4</span>
</div>
</div>
</div>
<div class="top-margin flex-row">
<label class="left-label minor-info"
>5h12min</label
>
<a href="" class="right-label">détails</a>
</div>
</div>
</div>
<div class="cell medium-6 large-3 my-block">
<div class="bubble">
<div class="flex-row">
<label class="left-label matchtitle"
>Match 1</label
>
<label class="right-label info"
>17h30</label
>
</div>
<div>
<div
class="test bottom-border padding-bottom-small"
>
<div class="left-label">
<div class="winner">Sanyo</div>
<div class="winner">Stupa</div>
</div>
<div class="">
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
</div>
</div>
<!-- <div class="" /> -->
<div class="test padding-top-small">
<div class="left-label">
<div>Lebron</div>
<div>Galan</div>
</div>
<div class="">
<span class="score">2</span>
<span class="score">3</span>
<span class="score">4</span>
</div>
</div>
</div>
<div class="top-margin flex-row">
<label class="left-label minor-info"
>5h12min</label
>
<a href="" class="right-label">détails</a>
</div>
</div>
</div>
<div class="cell medium-6 large-3 my-block">
<div class="bubble">
<div class="flex-row">
<label class="left-label matchtitle"
>Match 1</label
>
<label class="right-label info"
>17h30</label
>
</div>
<div>
<div
class="test bottom-border padding-bottom-small"
>
<div class="left-label">
<div class="winner">Sanyo</div>
<div class="winner">Stupa</div>
</div>
<div class="">
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
</div>
</div>
<!-- <div class="" /> -->
<div class="test padding-top-small">
<div class="left-label">
<div>Lebron</div>
<div>Galan</div>
</div>
<div class="">
<span class="score">2</span>
<span class="score">3</span>
<span class="score">4</span>
</div>
</div>
</div>
<div class="top-margin flex-row">
<label class="left-label minor-info"
>5h12min</label
>
<a href="" class="right-label">détails</a>
</div>
</div>
</div>
<div class="cell medium-6 large-3 my-block">
<div class="bubble">
<div class="flex-row">
<label class="left-label matchtitle"
>Match 1</label
>
<label class="right-label info"
>17h30</label
>
</div>
<div>
<div
class="test bottom-border padding-bottom-small"
>
<div class="left-label">
<div class="winner">Sanyo</div>
<div class="winner">Stupa</div>
</div>
<div class="">
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
</div>
</div>
<!-- <div class="" /> -->
<div class="test padding-top-small">
<div class="left-label">
<div>Lebron</div>
<div>Galan</div>
</div>
<div class="">
<span class="score">2</span>
<span class="score">3</span>
<span class="score">4</span>
</div>
</div>
</div>
<div class="top-margin flex-row">
<label class="left-label minor-info"
>5h12min</label
>
<a href="" class="right-label">détails</a>
</div>
</div>
</div>
<div class="cell medium-6 large-3 my-block">
<div class="bubble">
<div class="flex-row">
<label class="left-label matchtitle"
>Match 1</label
>
<label class="right-label info"
>17h30</label
>
</div>
<div>
<div
class="test bottom-border padding-bottom-small"
>
<div class="left-label">
<div class="winner">Sanyo</div>
<div class="winner">Stupa</div>
</div>
<div class="">
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
</div>
</div>
<!-- <div class="" /> -->
<div class="test padding-top-small">
<div class="left-label">
<div>Lebron</div>
<div>Galan</div>
</div>
<div class="">
<span class="score">2</span>
<span class="score">3</span>
<span class="score">4</span>
</div>
</div>
</div>
<div class="top-margin flex-row">
<label class="left-label minor-info"
>5h12min</label
>
<a href="" class="right-label">détails</a>
</div>
</div>
</div>
<div class="cell medium-6 large-3 my-block">
<div class="bubble">
<div class="flex-row">
<label class="left-label matchtitle"
>Match 1</label
>
<label class="right-label info"
>17h30</label
>
</div>
<div>
<div
class="test bottom-border padding-bottom-small"
>
<div class="left-label">
<div class="winner">Sanyo</div>
<div class="winner">Stupa</div>
</div>
<div class="">
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
</div>
</div>
<!-- <div class="" /> -->
<div class="test padding-top-small">
<div class="left-label">
<div>Lebron</div>
<div>Galan</div>
</div>
<div class="">
<span class="score">2</span>
<span class="score">3</span>
<span class="score">4</span>
</div>
</div>
</div>
<div class="top-margin flex-row">
<label class="left-label minor-info"
>5h12min</label
>
<a href="" class="right-label">détails</a>
</div>
</div>
</div>
<div class="cell medium-6 large-3 my-block">
<div class="bubble">
<div class="flex-row">
<label class="left-label matchtitle"
>Match 1</label
>
<label class="right-label info"
>17h30</label
>
</div>
<div>
<div
class="test bottom-border padding-bottom-small"
>
<div class="left-label">
<div class="winner">Sanyo</div>
<div class="winner">Stupa</div>
</div>
<div class="">
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
<span class="score ws winner"
>6</span
>
</div>
</div>
<!-- <div class="" /> -->
<div class="test padding-top-small">
<div class="left-label">
<div>Lebron</div>
<div>Galan</div>
</div>
<div class="">
<span class="score">2</span>
<span class="score">3</span>
<span class="score">4</span>
</div>
</div>
</div>
<div class="top-margin flex-row">
<label class="left-label minor-info"
>5h12min</label
>
<a href="" class="right-label">détails</a>
</div>
</div>
</div>
</div>
</div>
</main>
</div>
</body>
</html>

42
tournaments/static/tournaments/css/style.css
Unescape View File

@ -205,9 +205,25 @@ tr {
height: 60px; height: 60px;
} }
.match-result {
display: flex;
align-items: center;
margin-bottom: 10px; /* Adjust as needed */
}
.player {
flex: 1;
display: flex;
flex-direction: column; /* Stack player names vertically */
}
.scores { .scores {
vertical-align: middle; display: flex;
/* margin: 0 auto 0 0; */ }
.scores span {
width: 30px; /* Fixed width for each score cell */
text-align: center; /* Center-align the score text */
} }
.separator { .separator {
@ -219,7 +235,10 @@ tr {
.score { .score {
font-size: 22px; font-size: 22px;
vertical-align: middle; vertical-align: middle;
text-align: center;
padding: 0px 5px; padding: 0px 5px;
/* width: 40px; */
/* justify-content: space-between; */
} }
.winner { .winner {
@ -281,13 +300,6 @@ tr {
vertical-align: middle; vertical-align: middle;
} }
/* .table-container {
display: table;
}
.table-cell {
display: table-cell;
vertical-align: middle;
} */
.horizontal-padding { .horizontal-padding {
padding: 0px 20px; padding: 0px 20px;
} }
@ -401,7 +413,7 @@ tr {
.flex-row { .flex-row {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
height: 29px; height: 24px;
align-items: center; align-items: center;
/* vertical-align: middle; */ /* vertical-align: middle; */
} }
@ -460,6 +472,9 @@ tr {
width: 100%; width: 100%;
} }
.w20px {
width: 20px;
}
.w80px { .w80px {
width: 80px; width: 80px;
} }
@ -474,6 +489,13 @@ tr {
padding: 5px 0px; padding: 5px 0px;
} }
.table-row-2-colums-test {
display: grid;
grid-template-columns: 1px auto 100px;
align-items: center; /* Vertically center the content within each column */
padding: 5px 0px;
}
.table-row-3-colums { .table-row-3-colums {
display: grid; display: grid;
grid-template-columns: auto 1fr auto; grid-template-columns: auto 1fr auto;

98
tournaments/static/tournaments/test.html
Unescape View File

@ -1,98 +0,0 @@
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="css/foundation.min.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="icon" type="image/png" href="favicon.png" />
<title>Padel</title>
</head>
<body>
<div class="wrap my-block bubble">
<div id="xrow">1</div><br/>
<div id="xrow">2b</div><br/>
<div id="xrow">3c</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3v</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">2x</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3</div><br/>
<div id="xrow">1</div><br/>
<div id="xrow">2</div><br/>
<div id="xrow">3aa</div><br/>
<!-- Add more rows as needed -->
</div>
</body>
</html>

36
tournaments/templates/tournaments/match_cell.html
Unescape View File

@ -12,13 +12,31 @@
{% for team in match.teams %} {% for team in match.teams %}
<div class="table-row-3-colums team-names-box {% cycle 'bottom-border' '' %} padding-bottom-small"> <div class="match-result">
<!-- {% if team.image %} <div class="player">
<div class="table-cell"> {% for name in team.names %}
<img src="{% static 'tournaments/images/pc_icon_round_200.png' %}" class="team_image" /> <div class="semibold {% if team.is_winner %}winner{% endif %}">
{{ name }}
</div>
{% endfor %}
</div> </div>
{% endif %} --> <div class="scores">
{% if match.started %}
{% for score in team.scores %}
<div class="scores">
<span class="score ws {% if team.is_winner %}winner{% endif %}">{{ score }}</span>
</div>
{% endfor %}
{% else %}
<span class="score ws">{{ team.weight }}</span>
{% endif %}
</div>
</div>
<!-- <div class="table-row-3-colums team-names-box {% cycle 'bottom-border' '' %} padding-bottom-small">
<div class="table-cell table-cell-large"> <div class="table-cell table-cell-large">
{% for name in team.names %} {% for name in team.names %}
<div class="semibold {% if team.is_winner %}winner{% endif %}"> <div class="semibold {% if team.is_winner %}winner{% endif %}">
@ -26,18 +44,20 @@
</div> </div>
{% endfor %} {% endfor %}
</div> </div>
<div class="table-cell alignright left-margin"> <div class=" alignright left-margin">
{% if match.started %} {% if match.started %}
{% for score in team.scores %} {% for score in team.scores %}
<span class="score ws {% if team.is_winner %}winner{% endif %}">{{ score }}</span> <div class="scores">
<span class="score ws {% if team.is_winner %}winner{% endif %}">{{ score }}</span>
</div>
{% endfor %} {% endfor %}
{% else %} {% else %}
<span class="score ws">{{ team.weight }}</span> <span class="score ws">{{ team.weight }}</span>
{% endif %} {% endif %}
</div> </div>
</div> </div> -->
{% endfor %} {% endfor %}
</div> </div>

Write Preview
Loading…
Cancel
Save