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

Zmiana instancji store'a na Pinia

Browse Source
This commit is contained in:
Spythere
2022-06-12 18:00:06 +02:00
parent 3a50609488
commit dbad518d55
19 changed files with 588 additions and 629 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/App/StatusIndicator.vue
+40 -41
View File
@@ -154,25 +154,20 @@
</svg>
<transition name="tooltip-anim">
<div v-html="$t(indicator.message)" class="indicator-tooltip" v-if="tooltipActive">
</div>
<div v-html="$t(indicator.message)" class="indicator-tooltip" v-if="tooltipActive"></div>
</transition>
</div>
</div>
</template>
<script lang="ts">
import { GETTERS } from '@/constants/storeConstants';
import { DataStatus } from '@/scripts/enums/DataStatus';
import { StoreData } from '@/scripts/interfaces/StoreData';
import { useStore } from '@/store';
import { State } from '@/store/types';
import { computed, defineComponent } from 'vue';
import { Store } from 'vuex';
import { useStore } from '@/store/store';
import { StoreState } from '@/store/storeTypes';
import { computed, defineComponent, watch } from 'vue';
export default defineComponent({
data() {
return {
icons: {
@@ -197,46 +192,50 @@ export default defineComponent({
},
setup() {
const store: Store<State> = useStore();
const store = useStore();
return {
dataStatus: computed(() => store.getters[GETTERS.allData] as StoreData)
}
return {
dataStatus: store.dataStatuses,
};
},
watch: {
dataStatus(storeData: StoreData) {
const sceneryDataStatus = storeData.sceneryDataStatus;
const trainsDataStatus = storeData.trainsDataStatus;
const dispatcherDataStatus = storeData.dispatcherDataStatus;
dataStatus: {
deep: true,
if (sceneryDataStatus == DataStatus.Error) {
this.setSignalStatus(sceneryDataStatus);
this.indicator.status = sceneryDataStatus;
this.indicator.message = 'data-status.S1a-sceneries';
return;
}
handler(statuses: StoreState['dataStatuses']) {
const sceneryDataStatus = statuses.sceneries;
const trainsDataStatus = statuses.trains;
const dispatcherDataStatus = statuses.dispatchers;
if (trainsDataStatus == DataStatus.Warning) {
this.setSignalStatus(trainsDataStatus);
this.indicator.status = trainsDataStatus;
this.indicator.message = 'data-status.S5-trains';
return;
}
if (sceneryDataStatus == DataStatus.Error) {
this.setSignalStatus(sceneryDataStatus);
this.indicator.status = sceneryDataStatus;
this.indicator.message = 'data-status.S1a-sceneries';
return;
}
if (dispatcherDataStatus == DataStatus.Warning) {
this.setSignalStatus(dispatcherDataStatus);
this.indicator.status = dispatcherDataStatus;
this.indicator.message = 'data-status.S5-dispatchers';
return;
}
if (trainsDataStatus == DataStatus.Warning) {
this.setSignalStatus(trainsDataStatus);
this.indicator.status = trainsDataStatus;
this.indicator.message = 'data-status.S5-trains';
return;
}
if (sceneryDataStatus == DataStatus.Loaded) {
this.setSignalStatus(DataStatus.Loaded);
this.indicator.status = DataStatus.Loaded;
this.indicator.message = 'data-status.S2';
}
if (dispatcherDataStatus == DataStatus.Warning) {
this.setSignalStatus(dispatcherDataStatus);
this.indicator.status = dispatcherDataStatus;
this.indicator.message = 'data-status.S5-dispatchers';
return;
}
if (sceneryDataStatus == DataStatus.Loaded) {
this.setSignalStatus(DataStatus.Loaded);
this.indicator.status = DataStatus.Loaded;
this.indicator.message = 'data-status.S2';
}
},
},
},