56 lines
1.1 KiB
Vue
56 lines
1.1 KiB
Vue
<script lang="ts">
|
|
|
|
export default {
|
|
props: {
|
|
users: {
|
|
type: Array<any>,
|
|
required: true,
|
|
},
|
|
spieltage: {
|
|
type: null,
|
|
required: true,
|
|
},
|
|
},
|
|
computed: {
|
|
|
|
},
|
|
methods: {
|
|
}
|
|
};
|
|
</script>
|
|
<template>
|
|
<section class="buli-table" id="buli-table">
|
|
<br /><br />
|
|
|
|
<h2>Punktetabelle</h2>
|
|
<!--<div id="load-table-btn-container">
|
|
<button id="load-table-btn">Punkte ausrechnen</button>
|
|
</div>-->
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td>Tag</td>
|
|
<td v-for="spieltag in spieltage[0]">{{ spieltag.user.name }}</td>
|
|
</tr>
|
|
<tr v-for="spieltag, i in spieltage">
|
|
<td>{{ i+1 }}</td>
|
|
|
|
<!-- Modal -->
|
|
|
|
<!-- Open BTN -->
|
|
<td class="as-link" v-for="userpoints in spieltag">{{ userpoints.points }}</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Summe</td>
|
|
|
|
<td v-for="user in users">{{ user.points }}</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</section>
|
|
</template>
|
|
<style scoped>
|
|
@import "../../assets/css/bulitipp2.css";
|
|
</style>
|