From f47ad2d865b8d5f714f88032f5b9a34740dfe901 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jonas=20Fl=C3=BCckiger?= <fluckiger.jonas.dev@gmail.com>
Date: Thu, 2 May 2024 20:05:13 +0200
Subject: [PATCH] Added "not allowed" cursor

---
 frontend/src/views/ManageTournamentsView.vue | 40 ++++++++++----------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/frontend/src/views/ManageTournamentsView.vue b/frontend/src/views/ManageTournamentsView.vue
index 076e7a1..9a4d9ac 100644
--- a/frontend/src/views/ManageTournamentsView.vue
+++ b/frontend/src/views/ManageTournamentsView.vue
@@ -71,16 +71,14 @@ onMounted(async () => {
                     {{ (tournament.status) }}
                 </div>
                 <div>
-                    <template v-if="tournament.playerIds && tournament.playerIds.length >= 2">
-                        <span @click="nextTournamentStatus(tournament)" class="material-symbols-outlined"
-                            :class="{ 'disabled': tournament.status.id == TournamentStatus.Completed.id || tournament.loading }"
-                            title="Cliquez pour passer au prochain statut">next_plan</span>
-                    </template>
-                    <template v-else>
-                        <span class="material-symbols-outlined" title="Pas assez de joueurs">
-                            cancel
-                        </span>
-                    </template>
+
+                    <span v-if="tournament.playerIds && tournament.playerIds.length >= 2"
+                        @click="nextTournamentStatus(tournament)" class="material-symbols-outlined"
+                        :class="{ 'disabled': tournament.status.id == TournamentStatus.Completed.id || tournament.loading }"
+                        title="Cliquez pour passer au prochain statut">next_plan</span>
+                    <span v-else class="material-symbols-outlined disabled" title="Pas assez de joueurs">
+                        cancel
+                    </span>
                     <span @click="deleteTournament(tournament.id, tournament.name)" class="material-symbols-outlined"
                         title="Cliquez pour supprimer le tournoi">
                         delete
@@ -181,12 +179,19 @@ h1 {
             user-select: none;
             /* Standard syntax */
 
-            span:hover {
-                cursor: pointer;
-            }
+            span {
+                &:hover {
+                    cursor: pointer;
+                }
 
-            span.disabled:hover {
-                cursor: not-allowed;
+                &.disabled {
+                    opacity: 0.5;
+
+                    &:hover {
+
+                        cursor: not-allowed;
+                    }
+                }
             }
 
         }
@@ -260,9 +265,4 @@ h1 {
         transform: rotate(360deg);
     }
 }
-
-.disabled {
-    pointer-events: none;
-    opacity: 0.5;
-}
 </style>
\ No newline at end of file