80 lines
1.9 KiB
JavaScript
80 lines
1.9 KiB
JavaScript
import "bootstrap/dist/css/bootstrap.min.css";
|
|
import "bootstrap";
|
|
import smoothscroll from "smoothscroll-polyfill";
|
|
import "../css/app.css";
|
|
import { createApp, h } from "vue";
|
|
import { createMetaManager, plugin as metaPlugin } from "vue-meta";
|
|
import api from "./api";
|
|
import App from "./views/App.vue";
|
|
import VueNumber from "vue-number-animation";
|
|
import router from "./router";
|
|
import i18n from "./i18n";
|
|
import featureflags from "./featureflags";
|
|
import { watchThemeChanges } from "./theme";
|
|
|
|
smoothscroll.polyfill();
|
|
|
|
const app = createApp({
|
|
data() {
|
|
return { notifications: [], offline: false };
|
|
},
|
|
watch: {
|
|
offline: function (value) {
|
|
console.log(`we are ${value ? "offline" : "online"}`);
|
|
},
|
|
},
|
|
methods: {
|
|
raise: function (msg) {
|
|
console[msg.type](msg);
|
|
const now = new Date();
|
|
const latestMsg = this.notifications[0];
|
|
if (latestMsg && latestMsg.message === msg.message) {
|
|
latestMsg.count++;
|
|
latestMsg.time = now;
|
|
} else {
|
|
this.notifications = [
|
|
{
|
|
...msg,
|
|
count: 1,
|
|
time: now,
|
|
},
|
|
...this.notifications,
|
|
];
|
|
}
|
|
},
|
|
clear: function () {
|
|
this.notifications = [];
|
|
},
|
|
error: function (msg) {
|
|
msg.type = "error";
|
|
this.raise(msg);
|
|
},
|
|
setOnline: function () {
|
|
this.offline = false;
|
|
},
|
|
setOffline: function () {
|
|
this.offline = true;
|
|
},
|
|
warn: function (msg) {
|
|
msg.type = "warn";
|
|
this.raise(msg);
|
|
},
|
|
},
|
|
render: function () {
|
|
return h(App, { notifications: this.notifications, offline: this.offline });
|
|
},
|
|
});
|
|
|
|
app.use(i18n);
|
|
app.use(router);
|
|
app.use(createMetaManager());
|
|
app.use(metaPlugin);
|
|
app.use(featureflags);
|
|
app.use(VueNumber);
|
|
window.app = app.mount("#app");
|
|
|
|
window.setInterval(function () {
|
|
api.get("health").then(window.app.setOnline).catch(window.app.setOffline);
|
|
}, 5000);
|
|
|
|
watchThemeChanges();
|