better loading check
This commit is contained in:
parent
1e946827c1
commit
eef3f9816c
1 changed files with 0 additions and 119 deletions
119
\
119
\
|
@ -1,119 +0,0 @@
|
|||
<template>
|
||||
<MyNav :user="user" :site_info="site_info" v-if="!isLoading" />
|
||||
<v-main class="ma-4">
|
||||
<v-banner v-if="!site_info.backend_connected"
|
||||
icon="mdi-exclamation"
|
||||
color="error"
|
||||
text="Cannot connect to the data service. Please contact support." >
|
||||
</v-banner>
|
||||
<router-view :site_info="site_info" :user_info="user_info"></router-view>
|
||||
</v-main>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axios from 'axios'
|
||||
|
||||
export default {
|
||||
name: 'App',
|
||||
components: {
|
||||
},
|
||||
emits: ["ready"],
|
||||
data() {
|
||||
return {
|
||||
isLoading: false,
|
||||
site_info: {
|
||||
name: "",
|
||||
features: {},
|
||||
backend_connected: false
|
||||
},
|
||||
user: {
|
||||
first_name: "",
|
||||
last_name: "",
|
||||
email: "",
|
||||
token: "",
|
||||
logged_in: false
|
||||
},
|
||||
user_info: {}
|
||||
}
|
||||
},
|
||||
watch: {
|
||||
'user.logged_in'(val) {
|
||||
console.log("Login status is " + val)
|
||||
},
|
||||
'site_info.name'() {
|
||||
document.title = this.site_info.name
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
checkIfReady(){
|
||||
if (this.site_info.name != "") {
|
||||
this.$emit("ready")
|
||||
}
|
||||
},
|
||||
checkLoginStatus() {
|
||||
let url = this.$api_url + "/users/check_login"
|
||||
console.log("Checking login status...")
|
||||
axios
|
||||
.post(url)
|
||||
.then(resp => {
|
||||
this.user.logged_in = resp.data.logged_in
|
||||
this.user.first_name = resp.data.user.first_name
|
||||
if (this.user.logged_in) {
|
||||
console.log("Logged in.")
|
||||
if (window.location.pathname == "/login") {
|
||||
this.$router.push("/")
|
||||
}
|
||||
this.getUserInfo()
|
||||
} else {
|
||||
console.log("Not logged in.")
|
||||
this.$router.push("/login")
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.log("Error checking login status..." + error)
|
||||
this.$router.push("/login")
|
||||
})
|
||||
|
||||
},
|
||||
async getSiteInfo() {
|
||||
console.log("Trying to get site Info...")
|
||||
axios
|
||||
.get(this.$api_url + "/info")
|
||||
.then(response => {
|
||||
this.site_info = response.data
|
||||
console.log(this.site_info)
|
||||
this.site_info.backend_connected = true
|
||||
})
|
||||
.catch(error => {
|
||||
this.site_info.name = "Error getting data connection"
|
||||
this.site_info.backend_connected = false
|
||||
console.log(error)
|
||||
setTimeout(() => {
|
||||
this.getSiteInfo()
|
||||
},5000)
|
||||
}).finally(() => {
|
||||
this.checkIfReady()
|
||||
})
|
||||
|
||||
},
|
||||
async getUserInfo() {
|
||||
let url = this.$api_url + "/users/info"
|
||||
console.log(url)
|
||||
axios.get(url)
|
||||
.then(resp => {
|
||||
this.user_info = resp.data
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
}
|
||||
},
|
||||
created() {
|
||||
this.getSiteInfo()
|
||||
if (window.location.pathname != "/login") {
|
||||
this.checkLoginStatus()
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
Loading…
Reference in a new issue