dodano wyróżnienie nicku wspierającego w Dzienniku

src/components/JournalView/JournalDispatchersList.vue

@@ -43,7 +43,17 @@
                     <router-link
                       :to="`/journal/dispatchers?dispatcherName=${historyItem.dispatcherName}`"
                     >
-                      <b>{{ historyItem.dispatcherName }}</b>
+                      <b
+                        v-if="isDonator(historyItem.dispatcherName)"
+                        class="text--donator"
+                        :title="$t('donations.dispatcher-message')"
+                      >
+                        {{ historyItem.dispatcherName }}
+                      </b>
+
+                      <b v-else>
+                        {{ historyItem.dispatcherName }}
+                      </b>
                     </router-link>
                   </td>
                   <td>
@@ -121,11 +131,12 @@ import { regions } from '../../data/options.json';
 import AddDataButton from '../Global/AddDataButton.vue';
 import { API } from '../../typings/api';
 import { Status } from '../../typings/common';
+import donatorMixin from '../../mixins/donatorMixin';
 
 export default defineComponent({
   components: { Loading, AddDataButton },
 
-  mixins: [dateMixin, styleMixin],
+  mixins: [dateMixin, styleMixin, donatorMixin],
 
   props: {
     dispatcherHistory: {

src/components/JournalView/JournalTimetables/TimetableGeneral.vue

@@ -28,7 +28,17 @@
         {{ timetable.driverLevel < 2 ? 'L' : `${timetable.driverLevel}` }}
       </strong>
 
-      <strong>{{ timetable.driverName }}</strong>
+      <strong
+        v-if="isDonator(timetable.driverName)"
+        class="text--donator"
+        :title="$t('donations.driver-message')"
+      >
+        {{ timetable.driverName }}
+      </strong>
+
+      <strong v-else>
+        {{ timetable.driverName }}
+      </strong>
     </span>
 
     <span class="general-time">
@@ -63,13 +73,14 @@
 <script lang="ts">
 import { PropType, defineComponent } from 'vue';
 
+import { API } from '../../../typings/api';
 import dateMixin from '../../../mixins/dateMixin';
 import modalTrainMixin from '../../../mixins/modalTrainMixin';
 import styleMixin from '../../../mixins/styleMixin';
-import { API } from '../../../typings/api';
+import donatorMixin from '../../../mixins/donatorMixin';
 
 export default defineComponent({
-  mixins: [dateMixin, modalTrainMixin, styleMixin],
+  mixins: [dateMixin, modalTrainMixin, styleMixin, donatorMixin],
 
   props: {
     timetable: {

src/components/JournalView/JournalTimetables/TimetableHistoryList.vue

@@ -46,6 +46,8 @@ import TimetableExtra from './TimetableExtra.vue';
 import { API } from '../../../typings/api';
 
 export default defineComponent({
+  components: { TimetableGeneral, TimetableStops, TimetableStatus, TimetableExtra },
+
   props: {
     timetableHistory: {
       type: Array as PropType<API.TimetableHistory.Response>,
@@ -59,9 +61,7 @@ export default defineComponent({
         showExtraInfo: ref(false)
       }));
     }
-  },
+  }
-  methods: {},
-  components: { TimetableGeneral, TimetableStops, TimetableStatus, TimetableExtra }
 });
 </script>
 

src/mixins/donatorMixin.ts

@@ -0,0 +1,16 @@
+import { defineComponent } from 'vue';
+import { useStore } from '../store/mainStore';
+
+export default defineComponent({
+  data() {
+    return {
+      store: useStore()
+    };
+  },
+
+  methods: {
+    isDonator(name: string) {
+      return this.store.donatorsData.includes(name);
+    }
+  }
+});

src/styles/global.scss

@@ -14,7 +14,7 @@
   --clr-error: #df3e3e;
   --clr-warning: #c59429;
 
-  --clr-honorable: #f47fff;
+  --clr-donator: #f7a4ff;
 
   font-size: 16px;
 }
@@ -158,9 +158,9 @@ ul {
     color: #ccc;
   }
 
-  &--honorable {
+  &--donator {
-    color: var(--clr-honorable);
+    color: var(--clr-donator);
-    text-shadow: var(--clr-honorable) 0 0 10px;
+    text-shadow: var(--clr-donator) 0 0 10px;
   }
 }