attilio/segnapunti
2
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 2 Wiki Activity

feat: il controller rispetta state.order come il display

Browse Source 
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.
This commit is contained in:
Davide Grilli
2026-06-20 22:45:18 +02:00
parent d322809682
commit 854669d603
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ControllerPage.vue
+12 -10
View File
@@ -8,17 +8,17 @@
<!-- Anteprima punteggio --> <!-- Anteprima punteggio -->
<div class="score-preview"> <div class="score-preview">
<div class="team-score home-bg" @click="sendAction({ type: 'incPunt', team: 'home' })"> <div class="team-score" :class="primaSquadra + '-bg'" @click="sendAction({ type: 'incPunt', team: primaSquadra })">
<div class="team-name">{{ state.sp.nomi.home }}</div> <div class="team-name">{{ state.sp.nomi[primaSquadra] }}</div>
<div class="team-pts">{{ punt.home }}</div> <div class="team-pts">{{ punt[primaSquadra] }}</div>
<div class="team-set">SET {{ set.home }}</div> <div class="team-set">SET {{ set[primaSquadra] }}</div>
<img v-show="servHome" src="/serv.png" class="serv-icon" alt="Servizio" /> <img v-show="primaSquadra === 'home' ? servHome : !servHome" src="/serv.png" class="serv-icon" alt="Servizio" />
</div> </div>
<div class="team-score guest-bg" @click="sendAction({ type: 'incPunt', team: 'guest' })"> <div class="team-score" :class="secondaSquadra + '-bg'" @click="sendAction({ type: 'incPunt', team: secondaSquadra })">
<div class="team-name">{{ state.sp.nomi.guest }}</div> <div class="team-name">{{ state.sp.nomi[secondaSquadra] }}</div>
<div class="team-pts">{{ punt.guest }}</div> <div class="team-pts">{{ punt[secondaSquadra] }}</div>
<div class="team-set">SET {{ set.guest }}</div> <div class="team-set">SET {{ set[secondaSquadra] }}</div>
<img v-show="!servHome" src="/serv.png" class="serv-icon" alt="Servizio" /> <img v-show="secondaSquadra === 'home' ? servHome : !servHome" src="/serv.png" class="serv-icon" alt="Servizio" />
</div> </div>
</div> </div>
@@ -216,6 +216,8 @@ export default {
} }
}, },
computed: { computed: {
primaSquadra() { return this.state.order ? 'home' : 'guest' },
secondaSquadra() { return this.state.order ? 'guest' : 'home' },
isPunteggioZeroZero() { isPunteggioZeroZero() {
return this.state.sp.striscia.at(-1).ris === '' return this.state.sp.striscia.at(-1).ris === ''
}, },