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

filtrowanie statusów; poprawki w statystykach

Browse Source
This commit is contained in:
Spythere
2023-10-31 22:53:18 +01:00
parent e4ed24de80
commit 380c97655c
14 changed files with 183 additions and 215 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/StationsView/StationTable.vue
+26 -27
View File
@@ -230,11 +230,9 @@
</td>
<td class="station_users" :class="{ inactive: !station.onlineInfo }">
<span>
<span class="highlight">{{ station.onlineInfo?.currentUsers || 0 }}</span>
/
<span class="highlight">{{ station.onlineInfo?.maxUsers || 0 }}</span>
</span>
<span>{{ station.onlineInfo?.currentUsers || 0 }}</span>
/
<span>{{ station.onlineInfo?.maxUsers || 0 }}</span>
</td>
<td class="station_spawns" :class="{ inactive: !station.onlineInfo }">
@@ -246,9 +244,7 @@
style="width: 30px"
:class="{ inactive: !station.onlineInfo }"
>
<span class="highlight">
{{ station.onlineInfo?.scheduledTrains?.length || 0 }}
</span>
{{ station.onlineInfo?.scheduledTrainCount.all }}
</td>
<td
@@ -256,15 +252,7 @@
style="width: 30px"
:class="{ inactive: !station.onlineInfo }"
>
<span style="color: #ccc">
{{
new Set([
...(station.onlineInfo?.scheduledTrains
?.filter((train) => !train.stopInfo.confirmed)
.map((train) => train.checkpointName) || [])
]).size || 0
}}
</span>
{{ station.onlineInfo?.scheduledTrainCount.unconfirmed }}
</td>
<td
@@ -272,12 +260,7 @@
style="width: 30px"
:class="{ inactive: !station.onlineInfo }"
>
<span style="color: #66ff6c">
{{
station.onlineInfo?.scheduledTrains?.filter((train) => train.stopInfo.confirmed)
.length || 0
}}
</span>
{{ station.onlineInfo?.scheduledTrainCount.confirmed }}
</td>
</tr>
</tbody>
@@ -391,10 +374,6 @@ $rowCol: #424242;
}
}
.highlight {
color: gold;
}
section.station_table {
overflow: auto;
overflow-y: hidden;
@@ -576,6 +555,26 @@ td.station {
}
}
.station_users {
span {
color: gold;
}
}
.station_schedules {
&.all {
color: gold;
}
&.unconfirmed {
color: #ccc;
}
&.confirmed {
color: lime;
}
}
.separator {
border-left: 3px solid #b3b3b3;
}