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.
78 lines
2.9 KiB
78 lines
2.9 KiB
<template>
|
|
<v-app id="inspire">
|
|
<snackbar></snackbar>
|
|
<v-navigation-drawer v-model="drawer" app>
|
|
<v-list dense>
|
|
<v-list-item>
|
|
<v-list-item-action>
|
|
<v-icon>mdi-home</v-icon>
|
|
</v-list-item-action>
|
|
<v-list-item-content>
|
|
<v-list-item-title>Home</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item>
|
|
<v-list-item-action>
|
|
<v-icon>mdi-book</v-icon>
|
|
</v-list-item-action>
|
|
<v-list-item-content>
|
|
<v-list-item-title>
|
|
<router-link :to="{ name: 'CourseList' }">Courses</router-link>
|
|
</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
<v-list-item>
|
|
<v-list-item-action>
|
|
<v-icon>mdi-book</v-icon>
|
|
</v-list-item-action>
|
|
<v-list-item-content>
|
|
<v-list-item-title>
|
|
<router-link :to="{ name: 'CourseCategoryList' }">Courses category</router-link>
|
|
</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
|
|
<v-list-item>
|
|
<v-list-item-action>
|
|
<v-icon>mdi-comment-quote</v-icon>
|
|
</v-list-item-action>
|
|
<v-list-item-content>
|
|
<v-list-item-title>
|
|
<router-link :to="{ name: 'ReviewList' }">Reviews</router-link>
|
|
</v-list-item-title>
|
|
</v-list-item-content>
|
|
</v-list-item>
|
|
</v-list>
|
|
</v-navigation-drawer>
|
|
<v-app-bar app color="indigo" dark>
|
|
<v-app-bar-nav-icon @click.stop="drawer = !drawer"></v-app-bar-nav-icon>
|
|
<v-toolbar-title>Application</v-toolbar-title>
|
|
</v-app-bar>
|
|
|
|
<v-content>
|
|
<Breadcrumb layout-class="pl-3 py-3" />
|
|
<router-view></router-view>
|
|
</v-content>
|
|
<v-footer color="indigo" app>
|
|
<span class="white--text">© 2019</span>
|
|
</v-footer>
|
|
</v-app>
|
|
</template>
|
|
|
|
<script>
|
|
import Breadcrumb from './components/Breadcrumb';
|
|
import Snackbar from './components/Snackbar';
|
|
|
|
export default {
|
|
name: "App",
|
|
components: {
|
|
Breadcrumb,
|
|
Snackbar
|
|
},
|
|
data: () => ({
|
|
drawer: null
|
|
}),
|
|
beforeMount() {
|
|
}
|
|
}
|
|
</script> |