akkoma-fe/src/components/desktop_nav/desktop_nav.vue

82 lines
2 KiB
Vue
Raw Normal View History

<template>
<nav
id="nav"
class="DesktopNav"
:class="{ '-logoLeft': logoLeft }"
@click="scrollToTop()"
2020-11-01 14:44:57 +00:00
>
<div class="inner-nav">
<div class="item sitename">
<router-link
v-if="!hideSitename"
class="site-name"
:to="{ name: 'root' }"
active-class="home"
2020-11-01 14:44:57 +00:00
>
{{ sitename }}
</router-link>
</div>
<router-link
class="logo"
:to="{ name: 'root' }"
:style="logoBgStyle"
2020-11-01 14:44:57 +00:00
>
<div
class="mask"
:style="logoMaskStyle"
2020-11-01 14:44:57 +00:00
/>
<img
:src="logo"
:style="logoStyle"
2020-11-01 14:44:57 +00:00
>
</router-link>
<div class="item right actions">
<search-bar
v-if="currentUser || !privateMode"
@toggled="onSearchBarToggled"
@click.stop.native
2020-11-01 14:44:57 +00:00
/>
<button
class="button-unstyled nav-icon"
@click.stop="openSettingsModal"
2020-11-01 14:44:57 +00:00
>
<FAIcon
fixed-width
class="fa-scale-110 fa-old-padding"
icon="cog"
:title="$t('nav.preferences')"
2020-11-01 14:44:57 +00:00
/>
</button>
<a
v-if="currentUser && currentUser.role === 'admin'"
href="/pleroma/admin/#/login-pleroma"
class="nav-icon"
target="_blank"
>
<FAIcon
fixed-width
class="fa-scale-110 fa-old-padding"
icon="tachometer-alt"
:title="$t('nav.administration')"
/>
</a>
<button
v-if="currentUser"
class="button-unstyled nav-icon"
@click.prevent="logout"
>
<FAIcon
fixed-width
class="fa-scale-110 fa-old-padding"
icon="sign-out-alt"
:title="$t('login.logout')"
/>
</button>
</div>
2020-11-01 14:44:57 +00:00
</div>
</nav>
</template>
<script src="./desktop_nav.js"></script>
<style src="./desktop_nav.scss" lang="scss"></style>