Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-03 05:18:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

Nowy wygląd scenerii niedostępnych w tabelce

Browse Source
This commit is contained in:
Spythere
2022-01-14 03:16:41 +01:00
parent 937940ca77
commit 6ecb0b40fc
1 changed files with 18 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/StationsView/StationTable.vue
+18 -15
View File
@@ -47,7 +47,7 @@
default: station.generalInfo?.default, default: station.generalInfo?.default,
'non-public': station.generalInfo?.nonPublic, 'non-public': station.generalInfo?.nonPublic,
online: station.onlineInfo, online: station.onlineInfo,
'station-unavailable': station.generalInfo?.unavailable, unavailable: station.generalInfo?.unavailable,
}" }"
> >
<b v-if="station.generalInfo?.project" style="color: salmon;">{{ station.generalInfo.project }}</b> <b v-if="station.generalInfo?.project" style="color: salmon;">{{ station.generalInfo.project }}</b>
@@ -57,18 +57,22 @@
<td class="station_level"> <td class="station_level">
<span v-if="station.generalInfo"> <span v-if="station.generalInfo">
<span <span
v-if="station.generalInfo.reqLevel > -1 && !station.generalInfo.nonPublic" v-if="
station.generalInfo.reqLevel > -1 &&
!station.generalInfo.nonPublic &&
!station.generalInfo.unavailable
"
:style="calculateExpStyle(station.generalInfo.reqLevel, station.generalInfo.supportersOnly)" :style="calculateExpStyle(station.generalInfo.reqLevel, station.generalInfo.supportersOnly)"
> >
{{ station.generalInfo.reqLevel >= 2 ? station.generalInfo.reqLevel : 'L' }} {{ station.generalInfo.reqLevel >= 2 ? station.generalInfo.reqLevel : 'L' }}
</span> </span>
<span v-else-if="station.generalInfo.nonPublic">
<img :src="lockIcon" alt="non-public" :title="$t('desc.non-public')" />
</span>
<span v-else> <span v-else>
<img <img :src="unavailableIcon" alt="unavailable" :title="$t('desc.unavailable')" />
:src="lockIcon"
alt="non-public"
:title="$t('desc.non-public')"
/>
</span> </span>
</span> </span>
@@ -167,13 +171,6 @@
:title="$t('desc.SBL') + `${station.generalInfo.SBL}`" :title="$t('desc.SBL') + `${station.generalInfo.SBL}`"
/> />
<img
v-if="station.generalInfo?.unavailable"
:src="unavailableIcon"
alt="icon-unavailable"
:title="$t('desc.unavailable')"
/>
<img v-if="!station.generalInfo" :src="unknownIcon" alt="icon-unknown" :title="$t('desc.unknown')" /> <img v-if="!station.generalInfo" :src="unknownIcon" alt="icon-unknown" :title="$t('desc.unknown')" />
</td> </td>
@@ -384,14 +381,20 @@ tr.station {
td.station { td.station {
&_name { &_name {
font-weight: bold;
&.default { &.default {
font-weight: bold;
color: $accentCol; color: $accentCol;
} }
&.non-public { &.non-public {
color: #bebebe; color: #bebebe;
} }
&.unavailable {
font-weight: 500;
color: #bebebe;
}
} }
&_level, &_level,