mirror of
https://github.com/Spythere/stacjownik.git
synced 2026-05-03 13:28:11 +00:00
chore(profile): added stacjownik donator indicator
This commit is contained in:
@@ -12,8 +12,14 @@
|
|||||||
<img class="img-placeholder" height="100" src="/images/default-avatar.jpg" v-else />
|
<img class="img-placeholder" height="100" src="/images/default-avatar.jpg" v-else />
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<h2 class="player-name-header">
|
<h2 class="player-name-header" :class="{ 'text--donator': isPlayerDonator }">
|
||||||
<a :href="`https://td2.info.pl/profile/?u=${route.query.playerId}`" target="_blank">
|
<a :href="`https://td2.info.pl/profile/?u=${route.query.playerId}`" target="_blank">
|
||||||
|
<img
|
||||||
|
v-if="isPlayerDonator"
|
||||||
|
src="/images/icon-diamond.svg"
|
||||||
|
width="25"
|
||||||
|
alt="diamond icon"
|
||||||
|
/>
|
||||||
{{ playerName }}
|
{{ playerName }}
|
||||||
</a>
|
</a>
|
||||||
</h2>
|
</h2>
|
||||||
@@ -244,6 +250,10 @@ const props = defineProps({
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
const isPlayerDonator = computed(() =>
|
||||||
|
props.playerName ? apiStore.donatorsData.includes(props.playerName) : false
|
||||||
|
);
|
||||||
|
|
||||||
const activeDispatches = computed(() => {
|
const activeDispatches = computed(() => {
|
||||||
if (!props.playerName) return [];
|
if (!props.playerName) return [];
|
||||||
if (!apiStore.activeData || !apiStore.activeData.activeSceneries) return [];
|
if (!apiStore.activeData || !apiStore.activeData.activeSceneries) return [];
|
||||||
@@ -294,6 +304,13 @@ const activeTrains = computed(() => {
|
|||||||
|
|
||||||
.player-name-header {
|
.player-name-header {
|
||||||
margin: 0.5em 0;
|
margin: 0.5em 0;
|
||||||
|
|
||||||
|
a {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.25em;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.player-badges {
|
.player-badges {
|
||||||
|
|||||||
Reference in New Issue
Block a user