Skirda/LiveAtlas
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix player icons

Browse Source
This commit is contained in:
James Lyne 2020-12-13 13:23:32 +00:00
parent 3e2f507eb2
commit 99a28401b9
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/sidebar/PlayerListItem.vue
View File

@ -1,6 +1,6 @@
<template>
<li class="player">
<img width="16" height="16" class="player__icon" src="images/player_face.png" alt="" />
<img width="16" height="16" class="player__icon" :src="playerImage" alt="" />
<button class="player__name" type="button" title="Click to center on player&#10;Double-click to follow player"
@click.prevent="pan"
@keydown="onKeydown"
@ -14,6 +14,8 @@ import {DynmapPlayer} from "@/dynmap";
import {useStore} from "@/store";
import {MutationTypes} from "@/store/mutation-types";
const playerImage = require('@/assets/images/player_face.png');
export default defineComponent({
name: 'PlayerListItem',
props: {
@ -22,6 +24,11 @@ export default defineComponent({
required: true
}
},
data() {
return {
playerImage: playerImage,
}
},
methods: {
follow() {
useStore().commit(MutationTypes.FOLLOW_PLAYER, this.player);
@ -55,6 +62,7 @@ export default defineComponent({
left: 0.7rem;
pointer-events: none;
margin: auto;
z-index: 1;
}
.player__name {

4
src/leaflet/icon/PlayerIcon.ts
View File

@ -2,6 +2,8 @@ import {MarkerOptions, DivIcon, DomUtil} from 'leaflet';
import {DynmapPlayer} from "@/dynmap";
import Util from '@/util';
const playerImage = require('@/assets/images/player_face.png');
const noSkinImage: HTMLImageElement = document.createElement('img');
noSkinImage.height = 16;
noSkinImage.width = 16;
@ -18,7 +20,7 @@ const bodyImage: HTMLImageElement = document.createElement('img');
bodyImage.height = 32;
bodyImage.width = 32;
noSkinImage.src = smallImage.src = largeImage.src = bodyImage.src = 'images/player.png';
noSkinImage.src = smallImage.src = largeImage.src = bodyImage.src = playerImage;
noSkinImage.className = smallImage.className = largeImage.className = bodyImage.className = 'player__icon';
export interface PlayerIconOptions extends MarkerOptions {