114 lines
3.2 KiB
TypeScript
114 lines
3.2 KiB
TypeScript
/// <reference path="types/webpack.d.ts"/>
|
|
|
|
import '../styles/main.scss'
|
|
import "leaflet/dist/leaflet.css";
|
|
|
|
import Popper from 'popper.js';
|
|
import * as $ from "jquery";
|
|
|
|
window['$'] = window['jQuery'] = $;
|
|
window['Popper'] = Popper;
|
|
|
|
// dependencies
|
|
import Vue from "vue";
|
|
import Vuex, { mapActions, mapState, Store } from 'vuex';
|
|
|
|
Vue.use(Vuex);
|
|
|
|
// async dependencies
|
|
(async function () {
|
|
const [ components, { default: store } ] = await Promise.all([
|
|
import('./components'),
|
|
import('./store'),
|
|
import('./font-awesome'),
|
|
import('./filters'),
|
|
import('bootstrap'),
|
|
]);
|
|
|
|
store.dispatch('messages/update');
|
|
|
|
// here goes "public" API
|
|
window['czydojade'] = {
|
|
components
|
|
};
|
|
|
|
let intervals = { messages: null, departures: null };
|
|
|
|
window['app'] = new Vue({
|
|
el: '#app',
|
|
store: store,
|
|
data: {
|
|
stops: [],
|
|
sections: {
|
|
messages: true
|
|
},
|
|
settings: {
|
|
messages: false,
|
|
departures: false
|
|
},
|
|
autorefresh: {
|
|
messages: {
|
|
active: true,
|
|
interval: 60
|
|
},
|
|
departures: {
|
|
active: true,
|
|
interval: 10
|
|
}
|
|
},
|
|
|
|
},
|
|
computed: {
|
|
messages(this: any) {
|
|
return {
|
|
count: this.$store.getters['messages/count'],
|
|
counts: this.$store.getters['messages/counts'],
|
|
state: this.$store.state.messages.state
|
|
};
|
|
},
|
|
departures(this: any) {
|
|
return {
|
|
state: this.$store.state.departures.state
|
|
};
|
|
}
|
|
},
|
|
watch: {
|
|
stops(this: any, stops) {
|
|
this.updateDepartures({ stops });
|
|
},
|
|
autorefresh: {
|
|
immediate: true,
|
|
deep: true,
|
|
handler(this: any, settings) {
|
|
if (intervals.messages) {
|
|
clearInterval(intervals.messages);
|
|
intervals.messages = null;
|
|
}
|
|
|
|
if (intervals.departures) {
|
|
clearInterval(intervals.departures);
|
|
intervals.messages = null;
|
|
}
|
|
|
|
if (settings.messages.active) {
|
|
intervals.messages = setInterval(() => this.updateMessages(), Math.max(5, settings.messages.interval) * 1000);
|
|
}
|
|
|
|
if (settings.departures.active) {
|
|
intervals.departures = setInterval(() => this.updateDepartures({ stops: this.stops }), Math.max(5, settings.departures.interval) * 1000);
|
|
}
|
|
}
|
|
}
|
|
},
|
|
methods: {
|
|
...mapActions({
|
|
updateMessages: 'messages/update',
|
|
updateDepartures: 'departures/update'
|
|
})
|
|
},
|
|
mounted() {
|
|
this.$el.classList.remove('not-ready');
|
|
}
|
|
});
|
|
})();
|