-
-
-
@@ -27,15 +38,18 @@ import { Player, Weapon, Server } from '@/store/index'
import PlayerList from '@/components/PlayerList.vue'
import PlayerChart from '@/components/PlayerChart.vue'
import { defineComponent } from 'vue'
+import VueMultiselect from 'vue-multiselect'
+import 'vue-multiselect/dist/vue-multiselect.css'
export default defineComponent({
name: 'PlayerView',
components: {
- PlayerList, PlayerChart
+ PlayerList, PlayerChart, VueMultiselect
},
data () {
return {
+ models: {},
filters: { minKills: 100, minDeaths: 100 },
store: useStore(),
playerHighlighted: undefined
@@ -45,12 +59,37 @@ export default defineComponent({
servers (): Server[] { return this.store.state.servers },
weapons (): { [key: string]: Weapon } { return this.store.getters.getWeaponList(this.filters) },
sortedWeaponList (): string[] {
+ if (!this.weapons) return []
const weapons = Object.keys(this.weapons)
return weapons.sort()
+ },
+ players (): { [key: string]: Player } { return this.store.getters.getPlayerList(this.filters) },
+ sortedPlayerList (): string[] {
+ if (!this.players) return []
+ const players = Object.keys(this.players)
+ return players.sort((a: string, b: string) => {
+ if (!this.players) {
+ return 0
+ }
+
+ if (this.players[a].username < this.players[b].username) {
+ return -1
+ }
+ if (this.players[a].username > this.players[b].username) {
+ return 1
+ }
+ return 0
+ })
+ }
+ },
+ watch: {
+ test: function (newval) {
+ console.log(newval)
}
},
methods: {
async changeFilter ({ weapon, server }: { weapon?: string, server?: string }) {
+ console.log(weapon)
const filters = JSON.parse(JSON.stringify(this.filters))
if (weapon !== undefined) filters.weapon = weapon
if (server !== undefined) filters.server = server
@@ -68,6 +107,10 @@ export default defineComponent({