diff --git a/package.json b/package.json index 9198d0e..65d0a77 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "stacjownik", - "version": "1.19.2", + "version": "1.19.3", "private": true, "scripts": { "dev": "vite", diff --git a/src/App.vue b/src/App.vue index 756db8d..6d15145 100644 --- a/src/App.vue +++ b/src/App.vue @@ -39,12 +39,13 @@ import Clock from './components/App/Clock.vue'; import packageInfo from '.././package.json'; import { regions } from './data/options.json'; -import { useStore } from './store/mainStore'; +import { useMainStore } from './store/mainStore'; import StatusIndicator from './components/App/StatusIndicator.vue'; import TrainModal from './components/Global/TrainModal.vue'; import AppHeader from './components/App/AppHeader.vue'; import axios from 'axios'; import StorageManager from './managers/storageManager'; +import { useApiStore } from './store/apiStore'; export default defineComponent({ components: { @@ -56,7 +57,8 @@ export default defineComponent({ data: () => ({ VERSION: packageInfo.version, - store: useStore(), + store: useMainStore(), + apiStore: useApiStore(), currentLang: 'pl', releaseURL: '', @@ -65,17 +67,15 @@ export default defineComponent({ created() { this.loadLang(); - this.store.setupAPI(); + this.apiStore.setupAPI(); this.store.isOffline = !window.navigator.onLine; window.addEventListener('offline', () => { this.store.isOffline = true; + this.apiStore.activeData = undefined; - this.store.activeData.activeSceneries = []; - this.store.activeData.trains = []; - - this.store.setStatuses(); + this.apiStore.setDataStatuses(); }); window.addEventListener('online', () => { diff --git a/src/components/App/AppHeader.vue b/src/components/App/AppHeader.vue index d10da58..5e1264f 100644 --- a/src/components/App/AppHeader.vue +++ b/src/components/App/AppHeader.vue @@ -68,7 +68,7 @@ @@ -98,7 +79,7 @@ onMounted(() => { @import '../../styles/JournalStats.scss'; @import '../../styles/variables.scss'; -.tabs { +.stats-buttons { position: relative; display: flex; diff --git a/src/components/JournalView/JournalTimetables/JournalTimetablesList.vue b/src/components/JournalView/JournalTimetables/JournalTimetablesList.vue index e355c89..9f9f616 100644 --- a/src/components/JournalView/JournalTimetables/JournalTimetablesList.vue +++ b/src/components/JournalView/JournalTimetables/JournalTimetablesList.vue @@ -42,7 +42,7 @@ import { defineComponent, PropType } from 'vue'; import Loading from '../../Global/Loading.vue'; import AddDataButton from '../../Global/AddDataButton.vue'; import TimetableHistoryList from './TimetableHistoryList.vue'; -import { useStore } from '../../../store/mainStore'; +import { useMainStore } from '../../../store/mainStore'; import { Status } from '../../../typings/common'; import { API } from '../../../typings/api'; @@ -71,7 +71,7 @@ export default defineComponent({ data() { return { Status, - store: useStore() + store: useMainStore() }; } }); diff --git a/src/components/JournalView/JournalTimetables/TimetableGeneral.vue b/src/components/JournalView/JournalTimetables/TimetableGeneral.vue index 4a0a44a..b469d2c 100644 --- a/src/components/JournalView/JournalTimetables/TimetableGeneral.vue +++ b/src/components/JournalView/JournalTimetables/TimetableGeneral.vue @@ -111,16 +111,17 @@ export default defineComponent({ gap: 0.5em; margin-bottom: 0.5em; - - @include smallScreen() { - justify-content: center; - } } .info-date { margin-right: 0.5em; } +.badges { + display: flex; + gap: 0.25em; +} + .info-badge { padding: 0.05em 0.35em; color: black; @@ -142,7 +143,14 @@ export default defineComponent({ cursor: pointer; display: flex; flex-wrap: wrap; + justify-content: center; align-items: center; gap: 0.25em; } + +@include smallScreen { + .item-general { + justify-content: center; + } +} diff --git a/src/components/SceneryView/SceneryTimetable.vue b/src/components/SceneryView/SceneryTimetable.vue index 510d0d9..db26715 100644 --- a/src/components/SceneryView/SceneryTimetable.vue +++ b/src/components/SceneryView/SceneryTimetable.vue @@ -48,7 +48,7 @@
@@ -187,10 +187,11 @@ import Loading from '../Global/Loading.vue'; import dateMixin from '../../mixins/dateMixin'; import routerMixin from '../../mixins/routerMixin'; import Station from '../../scripts/interfaces/Station'; -import { useStore } from '../../store/mainStore'; +import { useMainStore } from '../../store/mainStore'; import modalTrainMixin from '../../mixins/modalTrainMixin'; import ScheduledTrainStatus from './ScheduledTrainStatus.vue'; import { OnlineScenery } from '../../store/typings'; +import { useApiStore } from '../../store/apiStore'; export default defineComponent({ name: 'SceneryTimetable', @@ -224,7 +225,8 @@ export default defineComponent({ const route = useRoute(); const currentURL = computed(() => `${location.origin}${route.fullPath}`); - const store = useStore(); + const apiStore = useApiStore(); + const mainStore = useMainStore(); const chosenCheckpoint = ref( props.station?.generalInfo?.checkpoints?.length == 0 @@ -235,7 +237,8 @@ export default defineComponent({ return { currentURL, chosenCheckpoint, - store + apiStore, + mainStore }; }, @@ -256,7 +259,7 @@ export default defineComponent({ (train) => train.checkpointName.toLocaleLowerCase() == (this.chosenCheckpoint || this.station!.name).toLocaleLowerCase() && - train.region == this.store.region.id + train.region == this.mainStore.region.id ) .sort((a, b) => { if (a.stopStatusID > b.stopStatusID) return 1; diff --git a/src/components/StationsView/StationFilterCard.vue b/src/components/StationsView/StationFilterCard.vue index 260119a..c4ec7f4 100644 --- a/src/components/StationsView/StationFilterCard.vue +++ b/src/components/StationsView/StationFilterCard.vue @@ -139,7 +139,7 @@ import { defineComponent, inject } from 'vue'; import keyMixin from '../../mixins/keyMixin'; import routerMixin from '../../mixins/routerMixin'; import { useStationFiltersStore } from '../../store/stationFiltersStore'; -import { useStore } from '../../store/mainStore'; +import { useMainStore } from '../../store/mainStore'; import FilterOption from './FilterOption.vue'; import StorageManager from '../../managers/storageManager'; @@ -163,7 +163,7 @@ export default defineComponent({ setup() { const isVisible = inject('isFilterCardVisible'); - const store = useStore(); + const store = useMainStore(); const filterStore = useStationFiltersStore(); return { diff --git a/src/components/StationsView/StationTable.vue b/src/components/StationsView/StationTable.vue index 6a19398..f83bc38 100644 --- a/src/components/StationsView/StationTable.vue +++ b/src/components/StationsView/StationTable.vue @@ -116,7 +116,7 @@ @@ -294,11 +294,12 @@ import stationInfoMixin from '../../mixins/stationInfoMixin'; import styleMixin from '../../mixins/styleMixin'; import Station from '../../scripts/interfaces/Station'; import { useStationFiltersStore } from '../../store/stationFiltersStore'; -import { useStore } from '../../store/mainStore'; +import { useMainStore } from '../../store/mainStore'; import Loading from '../Global/Loading.vue'; import { HeadIdsTypes, headIconsIds, headIds } from '../../scripts/data/stationHeaderNames'; import StationStatusBadge from '../Global/StationStatusBadge.vue'; import { Status } from '../../typings/common'; +import { useApiStore } from '../../store/apiStore'; export default defineComponent({ props: { @@ -325,17 +326,19 @@ export default defineComponent({ }, setup() { - const store = useStore(); + const mainStore = useMainStore(); + const apiStore = useApiStore(); const stationFiltersStore = useStationFiltersStore(); const isDataLoaded = computed(() => { - return store.dataStatuses.sceneries != Status.Data.Loading; + return apiStore.dataStatuses.sceneries != Status.Data.Loading; }); return { isDataLoaded, stationFiltersStore, - store + mainStore, + apiStore }; }, @@ -357,7 +360,7 @@ export default defineComponent({ openDonationModal(e: Event) { this.$emit('toggleDonationModal', true); - this.store.modalLastClickedTarget = e.target; + this.mainStore.modalLastClickedTarget = e.target; }, openForumSite(e: Event, url: string | undefined) { diff --git a/src/components/TrainsView/TrainInfo.vue b/src/components/TrainsView/TrainInfo.vue index 7ceca4a..7c772ce 100644 --- a/src/components/TrainsView/TrainInfo.vue +++ b/src/components/TrainsView/TrainInfo.vue @@ -35,7 +35,7 @@
{{ train.driverName }} @@ -126,7 +126,8 @@ import trainInfoMixin from '../../mixins/trainInfoMixin'; import Train from '../../scripts/interfaces/Train'; import ProgressBar from '../Global/ProgressBar.vue'; import TrainThumbnail from '../Global/TrainThumbnail.vue'; -import { useStore } from '../../store/mainStore'; +import { useMainStore } from '../../store/mainStore'; +import { useApiStore } from '../../store/apiStore'; export default defineComponent({ mixins: [trainInfoMixin, styleMixin], @@ -145,7 +146,8 @@ export default defineComponent({ data() { return { - store: useStore() + store: useMainStore(), + apiStore: useApiStore() }; } }); diff --git a/src/components/TrainsView/TrainSchedule.vue b/src/components/TrainsView/TrainSchedule.vue index 7325905..03df096 100644 --- a/src/components/TrainsView/TrainSchedule.vue +++ b/src/components/TrainsView/TrainSchedule.vue @@ -72,7 +72,7 @@ import { computed, defineComponent, PropType } from 'vue'; import dateMixin from '../../mixins/dateMixin'; import Train from '../../scripts/interfaces/Train'; -import { useStore } from '../../store/mainStore'; +import { useMainStore } from '../../store/mainStore'; import StopDate from '../Global/StopDate.vue'; import StockList from '../Global/StockList.vue'; import { TrainStop } from '../../store/typings'; @@ -92,7 +92,7 @@ export default defineComponent({ setup(props) { return { - store: useStore(), + store: useMainStore(), lastConfirmed: computed(() => { return props.train.timetableData!.followingStops.findIndex( diff --git a/src/components/TrainsView/TrainStats.vue b/src/components/TrainsView/TrainStats.vue index 7d2b44c..1ac8629 100644 --- a/src/components/TrainsView/TrainStats.vue +++ b/src/components/TrainsView/TrainStats.vue @@ -16,7 +16,7 @@
-
+
  • @@ -88,7 +88,7 @@
  • -
    +
    {{ $t('train-stats.stats-loading') }}
    @@ -102,8 +102,9 @@