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

adds viewport for fonts + cleanup

Browse Source
clubs
Laurent 2 years ago
parent 93717419a7
commit b52df30b91
6 changed files with 3 additions and 866 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. 516
      tournaments/templates/tournaments/Padeltest.html
  2. 1
      tournaments/templates/tournaments/base.html
  3. 1
      tournaments/templates/tournaments/base_head.html
  4. 1
      tournaments/templates/tournaments/index.html
  5. 232
      tournaments/templates/tournaments/test.html
  6. 118
      tournaments/templates/tournaments/tournaments_old.html

516
tournaments/templates/tournaments/Padeltest.html
Unescape View File

@ -1,516 +0,0 @@
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link
rel="stylesheet"
href="../../static/tournaments/foundation.min.css"
/>
<link rel="stylesheet" href="../../static/tournaments/style.css" />
<link
rel="icon"
type="image/png"
href="../../static/tournaments/favicon.png"
/>
<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="../../static/tournaments/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>

1
tournaments/templates/tournaments/base.html
Unescape View File

@ -4,6 +4,7 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link <link
rel="stylesheet" rel="stylesheet"
href="{% static 'tournaments/css/foundation.min.css' %}" href="{% static 'tournaments/css/foundation.min.css' %}"

1
tournaments/templates/tournaments/base_head.html
Unescape View File

@ -1,6 +1,7 @@
{% load static %} {% load static %}
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link <link
rel="stylesheet" rel="stylesheet"
href="{% static 'tournaments/css/foundation.min.css' %}" href="{% static 'tournaments/css/foundation.min.css' %}"

1
tournaments/templates/tournaments/index.html
Unescape View File

@ -3,6 +3,7 @@
<head> <head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link <link
rel="stylesheet" type="text/css" rel="stylesheet" type="text/css"
href="{% static 'tournaments/foundation.min.css' %}" href="{% static 'tournaments/foundation.min.css' %}"

232
tournaments/templates/tournaments/test.html
Unescape View File

@ -1,232 +0,0 @@
{% load static %}
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" href="{% static 'tournaments/css/foundation.min.css' %}" />
<link rel="stylesheet" href="{% static 'tournaments/css/style.css' %}" />
<link rel="icon" type="image/png" href="{% static 'tournaments/images/favicon.png' %}" />
<title>Padel</title>
<script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
</head>
<body x-data="{
paginatedPlayers: null,
active: 1,
retrievePlayers() {
fetch('/api/player-registrations/')
.then(res => res.json())
.then((data) => {
this.paginatedPlayers = this.paginate(data, 2)
})
},
paginate(array, pageSize) {
let paginatedArray = [];
for (let i = 0; i < array.length; i += pageSize) {
paginatedArray.push(array.slice(i, i + pageSize));
}
return paginatedArray;
},
loop() {
this.retrievePlayers()
setInterval(() => {
this.retrievePlayers()
this.active = this.active === this.paginatedPlayers.length ? 1 : this.active+1
}, 3000)
}
}" x-init="loop()">
<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">
<img
src="{% static 'tournaments/images/PadelClub_logo_512.png' %}"
class="logo inline"
/>
<div class="inline">
<h1 class="club">4Padel Toulouse</h1>
<h1 class="event">Planning</h1>
<!-- <span>Propulsé par Padel Club</span> -->
</div>
</div>
</div>
</div>
<div class="grid-x padding-bottom">
<div class="cell medium-6 large-6 topblock my-block">
<template x-for="i in paginatedPlayers.length" >
<div class="bubble" x-show="active === i">
<template x-for="player in paginatedPlayers[i-1]" >
<div>
<span x-text="player.first_name"></span> <span x-text="player.last_name"></span>
</div>
</template>
</div>
</template>
</div>
</div>
<!-- <template x-for="page in paginated-players" >
<div x-data="{
openBubble: function(index) {
let bubble = (index % 2 === 0) ? true : false;
let html = ``;
if(bubble) html+= `<div class='bubble'>`;
return html;
}, closeBubble: function(index) {
let bubble = (index % 2 === 1) ? true : false;
let html = ``;
if(bubble) html += `</div>`;
return html;
},
}">
<div x-html="openBubble(index-1)"></div>
<span x-text="players[index-1].first_name"></span> <span x-text="players[index-1].last_name"></span>
<div x-html="closeBubble(index-1)"></div>
</div>
</template> -->
<!-- <template x-for="(player, index) in players" >
<div x-data="{
addOpeningTagIfNecessary(index) {
Return index % 2 ? ‘<div class='bubble'>’ : ‘’;
},
addClosingTagIfNecessary(index) {
Return index % 2 ? ‘</div>’ : ‘’;
}
}">
<div x-html=“addOpeningTagIfNecessary(index)”></div>
<span x-text="player.first_name"></span> <span x-text="player.last_name"></span>
<div x-html=“addClosingTagIfNecessary(index)”></div>
</div>
</template> -->
<!-- <template x-for="(player, index) in players" >
<div x-data="{
doHTML: function(index){
let bubble = index % 2 ? true : false;
let html = ``;
if(bubble) html+= `<div class='bubble'>`;
html += `<span x-text='player.first_name'></span> <span x- text='player.last_name'></span>`;
if(bubble) html += `</div>`;
return html;
},
}" x-html="doHTML(index)">
</div>
</template> -->
<!-- <template x-for="(player, index) in players" >
<div x-data="{
doHTML: function(index) {
let bubble = index % 2 ? true : false;
let html = ``;
if(bubble) html+= `<div class='bubble'>`;
html = `<span x-text='player.first_name'></span> <span x-text='player.last_name'></span>`;
if(bubble) html+= `</div>`;
return html;
},
}" x-html="doHTML(index)">
</div>
</template> -->
<!-- <template x-for="(player, index) in players" >
<div x-data="{
doHTML: function(index) {
let bubble = index % 2 ? true : false;
let html = '';
if(bubble) html+= '<div class='bubble'>';
html += '<span x-text='player.first_name'></span> <span x-text='player.last_name'></span>';
if(bubble) html += '</div>';
return html;
},
}" x-html="doHTML(index)">
</div>
</template> -->
<!-- <div class="bubble" x-show="active === 1">
<label class="title">Équipes</label>
<template x-for="team in tournament.teamregistration_set" >
<div class="table-container bottom-border vertical-padding">
<img src="{% static 'tournaments/images/pc_icon_round_200.png' %}" class="team_image horizontal-margin">
<div class="w50 tight table-cell hpadding10">
<template x-for="player in team.playerregistration_set">
<div>
<div x-text="player.first_name"></div> <div x-text="player.last_name"></div>
</div>
</template>
</div>
<div class="table-cell horizontal-padding">
<span x-text="team.court"></span>
</div>
<div class="table-cell horizontal-padding large">
<span x-text="team.call_date"></span>
</div>
<div class="table-cell"><div class="mybox">Poule A</div></div>
</div>
</template>
</div>
<div class="bubble" x-show="active === 2">
<label class="title">Matchs</label>
<template x-for="round in tournament.round_set">
<template x-for="match in round.match_set">
<div>
<div class="flex-row">
<label class="left-label matchtitle">{{ match.id }}</label>
<label class="right-label info">{{ match.start_date }}</label>
</div>
<div>
{% for team in match.team_states %}
<div class="test bottom-border padding-bottom-small">
<div class="left-label">
{% for name in team.names %}
<div class="winner">
{{ name }}
</div>
{% endfor %}
</div>
<div class="">
{% for score in team.scores %}
<span class="score ws {% if team.is_winner %}winner{% endif %}">{{ score }}</span>
{% endfor %}
</div>
</div>
{% endfor %}
</div>
<div class="top-margin flex-row">
<label class="left-label minor-info">{{ match.duration }}</label>
</div>
</div>
</template>
</template>
</div> -->
</div>
</main>
</div>
</body>
</html>

118
tournaments/templates/tournaments/tournaments_old.html
Unescape View File

@ -1,118 +0,0 @@
<html>
{% load static %}
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<link
rel="stylesheet"
href="{% static 'tournaments/css/foundation.min.css' %}"
/>
<link rel="stylesheet" href="{% static 'tournaments/css/style.css' %}" />
<link
rel="icon"
type="image/png"
href="{% static 'tournaments/images/favicon.png' %}"
/>
<title>Padel Club</title>
<script>
function fadeContent() {
$(".content:hidden​​​​​​​​​​​​​​​​​​​​​​​:first").fadeIn(500).delay(2000).fadeOut(500, function​​​​​() {
$(this).appendTo($(this).parent()); //stick current at the end
fadeContent(); //loop
});
}
fadeContent(); //kick it off the first time
<!--
<div class="contentPanel">
<div class="content">
<div style="border: solid 2px black; text-align: center">
This is first content
</div>
</div>
<div class="content">
<div style="border: solid 2px black; text-align: center">
This is second content
</div>
</div>
<div class="content">
<div style="border: solid 2px black; text-align: center">
This is third content
</div>
</div>
</div>
.contentPanel .content { display: none; }
-->
</script>
</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">
<img
src="{% static 'tournaments/images/PadelClub_logo_512.png' %}"
class="logo inline"
/>
<div class="inline">
<h1 class="club">Bienvenue !</h1>
<h1 class="event">Tournois</h1>
<!-- <span>Propulsé par Padel Club</span> -->
</div>
</div>
</div>
</div>
{% if live or future %}
<div class="grid-x">
<div class="cell medium-6 large-6 topblock my-block">
<div class="bubble">
{% if live %}
<label class="title">En cours</label>
{% for tournament in live %}
{% include 'tournaments/tournament_row.html' %}
{% endfor %} {% endif %}
{% if future %}
<label class="title top-margin20">A venir</label>
{% for tournament in future %}
{% include 'tournaments/tournament_row.html' %}
{% endfor %} {% endif %}
</div>
</div>
{% endif %}
{% if ended %}
<div class="cell medium-6 large-6 topblock my-block">
<div class="bubble">
<label class="title">Terminés</label>
{% for tournament in ended %}
{% include 'tournaments/tournament_row.html' %}
{% endfor %}
</div>
</div>
{% endif %}
</div>
</div>
</main>
</div>
</body>
</html>
Write Preview
Loading…
Cancel
Save