new style list of tournaments

shop/static/shop/css/shop.css

@@ -95,7 +95,7 @@
 .add-to-cart-button,
 .checkout-button {
     background-color: #90ee90;
-    color: #707070;
+    color: #505050;
     border: none;
     border-radius: 12px;
     font-size: 12px;
@@ -120,7 +120,7 @@
 }
 
 .coupon-section {
-    color: #707070;
+    color: #505050;
     font-size: 12px;
     font-weight: 600;
     text-decoration: none;
@@ -129,7 +129,7 @@
 
 .confirm-nav-button {
     background-color: #90ee90;
-    color: #707070;
+    color: #505050;
     font-size: 12px;
     font-weight: 600;
     text-decoration: none;

shop/templates/shop/product_item.html

@@ -185,7 +185,7 @@ function addToCartAjax(productId) {
     notification.style.right = '20px';
     notification.style.padding = '20px';
     notification.style.backgroundColor = '#90ee90';
-    notification.style.color = '#707070';
+    notification.style.color = '#505050';
     notification.style.borderRadius = '12px';
     notification.style.zIndex = '9999';
     notification.style.opacity = '0';

tournaments/models/enums.py

@@ -146,6 +146,7 @@ class OnlineRegistrationStatus(models.IntegerChoices):
     WAITING_LIST_FULL = 6, 'Waiting List Full'
     IN_PROGRESS = 7, 'In Progress'
     ENDED_WITH_RESULTS = 8, 'Ended with Results'
+    CANCELED = 9, 'Canceled'
 
     def status_localized(self) -> str:
         status_map = {
@@ -156,10 +157,58 @@ class OnlineRegistrationStatus(models.IntegerChoices):
             OnlineRegistrationStatus.WAITING_LIST_POSSIBLE: "Liste d'attente ouverte",
             OnlineRegistrationStatus.WAITING_LIST_FULL: "Liste d'attente complète",
             OnlineRegistrationStatus.IN_PROGRESS: "Tournoi en cours",
-            OnlineRegistrationStatus.ENDED_WITH_RESULTS: "Tournoi terminé"
+            OnlineRegistrationStatus.ENDED_WITH_RESULTS: "Tournoi terminé",
+            OnlineRegistrationStatus.CANCELED: "Tournoi annulé"
         }
         return status_map.get(self, "")
 
+    def short_label(self) -> str:
+        """Returns a short, concise label for the status box"""
+        label_map = {
+            OnlineRegistrationStatus.OPEN: "ouvert",
+            OnlineRegistrationStatus.NOT_ENABLED: "désactivé",
+            OnlineRegistrationStatus.NOT_STARTED: "à venir",
+            OnlineRegistrationStatus.ENDED: "clôturé",
+            OnlineRegistrationStatus.WAITING_LIST_POSSIBLE: "ouvert",
+            OnlineRegistrationStatus.WAITING_LIST_FULL: "complet",
+            OnlineRegistrationStatus.IN_PROGRESS: "en cours",
+            OnlineRegistrationStatus.ENDED_WITH_RESULTS: "résultats",
+            OnlineRegistrationStatus.CANCELED: "annulé"
+        }
+        return label_map.get(self, "")
+
+    def box_class(self) -> str:
+        """Returns the CSS class for the status box"""
+        class_map = {
+            OnlineRegistrationStatus.OPEN: "light-green",
+            OnlineRegistrationStatus.NOT_ENABLED: "gray",
+            OnlineRegistrationStatus.NOT_STARTED: "light-green",
+            OnlineRegistrationStatus.ENDED: "gray",
+            OnlineRegistrationStatus.WAITING_LIST_POSSIBLE: "light-orange",
+            OnlineRegistrationStatus.WAITING_LIST_FULL: "light-red",
+            OnlineRegistrationStatus.IN_PROGRESS: "blue",
+            OnlineRegistrationStatus.ENDED_WITH_RESULTS: "dark-gray",
+            OnlineRegistrationStatus.CANCELED: "light-red",
+        }
+        return class_map.get(self, "gray")
+
+    def display_box(self) -> bool:
+        """
+        Determines whether this status should display a status box
+        Returns True if the status should be displayed, False otherwise
+        """
+        # List the statuses that should display a box
+        display_statuses = [
+            OnlineRegistrationStatus.OPEN,
+            OnlineRegistrationStatus.NOT_STARTED,
+            OnlineRegistrationStatus.WAITING_LIST_POSSIBLE,
+            OnlineRegistrationStatus.WAITING_LIST_FULL,
+            OnlineRegistrationStatus.CANCELED,
+            # You can add or remove statuses as needed
+        ]
+
+        return self in display_statuses
+
 class UserOrigin(models.IntegerChoices):
     ADMIN = 0, 'Admin'
     SITE = 1, 'Site'

tournaments/models/player_registration.py

@@ -1,5 +1,5 @@
 from django.db import models
-from . import SideStoreModel, TeamRegistration, PlayerSexType, PlayerDataSource, PlayerPaymentType, FederalCategory
+from . import SideStoreModel, TeamRegistration, PlayerSexType, PlayerDataSource, PlayerPaymentType, OnlineRegistrationStatus
 import uuid
 from django.utils import timezone
 
@@ -92,3 +92,52 @@ class PlayerRegistration(SideStoreModel):
                 return "1ère"
             return "1er"
         return f"{self.rank}ème"
+
+    def get_registration_status(self):
+        """
+        Returns a status object with information about the player's registration status.
+        This object contains display_box, box_class, and short_label properties
+        used in the tournament row template.
+        Returns None if no relevant status can be determined.
+        """
+        # If no team registration exists, return None
+        if not self.team_registration:
+            return None
+
+        status = {
+            'display_box': True,
+            'box_class': 'gray',
+            'short_label': 'inscrit'
+        }
+
+        tournament = self.team_registration.tournament
+        team = self.team_registration
+
+        # Tournament is ended with results
+        if tournament.get_online_registration_status() is OnlineRegistrationStatus.ENDED_WITH_RESULTS:
+            if team.get_final_ranking_component():
+                status['box_class'] = 'light-green'
+                status['short_label'] = team.get_final_ranking_component()
+                return status
+
+        # Team has walked out
+        if team.walk_out:
+            status['box_class'] = 'light-red'
+            status['short_label'] = 'forfait'
+            return status
+
+        # Tournament is in progress
+        if tournament.supposedly_in_progress():
+            status['box_class'] = 'light-green'
+            status['short_label'] = 'en lice'
+            return status
+
+        # Tournament hasn't started yet
+        if team.is_in_waiting_list() >= 0:
+            status['box_class'] = 'light-yellow'
+            status['short_label'] = "en attente"
+        else:
+            status['box_class'] = 'light-green'
+            status['short_label'] = 'inscrit'
+
+        return status

tournaments/models/team_registration.py

@@ -240,10 +240,16 @@ class TeamRegistration(SideStoreModel):
 
 
     def get_final_ranking(self):
+        get_final_ranking_component = self.get_final_ranking_component()
+        if get_final_ranking_component:
+            return get_final_ranking_component + self.ranking_delta()
+        return None
+
+    def get_final_ranking_component(self):
         if self.final_ranking:
             if self.final_ranking == 1:
-                return "1er" + self.ranking_delta()
+                return "1er"
-            return f"{self.final_ranking}ème" + self.ranking_delta()
+            return f"{self.final_ranking}ème"
         return None
 
     def ranking_delta(self):

tournaments/models/tournament.py

@@ -1,4 +1,3 @@
-from time import daylight
 from zoneinfo import ZoneInfo
 from django.db import models
 from typing import TYPE_CHECKING
@@ -8,12 +7,13 @@ if TYPE_CHECKING:
 from . import BaseModel, Event, TournamentPayment, FederalMatchCategory, FederalCategory, FederalLevelCategory, FederalAgeCategory, OnlineRegistrationStatus
 import uuid
 from django.utils import timezone, formats
-from datetime import datetime, timedelta
+from datetime import datetime, timedelta, time
-from zoneinfo import ZoneInfo
 
 from tournaments.utils.player_search import get_player_name_from_csv
 from shared.cryptography import encryption_util
 from ..utils.extensions import plural_format
+from django.utils.formats import date_format
+from ..utils.licence_validator import LicenseValidator
 
 class TeamSortingType(models.IntegerChoices):
     RANK = 1, 'Rank'
@@ -231,10 +231,10 @@ class Tournament(BaseModel):
         else:
             return None
 
-    def tournament_status_display(self):
+    def get_tournament_status(self):
-            if self.is_canceled() is True:
+        return self.get_online_registration_status().status_localized()
-                return "Annulé"
 
+    def tournament_status_display(self):
         teams = self.teams(True)
         if self.supposedly_in_progress() or self.end_date is not None or self.should_be_over():
             teams = [t for t in teams if t.stage != "Attente"]
@@ -246,20 +246,12 @@ class Tournament(BaseModel):
             else:
                 return None
 
-            registration_status = None
-            if self.enable_online_registration == True:
-                registration_status = self.get_online_registration_status().status_localized()
         if teams is not None and len(teams) > 0:
             word = "inscription"
             if len(teams) > 1:
                 word = word + "s"
-                if registration_status is not None:
-                    return f"{registration_status}\n{len(teams)} {word}"
-                else:
             return f"{len(teams)} {word}"
         else:
-                if registration_status is not None:
-                    return f"{registration_status}"
             return None
 
     def name_and_event(self):
@@ -332,9 +324,9 @@ class Tournament(BaseModel):
                 index = i
 
         # Check if team_count exists
-        if self.team_count:
+        if self.team_count_limit == True:
             # Team is not in list
-            if index < self.team_count:
+            if index < 0:
                 print("Team is not in list", index, self.team_count)
                 return -1
             # Return position in waiting list relative to target count
@@ -1133,12 +1125,14 @@ class Tournament(BaseModel):
             return "La sélection se fait par date d'inscription"
 
     def get_online_registration_status(self):
+        if self.is_canceled():
+            return OnlineRegistrationStatus.CANCELED
+        if self.end_date is not None:
+            return OnlineRegistrationStatus.ENDED_WITH_RESULTS
         if self.supposedly_in_progress():
             return OnlineRegistrationStatus.ENDED
         if self.closed_registration_date is not None:
             return OnlineRegistrationStatus.WAITING_LIST_POSSIBLE
-            if self.end_date is not None:
-                return OnlineRegistrationStatus.ENDED_WITH_RESULTS
 
         now = timezone.now()
 
@@ -1166,6 +1160,21 @@ class Tournament(BaseModel):
                 return OnlineRegistrationStatus.WAITING_LIST_POSSIBLE
         return OnlineRegistrationStatus.OPEN
 
+    def get_registration_status_short_label(self):
+        """Returns a short label for the registration status"""
+        status = self.get_online_registration_status()
+        return status.short_label()
+
+    def get_registration_status_class(self):
+        """Returns the CSS class for the registration status box"""
+        status = self.get_online_registration_status()
+        return status.box_class()
+
+    def should_display_status_box(self):
+        """Returns whether the registration status box should be displayed"""
+        status = self.get_online_registration_status()
+        return status.display_box()
+
     def is_unregistration_possible(self):
         # Check if tournament has started
         if self.supposedly_in_progress():
@@ -1490,6 +1499,87 @@ class Tournament(BaseModel):
         return self.event.creator.phone
 
 
+
+    @property
+    def week_day(self):
+        """Return the weekday name (e.g., 'Monday')"""
+        date = self.local_start_date()
+        return date_format(date, format='D') + '.' # 'l' gives full weekday name
+
+    @property
+    def day(self):
+        """Return the day of the month"""
+        date = self.local_start_date()
+        return date.day
+
+    @property
+    def month(self):
+        """
+        Return the month name in lowercase:
+        - If full month name is 4 letters or fewer, return as is
+        - If more than 4 letters, return first 4 letters with a dot
+        """
+        date = self.local_start_date()
+        # Get full month name and convert to lowercase
+        full_month = date_format(date, format='F').lower()
+
+        # Check if the month name is 5 letters or fewer
+        if len(full_month) <= 5:
+            return full_month
+        else:
+            # Truncate to 5 letters and add a dot
+            return f"{full_month[:5]}."
+
+    @property
+    def year(self):
+        """Return the year"""
+        date = self.local_start_date()
+        return date.year
+
+    @property
+    def localized_day_duration(self):
+        """
+        Return localized day duration in French:
+        - If multiple days: '2 jours', '3 jours', etc.
+        - If 1 day and starts after 18:00: 'soirée'
+        - If 1 day and starts before 18:00: 'journée'
+        """
+        # Assuming day_duration is a property or field that returns the number of days
+        days = self.day_duration
+
+        if days > 1:
+            return f"{days} jours"
+        else:
+            # For single day events, check the starting hour
+            start_time = self.local_start_date().time()
+            evening_threshold = time(18, 0)  # 18:00 (6 PM)
+
+            if start_time >= evening_threshold:
+                return "soirée"
+            else:
+                return "journée"
+
+    def get_player_registration_status_by_licence(self, user):
+        from . import PlayerRegistration
+        licence_id = user.licence_id
+        if not licence_id:
+            return None
+
+        validator = LicenseValidator(licence_id)
+        stripped_license = validator.stripped_license
+
+        # Check if there is a PlayerRegistration for this user in this tournament
+        user_player = PlayerRegistration.objects.filter(
+            licence_id__icontains=stripped_license,
+            team_registration__tournament=self,
+        ).first()
+
+        if user_player:
+            return user_player.get_registration_status()
+        else:
+            return None
+
+
 class MatchGroup:
     def __init__(self, name, matches, formatted_schedule, round_id=None):
         self.name = name

tournaments/static/tournaments/css/style.css

@@ -35,7 +35,7 @@ body {
 }
 
 label {
-    color: #707070;
+    color: #505050;
     font-size: 1.1em;
 }
 
@@ -55,7 +55,7 @@ footer {
 }
 
 a {
-    color: #707070;
+    color: #505050;
 }
 
 a:hover {
@@ -73,7 +73,7 @@ nav {
 }
 
 nav a {
-    color: #707070;
+    color: #505050;
     padding: 8px 12px;
     background-color: #fae7ce;
     border-radius: 12px;
@@ -161,7 +161,7 @@ tr {
 
 .rounded-button {
     background-color: #fae7ce; /* Green background */
-    color: #707070; /* White text */
+    color: #505050; /* White text */
     padding: 15px 32px; /* Some padding */
     font-size: 1em;
     font-weight: 800;
@@ -193,7 +193,7 @@ tr {
 }
 
 .mybox {
-    color: #707070;
+    color: #505050;
     padding: 8px 12px;
     background-color: #fae7ce;
     border-radius: 12px;
@@ -260,6 +260,11 @@ tr {
     font-size: 1.2em;
 }
 
+.very-large {
+    font-family: "Montserrat-SemiBold";
+    font-size: 1.4em;
+}
+
 @media screen and (max-width: 40em) {
     .large {
         font-size: 0.9em;
@@ -278,7 +283,7 @@ tr {
 .info {
     font-family: "Montserrat-SemiBold";
     font-size: 0.9em;
-    color: #707070;
+    color: #505050;
 }
 
 .small {
@@ -286,7 +291,7 @@ tr {
 }
 
 .minor-info {
-    color: #707070;
+    color: #505050;
     font-size: 0.85em;
 }
 
@@ -362,7 +367,7 @@ tr {
 
 .separator {
     height: 1px;
-    background-color: #707070;
+    background-color: #505050;
     margin: 5px 0px;
 }
 
@@ -608,12 +613,126 @@ h-margin {
     padding: 5px 0px;
 }
 
-.table-row-4-colums-tournament {
+.table-row-5-colums-tournament {
     display: grid;
-    grid-template-columns: auto 1fr auto auto;
+    grid-template-columns: 75px 90px 1fr 120px;
     align-items: center;
-    /* Vertically center the content within each column */
+    gap: 4px;
-    padding: 5px 0px;
+}
+
+.very-large.club-name {
+    font-size: 1.2em;
+}
+
+.table-row-5-colums-tournament.header {
+    grid-template-columns: 1fr auto; /* Override to just 2 columns for header */
+    justify-content: space-between;
+}
+
+@media screen and (max-width: 800px) {
+    /* Adjust breakpoint as needed */
+    .table-row-5-colums-tournament {
+        grid-template-columns: 60px 70px 1fr 80px;
+        gap: 2px;
+    }
+
+    .small {
+        font-size: 1em;
+    }
+
+    .very-large {
+        font-size: 1.4em;
+    }
+
+    .very-large.club-name {
+        font-size: 1.2em;
+    }
+}
+
+@media screen and (max-width: 400px) {
+    /* Adjust breakpoint as needed */
+    .table-row-5-colums-tournament {
+        grid-template-columns: 55px 65px 1fr 75px;
+        gap: 2px;
+    }
+
+    .small {
+        font-size: 0.9em;
+    }
+
+    .very-large {
+        font-size: 1.3em;
+    }
+
+    .very-large.club-name {
+        font-size: 1em;
+    }
+}
+
+.light-green {
+    background-color: #90ee90 !important;
+}
+
+.light-yellow {
+    background-color: #fed300 !important;
+}
+
+.light-orange {
+    color: white !important;
+    background-color: #f39200 !important;
+}
+
+.light-red {
+    background-color: #e84039 !important;
+    color: white !important;
+}
+
+.table-row-element {
+    width: 100%;
+    line-height: 1.2;
+    padding: 8px 8px;
+    align-items: center;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap; /* Prevents text from wrapping to a new line */
+    max-width: 100%; /* Ensures children don't overflow */
+}
+
+.table-row-element.tournament-date {
+    grid-column: 1;
+    color: #505050;
+    background-color: #fae7ce;
+    border-radius: 12px;
+}
+
+.table-row-element.tournament-type {
+    grid-column: 2;
+}
+
+.table-row-element.tournament-name {
+    grid-column: 3;
+    align-self: center; /* Align in grid cell vertically */
+    margin: auto 0; /* Alternative vertical centering */
+}
+
+.very-large.club-name {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 3; /* Limit to 2 lines */
+    -webkit-box-orient: vertical;
+    white-space: normal;
+    /* Keep any existing styling for .large */
+}
+
+.table-row-element.tournament-status {
+    grid-column: 4;
+}
+
+.box {
+    color: #505050;
+    border-radius: 12px;
+    padding: 4px;
 }
 
 .table-row-6-colums-club-tournament {
@@ -867,7 +986,7 @@ h-margin {
 
 .match-result a:hover {
     background-color: #fae7ce;
-    color: #707070;
+    color: #505050;
 }
 
 .group-stage-link {

tournaments/static/tournaments/css/tournament_bracket.css

@@ -58,7 +58,7 @@
 }
 
 .round-name {
-    color: #707070;
+    color: #505050;
     font-size: 1.5em;
     padding: 8px 12px;
     white-space: nowrap; /* Prevent text wrapping */
@@ -67,7 +67,7 @@
 
 .round-format {
     font-size: 0.9em;
-    color: #707070;
+    color: #505050;
     margin-top: -5px; /* Reduced from -10px to bring it closer */
     white-space: nowrap; /* Prevent text wrapping */
     display: block; /* Ensure proper centering */
@@ -199,7 +199,7 @@
 .broadcast-mode .round-name,
 .broadcast-mode .round-format {
     padding: 0px;
-    color: #707070;
+    color: #505050;
 }
 
 .broadcast-mode .round-title {
@@ -215,7 +215,7 @@
 .outgoing-line,
 .outgoing-line-upward,
 .outgoing-line-downward {
-    background-color: #707070 !important; /* Bright yellow - change to your preferred color */
+    background-color: #505050 !important; /* Bright yellow - change to your preferred color */
 }
 
 /* Broadcast mode styling for all lines */

tournaments/templates/registration/my_tournaments.html

@@ -11,8 +11,8 @@
 {% load tz %}
 
 <div class="grid-x">
-    <div class="cell medium-6 large-6 topblock my-block">
+    <div class="cell medium-10 large-5 topblock my-block">
-        <div class="bubble">
+        <div>
             <label class="title">Vos tournois à venir</label>
             {% if upcoming_tournaments %}
             {% for tournament in upcoming_tournaments %}
@@ -23,8 +23,8 @@
             {% endif %}
         </div>
     </div>
-    <div class="cell medium-6 large-6 topblock my-block">
+    <div class="cell medium-10 large-5 topblock my-block">
-        <div class="bubble">
+        <div>
             <label class="title">Vos tournois en cours</label>
             {% if running_tournaments %}
             {% for tournament in running_tournaments %}
@@ -36,8 +36,8 @@
 
         </div>
     </div>
-    <div class="cell medium-6 large-6 topblock my-block">
+    <div class="cell medium-10 large-5 topblock my-block">
-        <div class="bubble">
+        <div>
             <label class="title">Vos tournois terminés</label>
             {% if ended_tournaments %}
             {% for tournament in ended_tournaments %}

tournaments/templates/tournaments/tournament_row.html

@@ -1,43 +1,56 @@
+{% load tournament_tags %}
+{% with status=tournament.get_online_registration_status %}
     <a href="{% url 'tournament' tournament.id %}">
-            <div class="table-row-4-colums-tournament vertical-padding">
+        <div class="table-row-5-colums-tournament vertical-padding">
-                <div class="tight table-cell">
+            <div class="table-row-element tournament-date center">
-                    <div class="large">{{ tournament.level }}</div>
+                <div class="small">{{ tournament.week_day }}</div>
+                <div class="very-large">{{ tournament.day }}</div>
+                <div class="small">{{ tournament.month }}</div>
+            </div>
+            <div class="table-row-element tournament-type">
+                <div class="very-large">{{ tournament.level }}</div>
+                {% if tournament.category %}
                 <div class="small">{{ tournament.category }}</div>
+                {% endif %}
                 {% if tournament.age %}
                 <div class="small">{{ tournament.age }}</div>
                 {% endif %}
             </div>
-                <div class="table-cell-responsive-large table-cell-large horizontal-padding semibold">
+            <div class="table-row-element tournament-name">
-                    <div><span>{{ tournament.event.club.name }}</span></div>
+                <div class="very-large club-name">{{ tournament.event.club.name }}</div>
-                    {% if tournament.name_and_event %}
+                <div class="small">{{ tournament.localized_day_duration }}</div>
-                    <div>
+            </div>
-                        <span>{{ tournament.name_and_event }}</span>
+            <div class="table-row-element tournament-status center">
+                <div class="small">Équipes</div>
+                <div class="very-large">{{ tournament.team_count }}</div>
+                {% if user.is_authenticated %}
+                {% with user_registration_status=tournament|get_player_status:user %}
+                    {% if user_registration_status %}
+                        {% if user_registration_status.display_box %}
+                            <div class="box small {{ user_registration_status.box_class }}">
+                                {{ user_registration_status.short_label }}
                             </div>
                         {% endif %}
+                    {% else %}
+                        {% if status.display_box %}
+                            <div class="box small {{ status.box_class }}">
+                                {{ status.short_label }}
                             </div>
-                <div class="table-cell-responsive-short table-cell-large horizontal-padding semibold">
-                    <div><span>{{ tournament.event.club.computedShortTitle }}</span></div>
-                    {% if tournament.event.name %}
-                    <div><span>{{ tournament.event.name }}</span></div>
                         {% endif %}
-                    {% if tournament.name %}
-                    <div><span>{{ tournament.name }}</span></div>
                     {% endif %}
-                </div>
+                {% endwith %}
-
+                {% else %}
-                {% if tournament.tournament_status_display %}
+                    {% if status.display_box %}
-                <div class="table-cell-responsive-large right horizontal-padding">
+                    <div class="box small {{ status.box_class }}">
-                    {{ tournament.tournament_status_display|linebreaksbr }}
+                        {{ status.short_label }}
                     </div>
                     {% endif %}
-                <div class="table-cell">
-                    <div class="mybox center">{{ tournament.formatted_start_date }}</div>
-                    {% if tournament.tournament_status_display %}
-                    <div class="table-cell-responsive-short small center">{{ tournament.tournament_status_display|linebreaksbr }}</div>
                 {% endif %}
+
             </div>
         </div>
     </a>
     {% if not forloop.last %}
     <hr/>
     {% endif %}
+{% endwith %}

tournaments/templates/tournaments/tournaments.html

@@ -15,47 +15,50 @@
     <div class="grid-x">
 
         {% if live or future %}
-        <div class="cell medium-6 large-6 topblock my-block">
+        <div class="cell medium-10 large-5 topblock my-block">
 
-            <div class="bubble">
+            <div>
 
                 {% if live %}
 
+                <div class="table-row-5-colums-tournament header">
                     <label class="title">En cours</label>
-
-                {% for tournament in live %}
-                {% include 'tournaments/tournament_row.html' %}
-                {% endfor %}
-
                     {% if live|length >= 10 %}
-                <div class="right">
+                    <div class="mybox small">
                         {% if club %}
-                    <a href="{% url 'tournaments' %}?filter=1&club={{ club.id }}">Voir tous...</a>
+                        <a href="{% url 'tournaments' %}?filter=1&club={{ club.id }}">tout voir</a>
                         {% else %}
-                    <a href="{% url 'tournaments' %}?filter=1">Voir tous...</a>
+                        <a href="{% url 'tournaments' %}?filter=1">tout voir</a>
                         {% endif %}
                     </div>
                     {% endif %}
+                </div>
+
+
+                {% for tournament in live %}
+                {% include 'tournaments/tournament_row.html' %}
+                {% endfor %}
 
                 {% endif %}
 
                 {% if future %}
 
+                <div class="table-row-5-colums-tournament header">
                     <label class="title">À venir</label>
-
-                {% for tournament in future %}
-                {% include 'tournaments/tournament_row.html' %}
-                {% endfor %}
-
                     {% if future|length >= 10 %}
-                <div class="right">
+                    <div class="mybox small">
                         {% if club %}
-                    <a href="{% url 'tournaments' %}?filter=0&club={{ club.id }}">Voir tous...</a>
+                        <a href="{% url 'tournaments' %}?filter=0&club={{ club.id }}">tout voir</a>
                         {% else %}
-                    <a href="{% url 'tournaments' %}?filter=0">Voir tous...</a>
+                        <a href="{% url 'tournaments' %}?filter=0">tout voir</a>
                         {% endif %}
                     </div>
                     {% endif %}
+                </div>
+
+                {% for tournament in future %}
+                {% include 'tournaments/tournament_row.html' %}
+                {% endfor %}
 
                 {% endif %}
 
@@ -65,24 +68,24 @@
         {% endif %}
 
         {% if ended %}
-        <div class="cell medium-6 large-6 topblock my-block">
+        <div class="cell medium-10 large-5 topblock my-block">
-            <div class="bubble">
+            <div>
 
+                <div class="table-row-5-colums-tournament header">
                     <label class="title">Terminés</label>
-
-                {% for tournament in ended %}
-                {% include 'tournaments/tournament_row.html' %}
-                {% endfor %}
-
                     {% if ended|length >= 10 %}
-                <div class="right">
+                    <div class="mybox small">
                         {% if club %}
-                    <a href="{% url 'tournaments' %}?filter=2&club={{ club.id }}">Voir tous...</a>
+                        <a href="{% url 'tournaments' %}?filter=2&club={{ club.id }}">tout voir</a>
                         {% else %}
-                    <a href="{% url 'tournaments' %}?filter=2">Voir tous...</a>
+                        <a href="{% url 'tournaments' %}?filter=2">tout voir</a>
                         {% endif %}
                     </div>
                     {% endif %}
+                </div>
+                {% for tournament in ended %}
+                {% include 'tournaments/tournament_row.html' %}
+                {% endfor %}
 
             </div>
         </div>

tournaments/templates/tournaments/tournaments_list.html

@@ -11,9 +11,9 @@
     <div class="grid-x">
 
         {% if tournaments %}
-        <div class="cell medium-6 large-6 topblock my-block">
+        <div class="cell medium-10 large-5 topblock my-block">
 
-            <div class="bubble">
+            <div>
 
                 {% for tournament in tournaments %}
                 {% include 'tournaments/tournament_row.html' %}

tournaments/templatetags/tournament_tags.py

@@ -0,0 +1,7 @@
+from django import template
+
+register = template.Library()
+
+@register.filter
+def get_player_status(tournament, user):
+    return tournament.get_player_registration_status_by_licence(user)