Add settings page to app.

This commit is contained in:
Roger Braun 2017-02-16 22:25:41 +01:00
parent 52dd7c009f
commit 34bc38f0bf
4 changed files with 12 additions and 5 deletions

View file

@ -1,15 +1,13 @@
import UserPanel from './components/user_panel/user_panel.vue'
import NavPanel from './components/nav_panel/nav_panel.vue'
import Notifications from './components/notifications/notifications.vue'
import StyleSwitcher from './components/style_switcher/style_switcher.vue'
export default {
name: 'app',
components: {
UserPanel,
NavPanel,
Notifications,
StyleSwitcher
Notifications
},
data: () => ({
mobileActivePanel: 'timeline'

View file

@ -256,3 +256,8 @@ nav {
display: flex;
}
}
.item.right {
text-align: right;
padding-right: 20px;
}

View file

@ -5,7 +5,9 @@
<div class='item'>
<a route-to='friends-timeline' href="#">{{sitename}}</a>
</div>
<style-switcher></style-switcher>
<div class='item right'>
<router-link :to="{ name: 'settings'}"><i class="icon-cog"></i></router-link>
</div>
</div>
</nav>
<div class="container" id="content">

View file

@ -8,6 +8,7 @@ import FriendsTimeline from './components/friends_timeline/friends_timeline.vue'
import ConversationPage from './components/conversation-page/conversation-page.vue'
import Mentions from './components/mentions/mentions.vue'
import UserProfile from './components/user_profile/user_profile.vue'
import Settings from './components/settings/settings.vue'
import statusesModule from './modules/statuses.js'
import usersModule from './modules/users.js'
@ -48,7 +49,8 @@ const routes = [
{ path: '/main/friends', component: FriendsTimeline },
{ name: 'conversation', path: '/notice/:id', component: ConversationPage },
{ name: 'user-profile', path: '/users/:id', component: UserProfile },
{ name: 'mentions', path: '/:username/mentions', component: Mentions }
{ name: 'mentions', path: '/:username/mentions', component: Mentions },
{ name: 'settings', path: '/settings', component: Settings }
]
const router = new VueRouter({