ToneAPI/ToneAPI_webclient
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix playerList seek

Browse Source
This commit is contained in:
legonzaur
2023-05-06 12:12:03 +02:00
parent deb9db2704
commit a8aa64d18b
1 changed files with 2 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/PlayerList.vue
+2 -7
View File
@@ -12,8 +12,8 @@
<span v-on:click="updateSort('avg_distance')" <span v-on:click="updateSort('avg_distance')"
:class="sortingData.argument == 'avg_distance' ? 'selected' : ''">average distance</span> :class="sortingData.argument == 'avg_distance' ? 'selected' : ''">average distance</span>
</div> </div>
<VirtualList :list="playerList" :row-height="32" v-slot="slotProps"> <VirtualList :list="playerList" :row-height="32" v-slot="slotProps" :highlighted="playerHighlighted">
<div :class="'playerRow ' + (slotProps.data.id === $props.playerHighlighted ? 'selected ' : '') + ((slotProps.index + 1)%2 ? 'odd ':'uneven ')" v-on:click="$emit('highlightPlayer', slotProps.data.id)"> <div :class="'playerRow ' + (slotProps.data.id === playerHighlighted ? 'selected ' : '') + ((slotProps.index + 1)%2 ? 'odd ':'uneven ')" v-on:click="$emit('highlightPlayer', slotProps.data.id)">
<div><span>{{ slotProps.index+1 }}</span></div> <div><span>{{ slotProps.index+1 }}</span></div>
<div><span>{{ slotProps.data.value.username }}</span></div> <div><span>{{ slotProps.data.value.username }}</span></div>
<div><span>{{ slotProps.data.value.kills }}</span></div> <div><span>{{ slotProps.data.value.kills }}</span></div>
@@ -107,11 +107,6 @@ export default defineComponent({
if (this.playerHighlighted) this.scrollToPlayer(this.playerHighlighted) if (this.playerHighlighted) this.scrollToPlayer(this.playerHighlighted)
} }
}, },
updated () {
/* const element = this.$refs['player:' + this.$props.playerHighlighted] as HTMLElement[]
if (!element || !element[0]) return
element[0].scrollIntoView({ behavior: 'smooth', block: 'center' }) */
},
methods: { methods: {
selectNextPlayer (e: KeyboardEvent) { selectNextPlayer (e: KeyboardEvent) {
const values = { const values = {