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

wskaźnik wersji na stronie

Browse Source
This commit is contained in:
Spythere
2023-11-29 15:35:26 +01:00
parent b109971ff9
commit 0f54963065
1 changed files with 21 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/TableActions.vue
+21 -11
View File
@@ -1,18 +1,24 @@
<template> <template>
<div class="table-actions"> <div class="table-actions">
<div class="pane info-pane"> <div class="info-pane">
<img src="/favicon.svg" width="50" alt="" /> <div>
<img src="/favicon.svg" width="50" alt="" />
</div>
<div> <div>
<span v-if="store.user"> <div style="font-size: 0.75em; color: #ccc">v{{ packageVersion }}</div>
Zalogowany jako <b>{{ store.user.name }}</b> <div>
</span> <span v-if="store.user">
&bull; Zalogowany jako <b>{{ store.user.name }}</b>
<span class="info-file" :class="store.dataState"> </span>
<span v-if="store.dataState == 'LOADING'">Ładowanie danych...</span> &bull;
<span v-if="store.dataState == 'LOADED'">Załadowano dane z bazy!</span> <span class="info-file" :class="store.dataState">
<span v-if="store.dataState == 'ERROR'">Błąd podczas pobierania danych!</span> <span v-if="store.dataState == 'LOADING'">Ładowanie danych...</span>
</span> <span v-if="store.dataState == 'LOADED'">Załadowano dane z bazy!</span>
<span v-if="store.dataState == 'ERROR'">Błąd podczas pobierania danych!</span>
</span>
</div>
<div> <div>
<span class="file-changes" style="color: salmon" v-if="store.unsavedChanges">Niezapisane zmiany!</span> <span class="file-changes" style="color: salmon" v-if="store.unsavedChanges">Niezapisane zmiany!</span>
<span class="file-changes" style="color: #aaa" v-else>Brak niezapisanych zmian</span> <span class="file-changes" style="color: #aaa" v-else>Brak niezapisanych zmian</span>
@@ -74,6 +80,8 @@ import { Availability, ChangeProp, HeaderTypes, SceneryRoutesInfo, SceneryRowIte
import { getAvailabilityValue } from '../types/typeUitls'; import { getAvailabilityValue } from '../types/typeUitls';
import client from '../common/http'; import client from '../common/http';
import { version } from '../../package.json';
export default defineComponent({ export default defineComponent({
setup() { setup() {
return { return {
@@ -84,6 +92,7 @@ export default defineComponent({
data() { data() {
return { return {
changelogVisible: false, changelogVisible: false,
packageVersion: version,
}; };
}, },
@@ -265,6 +274,7 @@ button {
.info-pane { .info-pane {
display: flex; display: flex;
align-items: center;
gap: 0.5em; gap: 0.5em;
} }