pleroma-fe/src/App.vue

116 lines
2.8 KiB
Vue
Raw Normal View History

2016-11-07 17:03:36 +00:00
<template>
2019-07-05 07:17:44 +00:00
<div
id="app"
:style="bgAppStyle"
>
<div
class="app-bg-wrapper"
:style="bgStyle"
/>
<MobileNav v-if="isMobileLayout" />
2019-07-05 07:17:44 +00:00
<nav
v-else
id="nav"
class="nav-bar container"
@click="scrollToTop()"
>
<div
class="logo"
:style="logoBgStyle"
>
<div
class="mask"
:style="logoMaskStyle"
/>
<img
:src="logo"
:style="logoStyle"
>
</div>
2019-07-05 07:17:44 +00:00
<div class="inner-nav">
<div class="item">
<router-link
class="site-name"
:to="{ name: 'root' }"
active-class="home"
>
{{ sitename }}
</router-link>
2017-01-16 17:57:03 +00:00
</div>
2019-07-05 07:17:44 +00:00
<div class="item right">
2019-07-15 16:42:27 +00:00
<search-bar
class="nav-icon mobile-hidden"
@toggled="onSearchBarToggled"
2019-07-05 07:17:44 +00:00
/>
<router-link
class="mobile-hidden"
:to="{ name: 'settings'}"
>
<i
class="button-icon icon-cog nav-icon"
:title="$t('nav.preferences')"
/>
</router-link>
<a
v-if="currentUser"
href="#"
class="mobile-hidden"
@click.prevent="logout"
><i
class="button-icon icon-logout nav-icon"
:title="$t('login.logout')"
/></a>
2017-02-16 21:25:41 +00:00
</div>
2016-11-07 17:03:36 +00:00
</div>
</nav>
2019-07-05 07:17:44 +00:00
<div
id="content"
class="container"
>
<div class="sidebar-flexer mobile-hidden">
<div class="sidebar-bounds">
<div class="sidebar-scroller">
<div class="sidebar">
2019-07-05 07:17:44 +00:00
<user-panel />
<div v-if="!isMobileLayout">
2019-07-05 07:17:44 +00:00
<nav-panel />
<instance-specific-panel v-if="showInstanceSpecificPanel" />
<features-panel v-if="!currentUser && showFeaturesPanel" />
<who-to-follow-panel v-if="currentUser && suggestionsEnabled" />
<notifications v-if="currentUser" />
</div>
</div>
</div>
</div>
2016-12-02 13:33:03 +00:00
</div>
<div class="main">
2019-07-05 07:17:44 +00:00
<div
v-if="!currentUser"
class="login-hint panel panel-default"
>
<router-link
:to="{ name: 'login' }"
class="panel-body"
>
2019-02-06 16:53:51 +00:00
{{ $t("login.hint") }}
</router-link>
2019-02-06 10:01:32 +00:00
</div>
2016-12-02 13:33:03 +00:00
<transition name="fade">
2019-07-05 07:17:44 +00:00
<router-view />
2016-12-02 13:33:03 +00:00
</transition>
</div>
2019-07-05 07:17:44 +00:00
<media-modal />
2016-11-07 17:03:36 +00:00
</div>
2019-07-05 07:17:44 +00:00
<chat-panel
v-if="currentUser && chat"
:floating="true"
class="floating-chat mobile-hidden"
/>
2019-03-19 08:53:11 +00:00
<UserReportingModal />
<portal-target name="modal" />
2016-11-07 17:03:36 +00:00
</div>
</template>
2016-10-26 14:46:32 +00:00
2016-10-26 17:03:55 +00:00
<script src="./App.js"></script>
<style lang="scss" src="./App.scss"></style>