therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add some more routes to side drawer

Browse source
This commit is contained in:
shpuld 2018-12-22 17:32:07 +02:00
parent 67263cde05
commit 4836c8ac74
5 changed files with 34 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/side_drawer/side_drawer.js
View file

@ -1,5 +1,5 @@
const SideDrawer = {
props: [ 'activatePanel', 'closed', 'clickoutside' ],
props: [ 'activatePanel', 'closed', 'clickoutside', 'logout' ],
computed: {
currentUser () {
return this.$store.state.users.currentUser
@ -14,6 +14,10 @@ const SideDrawer = {
if (typeof this.clickoutside === 'function') {
this.clickoutside()
}
},
doLogout () {
this.logout()
this.gotoPanel('timeline')
}
}
}

30
src/components/side_drawer/side_drawer.vue
View file

@ -3,21 +3,25 @@
<div class="panel panel-default side-drawer" :class="{'side-drawer-closed': closed}">
<ul>
<li v-if='currentUser'>
<a href="#" @click="gotoPanel('poststatus')">poststatus</a>
<a href="#" @click="gotoPanel('poststatus')">
{{ $t("post_status.new_status") }}
</a>
</li>
<li v-else>
<a href="#" @click="gotoPanel('poststatus')">
{{ $t("login.login") }}
</a>
</li>
<li v-if='currentUser'>
<a href="#" @click="gotoPanel('notifications')">notifications</a>
<a href="#" @click="gotoPanel('notifications')">
{{ $t("notifications.notifications") }}
</a>
</li>
<li v-if='currentUser'>
<router-link @click.native="gotoPanel('timeline')" to='/main/friends'>
{{ $t("nav.timeline") }}
</router-link>
</li>
<li v-if='currentUser'>
<router-link @click.native="gotoPanel('timeline')" :to="{ name: 'mentions', params: { username: currentUser.screen_name } }">
{{ $t("nav.mentions") }}
</router-link>
</li>
<li v-if='currentUser'>
<router-link @click.native="gotoPanel('timeline')" :to="{ name: 'dms', params: { username: currentUser.screen_name } }">
{{ $t("nav.dms") }}
@ -38,6 +42,16 @@
{{ $t("nav.twkn") }}
</router-link>
</li>
<li>
<router-link @click.native="gotoPanel('timeline')" :to="{ name: 'settings'}">
{{ $t("settings.settings") }}
</router-link>
</li>
<li v-if="currentUser">
<a @click="doLogout" href="#">
{{ $t("login.logout") }}
</a>
</li>
</ul>
</div>
<div class="side-drawer-click-outside" @click.stop.prevent="clickedOutside" :class="{'side-drawer-click-outside-closed': closed}"></div>
@ -139,8 +153,6 @@
&.router-link-active {
font-weight: bolder;
background-color: $fallback--lightBg;
background-color: var(--lightBg, $fallback--lightBg);
&:hover {
text-decoration: underline;