Fix: ikonka braku danych w widoku scenerii

This commit is contained in:
2022-07-08 20:57:25 +02:00
parent 10934b12d8
commit 45f9d1e68b
@@ -1,6 +1,7 @@
<template> <template>
<section class="info-icons" v-if="station.generalInfo"> <section class="info-icons">
<span <span
v-if="station.generalInfo"
class="scenery-icon icon-info" class="scenery-icon icon-info"
:class="station.generalInfo.controlType.replace('+', '-')" :class="station.generalInfo.controlType.replace('+', '-')"
:title="$t('desc.control-type') + $t(`controls.${station.generalInfo.controlType}`)" :title="$t('desc.control-type') + $t(`controls.${station.generalInfo.controlType}`)"
@@ -9,54 +10,60 @@
</span> </span>
<img <img
v-if="station.generalInfo?.SUP"
class="icon-info" class="icon-info"
v-if="station.generalInfo.SUP"
:src="require(`@/assets/icon-SUP.svg`)" :src="require(`@/assets/icon-SUP.svg`)"
alt="SUP (RASP-UZK)" alt="SUP (RASP-UZK)"
:title="$t('desc.SUP')" :title="$t('desc.SUP')"
/> />
<img <img
v-if="station.generalInfo?.signalType"
class="icon-info" class="icon-info"
v-if="station.generalInfo.signalType"
:src="require(`@/assets/icon-${station.generalInfo.signalType}.svg`)" :src="require(`@/assets/icon-${station.generalInfo.signalType}.svg`)"
:alt="station.generalInfo.signalType" :alt="station.generalInfo.signalType"
:title="$t('desc.signals-type') + $t(`signals.${station.generalInfo.signalType}`)" :title="$t('desc.signals-type') + $t(`signals.${station.generalInfo.signalType}`)"
/> />
<img <img
v-if="station.generalInfo?.availability == 'nonPublic'"
class="icon-info" class="icon-info"
v-if="station.generalInfo.availability == 'nonPublic'"
:src="icons.lock" :src="icons.lock"
alt="Non-public scenery" alt="Non-public scenery"
:title="$t('desc.non-public')" :title="$t('desc.non-public')"
/> />
<img <img
v-if="station.generalInfo?.availability == 'unavailable'"
class="icon-info" class="icon-info"
v-if="station.generalInfo.availability == 'unavailable'"
:src="icons.unavailable" :src="icons.unavailable"
alt="Unavailable scenery" alt="Unavailable scenery"
:title="$t('desc.unavailable')" :title="$t('desc.unavailable')"
/> />
<img <img
v-if="station.generalInfo?.availability == 'abandoned'"
class="icon-info" class="icon-info"
v-if="station.generalInfo.availability == 'abandoned'"
:src="icons.abandoned" :src="icons.abandoned"
alt="Abandoned scenery" alt="Abandoned scenery"
:title="$t('desc.abandoned')" :title="$t('desc.abandoned')"
/> />
<img <img
v-if="station.generalInfo?.lines"
class="icon-info" class="icon-info"
v-if="station.generalInfo && station.generalInfo.lines != ''"
:src="icons.real" :src="icons.real"
alt="real scenery" alt="real scenery"
:title="`${$t('desc.real')} ${station.generalInfo.lines}`" :title="`${$t('desc.real')} ${station.generalInfo.lines}`"
/> />
<img v-if="!station.generalInfo" :src="icons.unknown" alt="icon-unknown" :title="$t('desc.unknown')" /> <img
v-if="!station.generalInfo"
class="icon-info"
:src="icons.unknown"
alt="icon-unknown"
:title="$t('desc.unknown')"
/>
</section> </section>
</template> </template>