aboutsummaryrefslogtreecommitdiff
path: root/src/components/side_drawer/side_drawer.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/side_drawer/side_drawer.vue')
-rw-r--r--src/components/side_drawer/side_drawer.vue92
1 files changed, 25 insertions, 67 deletions
diff --git a/src/components/side_drawer/side_drawer.vue b/src/components/side_drawer/side_drawer.vue
index 9dd2f8b5..9abb8cef 100644
--- a/src/components/side_drawer/side_drawer.vue
+++ b/src/components/side_drawer/side_drawer.vue
@@ -1,90 +1,58 @@
<template>
- <div
- class="side-drawer-container"
+ <div class="side-drawer-container"
:class="{ 'side-drawer-container-closed': closed, 'side-drawer-container-open': !closed }"
>
- <div
- class="side-drawer-darken"
- :class="{ 'side-drawer-darken-closed': closed}"
- />
- <div
- class="side-drawer"
+ <div class="side-drawer-darken" :class="{ 'side-drawer-darken-closed': closed}" />
+ <div class="side-drawer"
:class="{'side-drawer-closed': closed}"
@touchstart="touchStart"
@touchmove="touchMove"
>
- <div
- class="side-drawer-heading"
- @click="toggleDrawer"
- >
- <UserCard
- v-if="currentUser"
- :user="currentUser"
- :hide-bio="true"
- />
- <div
- v-else
- class="side-drawer-logo-wrapper"
- >
- <img :src="logo">
- <span>{{ sitename }}</span>
+ <div class="side-drawer-heading" @click="toggleDrawer">
+ <UserCard :user="currentUser" :hideBio="true" v-if="currentUser"/>
+ <div class="side-drawer-logo-wrapper" v-else>
+ <img :src="logo"/>
+ <span>{{sitename}}</span>
</div>
</div>
<ul>
- <li
- v-if="!currentUser"
- @click="toggleDrawer"
- >
+ <li v-if="!currentUser" @click="toggleDrawer">
<router-link :to="{ name: 'login' }">
{{ $t("login.login") }}
</router-link>
</li>
- <li
- v-if="currentUser"
- @click="toggleDrawer"
- >
+ <li v-if="currentUser" @click="toggleDrawer">
<router-link :to="{ name: 'dms', params: { username: currentUser.screen_name } }">
{{ $t("nav.dms") }}
</router-link>
</li>
</ul>
<ul>
- <li
- v-if="currentUser"
- @click="toggleDrawer"
- >
+ <li v-if="currentUser" @click="toggleDrawer">
<router-link :to="{ name: 'friends' }">
{{ $t("nav.timeline") }}
</router-link>
</li>
- <li
- v-if="currentUser && currentUser.locked"
- @click="toggleDrawer"
- >
- <router-link to="/friend-requests">
+ <li v-if="currentUser && currentUser.locked" @click="toggleDrawer">
+ <router-link to='/friend-requests'>
{{ $t("nav.friend_requests") }}
- <span
- v-if="followRequestCount > 0"
- class="badge follow-request-count"
- >
- {{ followRequestCount }}
+ <span v-if='followRequestCount > 0' class="badge follow-request-count">
+ {{followRequestCount}}
</span>
+
</router-link>
</li>
<li @click="toggleDrawer">
- <router-link to="/main/public">
+ <router-link to='/main/public'>
{{ $t("nav.public_tl") }}
</router-link>
</li>
<li @click="toggleDrawer">
- <router-link to="/main/all">
+ <router-link to='/main/all'>
{{ $t("nav.twkn") }}
</router-link>
</li>
- <li
- v-if="currentUser && chat"
- @click="toggleDrawer"
- >
+ <li v-if="currentUser && chat" @click="toggleDrawer">
<router-link :to="{ name: 'chat' }">
{{ $t("nav.chat") }}
</router-link>
@@ -96,10 +64,7 @@
{{ $t("nav.user_search") }}
</router-link>
</li>
- <li
- v-if="currentUser && suggestionsEnabled"
- @click="toggleDrawer"
- >
+ <li v-if="currentUser && suggestionsEnabled" @click="toggleDrawer">
<router-link :to="{ name: 'who-to-follow' }">
{{ $t("nav.who_to_follow") }}
</router-link>
@@ -114,24 +79,17 @@
{{ $t("nav.about") }}
</router-link>
</li>
- <li
- v-if="currentUser"
- @click="toggleDrawer"
- >
- <a
- href="#"
- @click="doLogout"
- >
+ <li v-if="currentUser" @click="toggleDrawer">
+ <a @click="doLogout" href="#">
{{ $t("login.logout") }}
</a>
</li>
</ul>
</div>
- <div
- class="side-drawer-click-outside"
- :class="{'side-drawer-click-outside-closed': closed}"
+ <div class="side-drawer-click-outside"
@click.stop.prevent="toggleDrawer"
- />
+ :class="{'side-drawer-click-outside-closed': closed}"
+ ></div>
</div>
</template>