From 854669d60344d1f91584682ba1bbdd87fcb928aa Mon Sep 17 00:00:00 2001
From: Davide Grilli <davide.grilli@outlook.com>
Date: Sat, 20 Jun 2026 22:45:18 +0200
Subject: [PATCH] feat: il controller rispetta state.order come il display

Il pannello punteggio ora rispecchia l'ordine delle squadre definito da
state.order: premendo Inverti le card si scambiano di lato anche sul
controller, allineandosi al comportamento visivo del display.
---
 src/components/ControllerPage.vue | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/components/ControllerPage.vue b/src/components/ControllerPage.vue
index e87fb23..d95c295 100644
--- a/src/components/ControllerPage.vue
+++ b/src/components/ControllerPage.vue
@@ -8,17 +8,17 @@
 
     <!-- Anteprima punteggio -->
     <div class="score-preview">
-      <div class="team-score home-bg" @click="sendAction({ type: 'incPunt', team: 'home' })">
-        <div class="team-name">{{ state.sp.nomi.home }}</div>
-        <div class="team-pts">{{ punt.home }}</div>
-        <div class="team-set">SET {{ set.home }}</div>
-        <img v-show="servHome" src="/serv.png" class="serv-icon" alt="Servizio" />
+      <div class="team-score" :class="primaSquadra + '-bg'" @click="sendAction({ type: 'incPunt', team: primaSquadra })">
+        <div class="team-name">{{ state.sp.nomi[primaSquadra] }}</div>
+        <div class="team-pts">{{ punt[primaSquadra] }}</div>
+        <div class="team-set">SET {{ set[primaSquadra] }}</div>
+        <img v-show="primaSquadra === 'home' ? servHome : !servHome" src="/serv.png" class="serv-icon" alt="Servizio" />
       </div>
-      <div class="team-score guest-bg" @click="sendAction({ type: 'incPunt', team: 'guest' })">
-        <div class="team-name">{{ state.sp.nomi.guest }}</div>
-        <div class="team-pts">{{ punt.guest }}</div>
-        <div class="team-set">SET {{ set.guest }}</div>
-        <img v-show="!servHome" src="/serv.png" class="serv-icon" alt="Servizio" />
+      <div class="team-score" :class="secondaSquadra + '-bg'" @click="sendAction({ type: 'incPunt', team: secondaSquadra })">
+        <div class="team-name">{{ state.sp.nomi[secondaSquadra] }}</div>
+        <div class="team-pts">{{ punt[secondaSquadra] }}</div>
+        <div class="team-set">SET {{ set[secondaSquadra] }}</div>
+        <img v-show="secondaSquadra === 'home' ? servHome : !servHome" src="/serv.png" class="serv-icon" alt="Servizio" />
       </div>
     </div>
 
@@ -216,6 +216,8 @@ export default {
     }
   },
   computed: {
+    primaSquadra() { return this.state.order ? 'home' : 'guest' },
+    secondaSquadra() { return this.state.order ? 'guest' : 'home' },
     isPunteggioZeroZero() {
       return this.state.sp.striscia.at(-1).ris === ''
     },