R40fendt/ritzenbergen-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rangliste angefangen

Browse Source
This commit is contained in:
R40fendt
2025-07-03 20:00:51 +02:00
parent c2b4707cb0
commit 4001879c70
5 changed files with 110 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/components/bulitipp/Rangliste.vue
View File

@@ -1,16 +1,43 @@
<script lang="js">
import * as RitzenbergenLib from '../../ritzenbergenlib';
import Modal from '../Modal.vue';
export default {
props: {
users: {
type: Array,
required: true
},
spieltag: {
type: Number,
required: true
},
results: {
type: Array,
required: true
},
tipps: {
type: Array,
required: true
}
},
computed: {
testUsers(){
console.log(this.users);
},
data(){
return {
modalOpen: false,
currentuser: null
}
},
components: {
Modal
},
methods: {
getById(results,paarungsid){
return results.find((result) => {
return result.paarung.id === paarungsid;
});
}
}
}
@@ -18,7 +45,23 @@ export default {
<template>
<section class="rangliste" id="rangliste-sektion">
<br /><br />
{{ testUsers }}
<Modal v-if="modalOpen" @closemodal="modalOpen = false">
<h1 class="detailansichtSchriftart">Detailansicht für {{ currentuser.username }}, {{ spieltag }}. Spieltag</h1>
<table>
<tr>
<td>Tipps von {{ currentuser.username }}</td>
<td>Ergebnis</td>
<td>Tipp</td>
<td>Punkte</td>
</tr>
<tr v-for="result in results">
<td>{{ result.paarung.heim }} - {{ result.paarung.gast }}</td>
<td>{{ tipps }}</td>
<td></td>
<td>{{ result }}</td>
</tr>
</table>
</Modal>
<h2>Rangliste</h2>
<table>
<tbody>
@@ -29,10 +72,7 @@ export default {
</tr>
<tr v-for="(user, i) in users">
<td>{{ i+1 }}</td>
<td>
<!-- <iframe class="iframeRanglisteDetailansicht"
data-src="">Detailansicht User 1</iframe> -->
<td @click="modalOpen=true; currentuser=user">
<span class="as-link">{{ user.username }}</span>
</td>
<td>{{ user.points }}</td>
@@ -42,6 +82,5 @@ export default {
</section>
</template>
<style scoped>
@import "../../assets/css/bulitipp2.css";
</style>

4
src/ritzenbergenlib.ts
View File

@@ -33,8 +33,8 @@ class SpieltagSumme {
class RitzenbergenLib {
static get_img(mypath: string) {
if(mypath.startsWith("/")) return "http://bilder.ritzenbergen.de"+mypath;
else return "http://bilder.ritzenbergen.de/"+mypath;
if(mypath.startsWith("/")) return "https://bilder.ritzenbergen.de"+mypath;
else return "https://bilder.ritzenbergen.de/"+mypath;
}
static api(path:string){
if(path.startsWith("/")) return "http://192.168.188.38/Jonas/ritzenbergenapi"+path;

97
src/views/Bulitipp.vue
View File

@@ -82,50 +82,59 @@ export default {
.then((result)=> parseInt(result));
},
default: ""
},
maxspieltag: {
get(){
return fetch(RitzenbergenLib.RitzenbergenLib.api("/bulitipp/maxspieltag.php"))
.then((response) => response.text())
.then((result)=> parseInt(result));
}
},
paarungen: {
get(){
const params = new URLSearchParams({
spieltag: this.maxspieltag
});
return fetch(RitzenbergenLib.RitzenbergenLib.api("/bulitipp/paarungen.php?"+params.toString()))
.then((response) => response.json())
.then((result2) => {
if(result2.reload) this.update();
return result2.data;
})
.then((result) => {
return result.map(el => new RitzenbergenLib.Paarung(el[0],el[1],el[2]));
})
.catch((error) => {
return null;
});
},
watch: ["maxspieltag"],
default: [new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade...")]
},
ergebnisse: {
get(){
return fetch(RitzenbergenLib.RitzenbergenLib.api("/bulitipp/ergebnisse.php"))
.then((response) => response.json())
.then((result2) => {
if(result2.reload) this.update();
return result2.data;
})
.then((result) => {
return result.map((el,i) => new RitzenbergenLib.Ergebnis(this.paarungen[i],el[0],el[1]));
})
},
watch: ["paarungen"]
},
maxspieltag: {
get(){
return fetch(RitzenbergenLib.RitzenbergenLib.api("/bulitipp/maxspieltag.php"))
.then((response) => response.text())
.then((result)=> parseInt(result));
}
},
paarungen: {
get(){
const params = new URLSearchParams({
spieltag: this.maxspieltag
});
return fetch(RitzenbergenLib.RitzenbergenLib.api("/bulitipp/paarungen.php?"+params.toString()))
.then((response) => response.json())
.then((result2) => {
if(result2.reload) this.update();
return result2.data;
})
.then((result) => {
return result.map(el => new RitzenbergenLib.Paarung(el[0],el[1],el[2]));
})
.catch((error) => {
return null;
});
},
watch: ["maxspieltag"],
default: [new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade..."),new RitzenbergenLib.Paarung("Lade...","Lade...")]
},
ergebnisse: {
get(){
return fetch(RitzenbergenLib.RitzenbergenLib.api("/bulitipp/ergebnisse.php"))
.then((response) => response.json())
.then((result2) => {
if(result2.reload) this.update();
return result2.data;
})
.then((result) => {
return result.map((el,i) => new RitzenbergenLib.Ergebnis(this.paarungen[i],el[0],el[1]));
})
},
watch: ["paarungen"]
},
tipps: {
get(){
return fetch(RitzenbergenLib.RitzenbergenLib.api("/bulitipp/tipps.php?spieltag="+this.maxspieltag))
.then((response) => response.json())
.then(response => response.data);
},
watch: ["maxspieltag"],
default: []
}
},
computed: {
sortedUsers() {
@@ -195,7 +204,7 @@ export default {
<!-- Rangliste -->
<Rangliste :users="sortedUsers" />
<Rangliste :users="sortedUsers" :spieltag="maxspieltag" :tipps="tipps" :results="ergebnisse" />
<!-- Paarungsergebnisse -->