chore(app): added the Creator badge

This commit is contained in:
2026-05-02 15:40:05 +02:00
parent 6765c075a5
commit d8d8a00fd9
15 changed files with 142 additions and 27 deletions
@@ -18,7 +18,20 @@
</b>
<span
v-if="apiStore.donatorsData.includes(entry.dispatcherName)"
v-if="isCreator(entry.dispatcherName)"
data-tooltip-type="CreatorTooltip"
:data-tooltip-content="$t('donations.creator-message')"
>
<router-link
class="text--creator"
:to="`/journal/dispatchers?search-dispatcher=${entry.dispatcherName}`"
>
{{ entry.dispatcherName }}
</router-link>
</span>
<span
v-else-if="apiStore.donatorsData.includes(entry.dispatcherName)"
data-tooltip-type="DonatorTooltip"
:data-tooltip-content="$t('donations.dispatcher-message')"
>
@@ -122,6 +135,7 @@ import styleMixin from '../../../mixins/styleMixin';
import { useApiStore } from '../../../store/apiStore';
import StationStatusBadge from '../../Global/StationStatusBadge.vue';
import FlagIcon from '../../Global/FlagIcon.vue';
import { isCreator } from '../../../utils/userUtils';
export default defineComponent({
props: {
@@ -134,7 +148,7 @@ export default defineComponent({
emits: ['toggleShowExtraInfo'],
data() {
return { regions, apiStore: useApiStore() };
return { regions, apiStore: useApiStore(), isCreator };
},
methods: {
@@ -59,7 +59,17 @@
</strong>
<router-link
v-if="apiStore.donatorsData.includes(timetable.driverName)"
v-if="isCreator(timetable.driverName)"
class="text--creator"
data-tooltip-type="CreatorTooltip"
:data-tooltip-content="$t('donations.creator-message')"
:to="`/journal/timetables?search-driver=${timetable.driverName}`"
>
<strong>{{ timetable.driverName }}</strong>
</router-link>
<router-link
v-else-if="apiStore.donatorsData.includes(timetable.driverName)"
class="text--donator"
data-tooltip-type="DonatorTooltip"
:data-tooltip-content="$t('donations.driver-message')"
@@ -115,6 +125,7 @@ import styleMixin from '../../../mixins/styleMixin';
import { useApiStore } from '../../../store/apiStore';
import trainCategoryMixin from '../../../mixins/trainCategoryMixin';
import FlagIcon from '../../Global/FlagIcon.vue';
import { isCreator } from '../../../utils/userUtils';
export default defineComponent({
components: { FlagIcon },
@@ -122,7 +133,8 @@ export default defineComponent({
data() {
return {
apiStore: useApiStore()
apiStore: useApiStore(),
isCreator
};
},