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.
50 lines
1.3 KiB
50 lines
1.3 KiB
<template> |
|
<div class="wrapper"> |
|
<side-bar> |
|
<mobile-menu slot="content"></mobile-menu> |
|
<sidebar-link to="/ucp/overview"> |
|
<i class="fa fa-line-chart"></i> |
|
<p>Dashboard</p> |
|
</sidebar-link> |
|
<sidebar-link to="/ucp/streams"> |
|
<i class="fa fa-signal"></i> |
|
<p>My Streams</p> |
|
</sidebar-link> |
|
</side-bar> |
|
<div class="main-panel"> |
|
<top-navbar></top-navbar> |
|
|
|
<dashboard-content @click="toggleSidebar"> |
|
|
|
</dashboard-content> |
|
|
|
<content-footer></content-footer> |
|
</div> |
|
</div> |
|
</template> |
|
<style lang="scss"> |
|
|
|
</style> |
|
<script> |
|
import TopNavbar from './TopNavbar.vue' |
|
import ContentFooter from './ContentFooter.vue' |
|
import DashboardContent from './Content.vue' |
|
import MobileMenu from './MobileMenu.vue' |
|
|
|
export default { |
|
components: { |
|
TopNavbar, |
|
ContentFooter, |
|
DashboardContent, |
|
MobileMenu |
|
}, |
|
methods: { |
|
toggleSidebar() { |
|
if (this.$sidebar.showSidebar) { |
|
this.$sidebar.displaySidebar(false) |
|
} |
|
} |
|
} |
|
} |
|
|
|
</script>
|
|
|