2020-04-30 17:48:53 +02:00
|
|
|
<template>
|
2020-05-07 17:45:04 +02:00
|
|
|
<div id="wrapper">
|
2020-05-08 18:02:18 +02:00
|
|
|
<!-- <TheHeader /> -->
|
|
|
|
<TheSettingBar />
|
|
|
|
<TheExploreBar />
|
|
|
|
<div id="main-content" class="container">
|
2020-05-07 17:45:04 +02:00
|
|
|
<!-- <BaseLoaderLayer
|
|
|
|
id="main-loader"
|
|
|
|
:is-loading="isLoading"
|
|
|
|
/> -->
|
2020-05-08 18:02:18 +02:00
|
|
|
<TheAppWelcome @newConn="showNewConnModal" />
|
2020-05-07 17:45:04 +02:00
|
|
|
</div>
|
2020-05-08 18:02:18 +02:00
|
|
|
<TheFooter />
|
|
|
|
<NewConnectionModal :is-opened="isNewConnModal" />
|
2020-04-30 17:48:53 +02:00
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
2020-05-08 18:02:18 +02:00
|
|
|
import { mapActions, mapState } from 'vuex';
|
|
|
|
import TheSettingBar from '@/components/TheSettingBar';
|
|
|
|
import TheExploreBar from '@/components/TheExploreBar';
|
|
|
|
import TheFooter from '@/components/TheFooter';
|
|
|
|
import TheAppWelcome from '@/components/TheAppWelcome';
|
|
|
|
import NewConnectionModal from '@/components/NewConnectionModal';
|
2020-04-30 17:48:53 +02:00
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'App',
|
|
|
|
components: {
|
2020-05-08 18:02:18 +02:00
|
|
|
TheSettingBar,
|
|
|
|
TheExploreBar,
|
|
|
|
TheFooter,
|
|
|
|
TheAppWelcome,
|
|
|
|
NewConnectionModal
|
2020-05-07 17:45:04 +02:00
|
|
|
},
|
|
|
|
data () {
|
|
|
|
return {
|
|
|
|
};
|
|
|
|
},
|
|
|
|
computed: {
|
2020-05-08 18:02:18 +02:00
|
|
|
...mapState({
|
|
|
|
isLoading: state => state.application.isLoading,
|
|
|
|
isNewConnModal: state => state.connections.isNewConnModal
|
|
|
|
})
|
2020-05-07 17:45:04 +02:00
|
|
|
},
|
|
|
|
methods: {
|
2020-05-08 18:02:18 +02:00
|
|
|
...mapActions({
|
|
|
|
showNewConnModal: 'connections/showNewConnModal'
|
|
|
|
})
|
2020-04-30 17:48:53 +02:00
|
|
|
}
|
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<style>
|
2020-05-07 17:45:04 +02:00
|
|
|
html,
|
|
|
|
body{
|
|
|
|
height: 100%;
|
2020-05-08 18:02:18 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
#wrapper{
|
|
|
|
display: flex;
|
|
|
|
height: 100vh;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
|
|
|
|
#main-content{
|
|
|
|
/* background: #232524; */
|
2020-05-07 17:45:04 +02:00
|
|
|
}
|
2020-04-30 17:48:53 +02:00
|
|
|
</style>
|