ramon
/
skillbox
1
0
Fork 0
Code Issues 1 Pull Requests 1 Packages Projects 1 Releases 1 Wiki Activity

Add sidebar component to layouts

This commit is contained in:
Ramon Wenger 2020-06-02 16:38:14 +02:00
parent 283ee0db9b
commit 986809247a
3 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
client/src/App.vue
View File

@ -10,7 +10,7 @@
:is="showModal" :is="showModal"
v-if="showModal"/> v-if="showModal"/>
<component :is="layout"/> <component :is="layout"/>
<mobile-navigation v-if="showMobileNavigation"/>
</div> </div>
</template> </template>
@ -21,7 +21,6 @@
import FullScreenLayout from '@/layouts/FullScreenLayout'; import FullScreenLayout from '@/layouts/FullScreenLayout';
import PublicLayout from '@/layouts/PublicLayout'; import PublicLayout from '@/layouts/PublicLayout';
import Modal from '@/components/Modal'; import Modal from '@/components/Modal';
import MobileNavigation from '@/components/book-navigation/MobileNavigation';
import NewContentBlockWizard from '@/components/content-block-form/NewContentBlockWizard'; import NewContentBlockWizard from '@/components/content-block-form/NewContentBlockWizard';
import EditContentBlockWizard from '@/components/content-block-form/EditContentBlockWizard'; import EditContentBlockWizard from '@/components/content-block-form/EditContentBlockWizard';
import NewRoomEntryWizard from '@/components/rooms/room-entries/NewRoomEntryWizard'; import NewRoomEntryWizard from '@/components/rooms/room-entries/NewRoomEntryWizard';
@ -49,7 +48,6 @@
FullScreenLayout, FullScreenLayout,
PublicLayout, PublicLayout,
Modal, Modal,
MobileNavigation,
NewContentBlockWizard, NewContentBlockWizard,
EditContentBlockWizard, EditContentBlockWizard,
NewRoomEntryWizard, NewRoomEntryWizard,

7
client/src/layouts/BlankLayout.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<div class="blank-layout"> <div class="blank-layout">
<profile-sidebar/> <profile-sidebar/>
<navigation-sidebar/>
<router-view/> <router-view/>
</div> </div>
</template> </template>
@ -16,8 +17,12 @@
<script> <script>
import ProfileSidebar from '@/components/profile/ProfileSidebar'; import ProfileSidebar from '@/components/profile/ProfileSidebar';
import NavigationSidebar from '@/components/book-navigation/NavigationSidebar';
export default { export default {
components: {ProfileSidebar}, components: {
ProfileSidebar,
NavigationSidebar
},
} }
</script> </script>

7
client/src/layouts/DefaultLayout.vue
View File

@ -2,13 +2,10 @@
<div <div
:class="specialContainerClass" :class="specialContainerClass"
class="container skillbox layout"> class="container skillbox layout">
<navigation-sidebar/>
<profile-sidebar/> <profile-sidebar/>
<header-bar class="header layout__header"/> <header-bar class="header layout__header"/>
<mobile-header
class="header layout__header layout__header--mobile"
/>
<router-view class="layout__content"/> <router-view class="layout__content"/>
<default-footer class="layout__footer"/> <default-footer class="layout__footer"/>
</div> </div>
@ -19,12 +16,14 @@
import MobileHeader from '@/components/MobileHeader'; import MobileHeader from '@/components/MobileHeader';
import ProfileSidebar from '@/components/profile/ProfileSidebar'; import ProfileSidebar from '@/components/profile/ProfileSidebar';
import DefaultFooter from '@/layouts/DefaultFooter'; import DefaultFooter from '@/layouts/DefaultFooter';
import NavigationSidebar from '@/components/book-navigation/NavigationSidebar';
export default { export default {
components: { components: {
HeaderBar, HeaderBar,
MobileHeader, MobileHeader,
ProfileSidebar, ProfileSidebar,
NavigationSidebar,
DefaultFooter DefaultFooter
}, },