aboutsummaryrefslogtreecommitdiff
path: root/src/components/nav_panel/nav_panel.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/nav_panel/nav_panel.vue')
-rw-r--r--src/components/nav_panel/nav_panel.vue45
1 files changed, 45 insertions, 0 deletions
diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue
index 3fd27d89..9322e233 100644
--- a/src/components/nav_panel/nav_panel.vue
+++ b/src/components/nav_panel/nav_panel.vue
@@ -25,6 +25,51 @@
<TimelineMenuContent class="timelines" />
</div>
</li>
+ <li v-if="currentUser && listsNavigation">
+ <button
+ class="button-unstyled menu-item"
+ @click="toggleLists"
+ >
+ <router-link
+ :to="{ name: 'lists' }"
+ @click.stop
+ >
+ <FAIcon
+ fixed-width
+ class="fa-scale-110"
+ icon="list"
+ />{{ $t("nav.lists") }}
+ </router-link>
+ <FAIcon
+ class="timelines-chevron"
+ fixed-width
+ :icon="showLists ? 'chevron-up' : 'chevron-down'"
+ />
+ </button>
+ <div
+ v-show="showLists"
+ class="timelines-background"
+ >
+ <ListsMenuContent class="timelines" />
+ </div>
+ </li>
+ <li v-if="currentUser && !listsNavigation">
+ <router-link
+ :to="{ name: 'lists' }"
+ @click.stop
+ >
+ <button
+ class="button-unstyled menu-item"
+ @click="toggleLists"
+ >
+ <FAIcon
+ fixed-width
+ class="fa-scale-110"
+ icon="list"
+ />{{ $t("nav.lists") }}
+ </button>
+ </router-link>
+ </li>
<li v-if="currentUser">
<router-link
class="menu-item"