Johannes Zellner
49 lines
800 B
Vue
49 lines
800 B
Vue
<template>
|
|
<div>
|
|
<CloudronHeader>
|
|
<template #left>
|
|
<span>You are logged in</span>
|
|
</template>
|
|
<template #right>
|
|
<Button label="Logout" @click="onLogout"/>
|
|
</template>
|
|
</CloudronHeader>
|
|
<div class="main-view">
|
|
<DirectoryView />
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
|
|
import Button from 'primevue/button';
|
|
|
|
import DirectoryView from '../components/DirectoryView.vue';
|
|
import CloudronHeader from '../components/CloudronHeader.vue';
|
|
|
|
export default {
|
|
name: 'Home',
|
|
components: {
|
|
DirectoryView,
|
|
CloudronHeader,
|
|
Button
|
|
},
|
|
methods: {
|
|
onLogout() {
|
|
delete localStorage.accessToken;
|
|
this.$router.push('/login');
|
|
}
|
|
}
|
|
};
|
|
|
|
</script>
|
|
|
|
<style scoped>
|
|
|
|
.main-view {
|
|
width: 100%;
|
|
height: 400px;
|
|
}
|
|
|
|
</style>
|