diff --git a/src/components/JournalView/JournalDispatchersList.vue b/src/components/JournalView/JournalDispatchersList.vue index cb90d1a..0f1fb42 100644 --- a/src/components/JournalView/JournalDispatchersList.vue +++ b/src/components/JournalView/JournalDispatchersList.vue @@ -15,6 +15,14 @@ tabindex="0" > + + {{ item.dispatcherLevel >= 2 ? item.dispatcherLevel : 'L' }} + + {{ item.dispatcherName }}{{ item.stationName }}  #{{ item.stationHash }}  PL1 @@ -44,6 +52,7 @@ import { defineComponent, PropType } from 'vue'; import dateMixin from '../../mixins/dateMixin'; import { DispatcherHistory } from '../../scripts/interfaces/api/DispatchersAPIData'; +import styleMixin from '../../mixins/styleMixin'; export default defineComponent({ props: { @@ -53,7 +62,7 @@ export default defineComponent({ }, }, - mixins: [dateMixin], + mixins: [dateMixin, styleMixin], computed: { computedDispatcherHistory() { @@ -143,6 +152,18 @@ li.sticky { } } +.dispatcher-level { + display: inline-block; + text-align: center; + line-height: 150%; + + width: 25px; + height: 25px; + + margin-right: 0.5em; + border-radius: 0.25em; +} + @include smallScreen() { .journal_item { flex-direction: column; diff --git a/src/scripts/interfaces/api/DispatchersAPIData.ts b/src/scripts/interfaces/api/DispatchersAPIData.ts index 9a343ec..434f754 100644 --- a/src/scripts/interfaces/api/DispatchersAPIData.ts +++ b/src/scripts/interfaces/api/DispatchersAPIData.ts @@ -4,6 +4,8 @@ export interface DispatcherHistory { currentDuration: number; dispatcherId: number; dispatcherName: string; + dispatcherLevel: number | null; + dispatcherIsSupporter: boolean; isOnline: boolean; lastOnlineTimestamp: number; region: string;