You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
122 lines
2.9 KiB
122 lines
2.9 KiB
import {io} from "socket.io-client";
|
|
import { useToast } from 'vue-toastification'
|
|
const toast = useToast()
|
|
|
|
let storage = localStorage;
|
|
let socket;
|
|
|
|
export default {
|
|
|
|
data() {
|
|
return {
|
|
socket: {
|
|
token: null,
|
|
firstConnect: true,
|
|
connected: false,
|
|
},
|
|
allowLoginDialog: false, // Allowed to show login dialog, but "loggedIn" have to be true too. This exists because prevent the login dialog show 0.1s in first before the socket server auth-ed.
|
|
loggedIn: false,
|
|
monitorList: [
|
|
|
|
],
|
|
importantHeartbeatList: [
|
|
|
|
]
|
|
}
|
|
},
|
|
|
|
created() {
|
|
socket = io("http://localhost:3001", {
|
|
transports: ['websocket']
|
|
});
|
|
|
|
socket.on('monitorList', (data) => {
|
|
this.monitorList = data;
|
|
});
|
|
|
|
socket.on('disconnect', () => {
|
|
this.socket.connected = false;
|
|
});
|
|
|
|
socket.on('connect', () => {
|
|
this.socket.connected = true;
|
|
this.socket.firstConnect = false;
|
|
|
|
if (storage.token) {
|
|
this.loginByToken(storage.token)
|
|
} else {
|
|
this.allowLoginDialog = true;
|
|
}
|
|
|
|
});
|
|
|
|
},
|
|
|
|
methods: {
|
|
getSocket() {
|
|
return socket;
|
|
},
|
|
toastRes(res) {
|
|
if (res.ok) {
|
|
toast.success(res.msg);
|
|
} else {
|
|
toast.error(res.msg);
|
|
}
|
|
},
|
|
login(username, password, callback) {
|
|
socket.emit("login", {
|
|
username,
|
|
password,
|
|
}, (res) => {
|
|
|
|
if (res.ok) {
|
|
storage.token = res.token;
|
|
this.socket.token = res.token;
|
|
this.loggedIn = true;
|
|
|
|
// Trigger Chrome Save Password
|
|
history.pushState({}, '')
|
|
}
|
|
|
|
callback(res)
|
|
})
|
|
},
|
|
loginByToken(token) {
|
|
socket.emit("loginByToken", token, (res) => {
|
|
this.allowLoginDialog = true;
|
|
|
|
if (! res.ok) {
|
|
this.logout()
|
|
console.log(res.msg)
|
|
} else {
|
|
this.loggedIn = true;
|
|
}
|
|
})
|
|
},
|
|
logout() {
|
|
storage.removeItem("token");
|
|
this.socket.token = null;
|
|
this.loggedIn = false;
|
|
|
|
socket.emit("logout", () => {
|
|
toast.success("Logout Successfully")
|
|
})
|
|
},
|
|
add(monitor, callback) {
|
|
socket.emit("add", monitor, callback)
|
|
},
|
|
deleteMonitor(monitorID, callback) {
|
|
socket.emit("deleteMonitor", monitorID, callback)
|
|
},
|
|
loadMonitor(monitorID) {
|
|
|
|
}
|
|
},
|
|
|
|
computed: {
|
|
|
|
}
|
|
|
|
}
|
|
|