fixed bug on player side-bar

This commit is contained in:
2022-02-01 23:49:17 +01:00
parent 0e29652651
commit 85828dd983

View File

@@ -8,14 +8,14 @@
<hr>
<ul v-for="mate in props.player_meta.most_mates" :key="mate.player.steamid64" class="list-unstyled">
<li @click="GoToPlayer(mate.player.vanity_url || mate.player.steamid64)">
<span class="start">
<img :class="mate.player.tracked ? 'tracked' : ''" :src="constructAvatarUrl(mate.player.avatar)"
:title="mate.player.tracked ? 'Tracked' : ''" alt="Player avatar">
<span class="text">{{ mate.player.name }}</span>
</span>
<span class="start">
<img :class="mate.player.tracked ? 'tracked' : ''" :src="constructAvatarUrl(mate.player.avatar)"
:title="mate.player.tracked ? 'Tracked' : ''" alt="Player avatar">
<span class="text">{{ mate.player.name }}</span>
</span>
<span class="end">
{{ mate.total }}
</span>
{{ mate.total }}
</span>
</li>
</ul>
</div>
@@ -37,15 +37,15 @@
<hr>
<ul v-for="mate in props.player_meta.best_mates" :key="mate.player.steamid64" class="list-unstyled">
<li @click="GoToPlayer(mate.player.vanity_url || mate.player.steamid64)">
<span class="start">
<img :class="mate.player.tracked ? 'tracked' : ''" :src="constructAvatarUrl(mate.player.avatar)"
:title="mate.player.tracked ? 'Tracked' : ''" alt="Player avatar">
<span class="text">{{ mate.player.name }}</span>
</span>
<span class="start">
<img :class="mate.player.tracked ? 'tracked' : ''" :src="constructAvatarUrl(mate.player.avatar)"
:title="mate.player.tracked ? 'Tracked' : ''" alt="Player avatar">
<span class="text">{{ mate.player.name }}</span>
</span>
<span class="end">
{{ (mate.win_rate * 100).toFixed(0) }} %
<span v-if="mate.total" class="total text-muted">({{ mate.total }})</span>
</span>
{{ mate.win_rate ? (mate.win_rate * 100).toFixed(0) : 0 }} %
<span v-if="mate.total" class="total text-muted">({{ mate.total }})</span>
</span>
</li>
</ul>
</div>
@@ -67,14 +67,14 @@
<hr>
<ul v-for="(id, key) in data.best_weapons" :key="id[0]" class="list-unstyled">
<li>
<span class="start">
<span class="text">{{ id[0] }}</span>
</span>
<span class="start">
<span class="text">{{ id[0] }}</span>
</span>
<span :title="id[0] + ' - ' + id[1] + ' dmg'" class="end">
<span :class="'dmg-chart-' + key">
{{ id[1] }}
</span>
</span>
<span :class="'dmg-chart-' + key">
{{ id[1] }}
</span>
</span>
</li>
</ul>
{{ setDmgGraphWidth() }}
@@ -97,15 +97,15 @@
<hr>
<ul v-for="map in data.best_maps" :key="map[0]" class="list-unstyled">
<li>
<span class="start">
<img :src="require('../assets/images/map_icons/map_icon_' + map[0] + '.svg')" alt="Player avatar">
<span class="text">{{ FixMapName(map[0]) }}</span>
</span>
<span class="start">
<img :src="require('../assets/images/map_icons/map_icon_' + map[0] + '.svg')" alt="Player avatar">
<span class="text">{{ FixMapName(map[0]) }}</span>
</span>
<span class="end">
{{ (map[1] * 100).toFixed(0) }} %
<span v-if="props.player_meta.total_maps[map[0]]"
class="total text-muted">({{ props.player_meta.total_maps[map[0]] }})</span>
</span>
{{ (map[1] * 100).toFixed(0) }} %
<span v-if="props.player_meta.total_maps[map[0]]"
class="total text-muted">({{ props.player_meta.total_maps[map[0]] }})</span>
</span>
</li>
</ul>
</div>
@@ -215,7 +215,18 @@ export default {
}
})
return {props, data, weaponsLoading, mapsLoading, mostMatesLoading, bestMatesLoading, setDmgGraphWidth, GoToPlayer, constructAvatarUrl, FixMapName}
return {
props,
data,
weaponsLoading,
mapsLoading,
mostMatesLoading,
bestMatesLoading,
setDmgGraphWidth,
GoToPlayer,
constructAvatarUrl,
FixMapName
}
}
}
</script>
@@ -245,9 +256,9 @@ export default {
border-radius: 5px;
}
ol, ul, dl {
margin-bottom: 0;
}
ol, ul, dl {
margin-bottom: 0;
}
.best-mate,
.preferred-weapons,