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,
'non-public': station.generalInfo?.nonPublic,
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>
@@ -57,18 +57,22 @@
<td class="station_level">
<span v-if="station.generalInfo">
<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)"
>
{{ station.generalInfo.reqLevel >= 2 ? station.generalInfo.reqLevel : 'L' }}
</span>
<span v-else-if="station.generalInfo.nonPublic">
<img :src="lockIcon" alt="non-public" :title="$t('desc.non-public')" />
</span>
<span v-else>
<img
:src="lockIcon"
alt="non-public"
:title="$t('desc.non-public')"
/>
<img :src="unavailableIcon" alt="unavailable" :title="$t('desc.unavailable')" />
</span>
</span>
@@ -167,13 +171,6 @@
: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')" />
</td>
@@ -384,14 +381,20 @@ tr.station {
td.station {
&_name {
font-weight: bold;
&.default {
font-weight: bold;
color: $accentCol;
}
&.non-public {
color: #bebebe;
}
&.unavailable {
font-weight: 500;
color: #bebebe;
}
}
&_level,