Spythere/stacjownik
1
0
Fork 0
mirror of https://github.com/Spythere/stacjownik.git synced 2026-05-04 22:08:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

dziennik dr: animacje

Browse Source
This commit is contained in:
Spythere
2023-09-03 18:47:01 +02:00
parent dc862252ba
commit 14d13360a8
1 changed files with 50 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/JournalView/JournalDispatchersList.vue
+5 -8
View File
@@ -29,7 +29,8 @@
</thead> </thead>
<tbody> <tbody>
<tr v-for="historyItem in dispatcherHistory"> <transition-group name="list-anim">
<tr v-for="historyItem in dispatcherHistory" :key="historyItem.id">
<td> <td>
<router-link :to="`/journal/dispatchers?sceneryName=${historyItem.stationName}`"> <router-link :to="`/journal/dispatchers?sceneryName=${historyItem.stationName}`">
<b>{{ historyItem.stationName }}</b> <b>{{ historyItem.stationName }}</b>
@@ -50,27 +51,22 @@
{{ historyItem.dispatcherLevel >= 2 ? historyItem.dispatcherLevel : 'L' }} {{ historyItem.dispatcherLevel >= 2 ? historyItem.dispatcherLevel : 'L' }}
</b> </b>
</td> </td>
<td class="text--primary"> <td class="text--primary">
<b>{{ historyItem.dispatcherRate }}</b> <b>{{ historyItem.dispatcherRate }}</b>
</td> </td>
<td> <td>
<b class="region-badge" :aria-describedby="historyItem.region">{{ <b class="region-badge" :aria-describedby="historyItem.region">{{
regions.find((r) => r.id == historyItem.region)?.value || '???' regions.find((r) => r.id == historyItem.region)?.value || '???'
}}</b> }}</b>
</td> </td>
<td style="min-width: 200px" class="time"> <td style="min-width: 200px" class="time">
<span v-if="historyItem.timestampTo"> <span v-if="historyItem.timestampTo" class="text--offline">
<b>{{ $d(historyItem.timestampFrom) }}</b> <b>{{ $d(historyItem.timestampFrom) }}</b>
{{ timestampToString(historyItem.timestampFrom) }} {{ timestampToString(historyItem.timestampFrom) }}
- {{ timestampToString(historyItem.timestampTo) }} ({{ - {{ timestampToString(historyItem.timestampTo) }} ({{
calculateDuration(historyItem.currentDuration) calculateDuration(historyItem.currentDuration)
}}) }})
</span> </span>
<span class="dispatcher-online" v-else> <span class="dispatcher-online" v-else>
<b class="text--online"> <b class="text--online">
<router-link :to="`/scenery?station=${historyItem.stationName}`">{{ <router-link :to="`/scenery?station=${historyItem.stationName}`">{{
@@ -82,6 +78,7 @@
</span> </span>
</td> </td>
</tr> </tr>
</transition-group>
</tbody> </tbody>
</table> </table>
@@ -230,7 +227,7 @@ table.scenery-history-table {
} }
&--offline { &--offline {
color: salmon; color: #ddd;
} }
} }
</style> </style>