forked from AkkomaGang/akkoma-fe
95 lines
2.5 KiB
Vue
95 lines
2.5 KiB
Vue
<template>
|
|
<ul>
|
|
<li v-if="currentUser">
|
|
<router-link
|
|
class="menu-item"
|
|
:to="{ name: 'friends' }"
|
|
>
|
|
<FAIcon
|
|
fixed-width
|
|
class="fa-scale-110 fa-old-padding "
|
|
icon="home"
|
|
/>{{ $t("nav.home_timeline") }}
|
|
</router-link>
|
|
<span class="timeline-desc">{{ $t("nav.home_timeline_description") }}</span>
|
|
</li>
|
|
<li v-if="currentUser">
|
|
<router-link
|
|
class="menu-item"
|
|
:to="{ name: 'bubble-timeline' }"
|
|
>
|
|
<FAIcon
|
|
fixed-width
|
|
class="fa-scale-110 fa-old-padding "
|
|
icon="circle"
|
|
/>{{ $t("nav.bubble_timeline") }}
|
|
</router-link>
|
|
<span class="timeline-desc">{{ $t("nav.bubble_timeline_description") }}</span>
|
|
</li>
|
|
<li v-if="currentUser || !privateMode">
|
|
<router-link
|
|
class="menu-item"
|
|
:to="{ name: 'public-timeline' }"
|
|
>
|
|
<FAIcon
|
|
fixed-width
|
|
class="fa-scale-110 fa-old-padding "
|
|
icon="users"
|
|
/>{{ $t("nav.public_tl") }}
|
|
</router-link>
|
|
<span class="timeline-desc">{{ $t("nav.public_timeline_description") }}</span>
|
|
</li>
|
|
<li v-if="federating && (currentUser || !privateMode)">
|
|
<router-link
|
|
class="menu-item"
|
|
:to="{ name: 'public-external-timeline' }"
|
|
>
|
|
<FAIcon
|
|
fixed-width
|
|
class="fa-scale-110 fa-old-padding "
|
|
icon="globe"
|
|
/>{{ $t("nav.twkn") }}
|
|
</router-link>
|
|
<span class="timeline-desc">{{ $t("nav.twkn_timeline_description") }}</span>
|
|
</li>
|
|
<li v-if="currentUser">
|
|
<router-link
|
|
class="menu-item"
|
|
:to="{ name: 'bookmarks'}"
|
|
>
|
|
<FAIcon
|
|
fixed-width
|
|
class="fa-scale-110 fa-old-padding "
|
|
icon="bookmark"
|
|
/>{{ $t("nav.bookmarks") }}
|
|
</router-link>
|
|
</li>
|
|
<li v-if="currentUser">
|
|
<router-link
|
|
class="menu-item"
|
|
:to="{ name: 'dms', params: { username: currentUser.screen_name } }"
|
|
>
|
|
<FAIcon
|
|
fixed-width
|
|
class="fa-scale-110 fa-old-padding "
|
|
icon="envelope"
|
|
/>{{ $t("nav.dms") }}
|
|
</router-link>
|
|
</li>
|
|
</ul>
|
|
</template>
|
|
|
|
<script src="./timeline_menu_content.js" ></script>
|
|
|
|
<style lang="scss">
|
|
@import "../../_variables.scss";
|
|
.timeline-desc {
|
|
text-decoration: none;
|
|
color: var(--text, $fallback--text);
|
|
padding-left: 1em;
|
|
display: block;
|
|
background-color: scale(var(--bg, $fallback--bg), 0.1);
|
|
padding-bottom: 0.4em;
|
|
}
|
|
</style>
|