CSGOWTF/csgowtf
3
2
Fork 1
Code Issues 18 Pull Requests Projects Releases 7 Wiki Activity

fixed bug on player side-bar

Browse Source
This commit is contained in:
vikingowl
2022-02-01 23:49:17 +01:00
parent 0e29652651
commit 85828dd983
1 changed files with 45 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
src/components/PlayerSideInfo.vue
View File

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