2019-07-19 13:51:57 -07:00
|
|
|
<template>
|
|
|
|
<div id="app">
|
|
|
|
|
2019-12-19 21:50:50 -08:00
|
|
|
<global-site-menu />
|
2019-07-24 11:06:50 -07:00
|
|
|
|
2019-12-19 21:50:50 -08:00
|
|
|
<router-view />
|
2019-07-24 11:06:50 -07:00
|
|
|
|
2020-02-10 09:44:43 -08:00
|
|
|
<global-notification />
|
|
|
|
|
2019-07-19 13:51:57 -07:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
|
2020-02-01 14:21:22 -08:00
|
|
|
// import io from 'socket.io-client'
|
2020-02-11 13:11:14 -08:00
|
|
|
import axios from 'axios'
|
2020-02-01 14:21:22 -08:00
|
|
|
|
2019-07-19 13:51:57 -07:00
|
|
|
export default {
|
2019-12-19 21:50:50 -08:00
|
|
|
components: {
|
|
|
|
'global-site-menu': require('@/components/GlobalSiteMenu.vue').default,
|
2020-02-10 09:44:43 -08:00
|
|
|
'global-notification':require('@/components/GlobalNotificationComponent.vue').default
|
2019-12-19 21:50:50 -08:00
|
|
|
},
|
2019-07-19 13:51:57 -07:00
|
|
|
data: function(){
|
|
|
|
return {
|
|
|
|
// loggedIn:
|
|
|
|
}
|
|
|
|
},
|
|
|
|
beforeCreate: function(){
|
|
|
|
|
2020-02-01 14:21:22 -08:00
|
|
|
// const socket = io({ path:'/socket' });
|
|
|
|
const socket = this.$io
|
|
|
|
socket.on('connect', () => {
|
|
|
|
this.$store.commit('setSocketIoSocket', socket.id)
|
|
|
|
})
|
|
|
|
|
2019-12-19 21:50:50 -08:00
|
|
|
//Detect if user is on a mobile browser and set a flag in store
|
|
|
|
this.$store.commit('detectIsUserOnMobile')
|
|
|
|
|
2019-07-30 12:10:31 -07:00
|
|
|
//Set color theme based on local storage
|
|
|
|
if(localStorage.getItem('nightMode') == 'true'){
|
|
|
|
this.$store.commit('toggleNightMode')
|
|
|
|
}
|
|
|
|
|
2019-07-19 13:51:57 -07:00
|
|
|
//Puts token into state on page load
|
|
|
|
let token = localStorage.getItem('loginToken')
|
2019-07-24 11:06:50 -07:00
|
|
|
let username = localStorage.getItem('username')
|
|
|
|
|
2019-07-19 13:51:57 -07:00
|
|
|
if(token){
|
2019-07-24 11:06:50 -07:00
|
|
|
this.$store.commit('setLoginToken', {token, username})
|
2019-07-19 13:51:57 -07:00
|
|
|
}
|
2019-09-10 11:10:11 -07:00
|
|
|
|
2019-07-19 13:51:57 -07:00
|
|
|
},
|
|
|
|
mounted: function(){
|
|
|
|
},
|
|
|
|
computed: {
|
|
|
|
loggedIn () {
|
|
|
|
//Map logged in from state
|
|
|
|
return this.$store.getters.getLoggedIn
|
|
|
|
}
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
destroyLoginToken() {
|
|
|
|
this.$store.commit('destroyLoginToken')
|
2019-12-19 21:50:50 -08:00
|
|
|
},
|
|
|
|
loginGateway() {
|
|
|
|
if(!this.loggedIn){
|
|
|
|
console.log('This user is not logged in')
|
|
|
|
this.$router.push({'path':'/login'})
|
|
|
|
return
|
|
|
|
}
|
2019-07-19 13:51:57 -07:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</script>
|