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

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;