diff --git a/README.md b/README.md index 878948f..25daa89 100644 --- a/README.md +++ b/README.md @@ -6,8 +6,8 @@ TODO: - Addhit - Galerie (Bilder müssen noch auf NAS) -- BuLi-Tipp (Rangliste und Übersicht) Tippen sollte funktionieren, CSS fehlt noch für die Buttons -- Startseite (Events?) +- BuLi-Tipp (Rangliste, Paarungsergebnisse und Übersicht) Tippen funktioniert, Min und Max beim Spieltag Input auch +- Startseite (Events testen, type=fotos?) - Footer, Texte? - Event Fotos - Navbar Hamburger Menu diff --git a/src/assets/css/bulitipp2.css b/src/assets/css/bulitipp2.css index a65e5cb..db8da98 100755 --- a/src/assets/css/bulitipp2.css +++ b/src/assets/css/bulitipp2.css @@ -30,12 +30,26 @@ transition: background-color 0.3s ease; } - input[type="submit"]:hover { + input[type="submit"]:hover, .green-button:hover { background-color: #3e8e41; + transform: scale(1.01); } + .red-button { + background-color: #f44336; /* Rot für einen negativen Button */ + color: white; + padding: 12px 20px; + border: none; + border-radius: 4px; + cursor: pointer; + transition: background-color 0.3s ease; + width: 100%; + } - + .red-button:hover { + background-color: #d32f2f; + transform: scale(1.01); + } @@ -191,16 +205,20 @@ h2 { } } /* Submit-Button */ -.tippenEintragen input[type="submit"] { +.tippenEintragen input[type="submit"], .green-button { background-color: #4CAF50; color: white; padding: 10px 20px; border: none; border-radius: 5px; cursor: pointer; - width: 150px; + width: 100%; + transition: all 0.3s ease-in-out; +} +.tippenEintragen input[type="submit"]:hover, .green-button:hover { + background-color: #3e8e41; + transform: scale(1.01); } - /* Meldung für nicht vorbereiteten Spieltag */ .tippenEintragen h1 { diff --git a/src/components/bulitipp/Tippen.vue b/src/components/bulitipp/Tippen.vue index af832b5..100ad1a 100644 --- a/src/components/bulitipp/Tippen.vue +++ b/src/components/bulitipp/Tippen.vue @@ -9,7 +9,7 @@ export default { required: false, }, }, - data() { + data() { return { spieltag: "", vmodelspieltag: "", @@ -24,7 +24,8 @@ export default { new ritzenbergenlib.Tipp(null, null, null), new ritzenbergenlib.Tipp(null, null, null) ], - disabled: false + disabled: false, + schongetippt: true }; }, asyncComputed: { @@ -93,6 +94,56 @@ export default { this.disabled = false; return this.maxspieltag + 1; } + }, + watch: ["maxspieltag"] + }, + tippupdater:{ + get(){ + const params = new URLSearchParams({ + spieltag: this.spieltag.toString() + }); + + return fetch( + ritzenbergenlib.RitzenbergenLib.api( + "/bulitipp/tippsuser.php?" + params.toString()), + { + method: "GET", + headers: { + Authorization: "Bearer " + this.token, + }, + } + ) + .then((response) => response.json()) + .then((response) => { + if (response.length > 0) { + return response.map((el:any) => { + if(el==null){ + this.schongetippt = false; + return new ritzenbergenlib.Tipp(null, null, null); + } + this.schongetippt=true; + return new ritzenbergenlib.Tipp( + el.paarung, + el.score1, + el.score2 + ); + }); + } + }).then(response=>{ + this.tipps=response; + return response; + }); + }, + watch: ["spieltag"] + }, + zeitzutippen: { + get(){ + return fetch( + ritzenbergenlib.RitzenbergenLib.api( + "/bulitipp/zeitzutippen.php" + ) + ) + .then((response) => response.json()); } } }, @@ -122,7 +173,7 @@ export default { }, } ); - + this.spieltag = ""; } }, }; @@ -131,7 +182,9 @@ export default {