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

Aggiunto vawe-ui per gli alert.

Browse Source 
piccoli aggiustamenti sulla visualizzazione.
adesso il punteggio inc e dec anche con le formazioni.
This commit is contained in:
Attilio Grilli
2023-06-12 10:31:27 +02:00
parent 8a4dc19542
commit 01b9a0748f
5 changed files with 963 additions and 2436 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
src/components/HomePage.vue
View File

@@ -25,10 +25,8 @@ export default {
},
methods: {
closeApp() {
if (confirm("Confermi di voler chiudere l'app ?")) {
var win = window.open("", "_self");
win.close();
}
var win = window.open("", "_self");
win.close();
},
fullScreen() {
document.documentElement.requestFullscreen();
@@ -45,13 +43,22 @@ export default {
}
},
resetta() {
if (confirm("Confermi il reset del punteggio ?")) {
this.sp.punt.home = 0;
this.sp.punt.guest = 0;
this.sp.form = {
home: ["1", "2", "3", "4", "5", "6"],
guest: ["1", "2", "3", "4", "5", "6"],
}
this.$waveui.notify("RESETTATO", "success");
this.visuForm = false;
this.sp.punt.home = 0;
this.sp.punt.guest = 0;
this.sp.set.home = 0;
this.sp.set.guest = 0;
this.sp.form = {
home: ["1", "2", "3", "4", "5", "6"],
guest: ["1", "2", "3", "4", "5", "6"],
}
},
incSet(team) {
if (this.sp.set[team] == 2) {
this.sp.set[team] = 0;
} else {
this.sp.set[team]++;
}
},
incPunt(team) {
@@ -61,7 +68,7 @@ export default {
decPunt(team) {
// decrementa il punteggio se è > 0 e non siamo in
// visualizza formazioni.
if (this.sp.punt[team] > 0 && !this.visuForm) {
if (this.sp.punt[team] > 0) {
this.sp.punt[team]--;
this.sp.form[team].unshift(this.sp.form[team].pop());
}
@@ -72,19 +79,28 @@ export default {
<template>
<div class="campo">
<div class="hea home" @click="decPunt('home')">ANTONIANA
<span v-if="visuForm">- {{ sp.punt.home }}</span>
<div class="hea home">
<span @click="decPunt('home')" :style="{ 'float': 'left' }">
Antoniana
<span v-if="visuForm">{{ sp.punt.home }}</span>
</span>
<span @click="incSet('home')" class="mr3" :style="{ 'float': 'right' }">set {{ sp.set.home }}</span>
</div>
<div class="hea guest" @click="decPunt('guest')">GUEST
<span v-if="visuForm">- {{ sp.punt.guest }}</span>
<div class="hea guest">
<span @click="decPunt('guest')" :style="{ 'float': 'right' }">
Guest
<span v-if="visuForm">{{ sp.punt.guest }}</span>
</span>
<span @click="incSet('guest')" class="ml3" :style="{ 'float': 'left' }">set {{ sp.set.guest }}</span>
</div>
<span v-if="visuForm">
<div class="col form home">
<div class="col form home" @click="incPunt('home')">
<div class="formdiv" v-for="x in [3, 2, 1, 4, 5, 0]">
{{ sp.form.home[x] }}
</div>
</div>
<div class="col form guest">
<div class="col form guest" @click="incPunt('guest')">
<div class="formdiv" v-for="x in [3, 2, 1, 4, 5, 0]">
{{ sp.form.guest[x] }}
</div>
@@ -95,12 +111,16 @@ export default {
<div class="col punt guest" @click="incPunt('guest')">{{ sp.punt.guest }}</div>
</span>
<div class="bot tal">
<button @click="visuForm = !visuForm">
<span v-if="visuForm">PUNTEGGI</span>
<w-confirm top left v-if="isMobile()" question="CHIUDO ?" cancel="NO" confirm="SI" @confirm="closeApp">
exit
</w-confirm>
<w-confirm top left question="Azzero tutto ?" cancel="NO" confirm="SI" @confirm="resetta">
RESET
</w-confirm>
<w-button @click="visuForm = !visuForm">
<span v-if="visuForm">PUNTEGGIO</span>
<span v-if="!visuForm">FORMAZIONI</span>
</button>
<button @click="resetta">RESET</button>
<button v-if="isMobile()" @click="closeApp">exit</button>
</w-button>
</div>
</div>
</template>