49 lines
1.5 KiB
Vue
49 lines
1.5 KiB
Vue
<template>
|
|
<div class="wrapper">
|
|
<side-bar>
|
|
<template slot="links">
|
|
<sidebar-link to="/dashboard" name="Dashboard" icon="tim-icons icon-chart-pie-36"/>
|
|
<sidebar-link to="/icons" name="Icons" icon="tim-icons icon-atom"/>
|
|
<sidebar-link to="/maps" name="Map" icon="tim-icons icon-pin"/>
|
|
<sidebar-link to="/notifications" name="Notifications" icon="tim-icons icon-bell-55"/>
|
|
<sidebar-link to="/profile" name="User Profile" icon="tim-icons icon-single-02"/>
|
|
<sidebar-link to="/table-list" name="Table List" icon="tim-icons icon-puzzle-10"/>
|
|
<sidebar-link to="/typography" name="Typography" icon="tim-icons icon-align-center"/>
|
|
<sidebar-link to="/dashboard?enableRTL=true" name="RTL Support" icon="tim-icons icon-world"/>
|
|
</template>
|
|
</side-bar>
|
|
<div class="main-panel">
|
|
<top-navbar></top-navbar>
|
|
|
|
<dashboard-content @click.native="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";
|
|
export default {
|
|
components: {
|
|
TopNavbar,
|
|
ContentFooter,
|
|
DashboardContent,
|
|
MobileMenu
|
|
},
|
|
methods: {
|
|
toggleSidebar() {
|
|
if (this.$sidebar.showSidebar) {
|
|
this.$sidebar.displaySidebar(false);
|
|
}
|
|
}
|
|
}
|
|
};
|
|
</script>
|