pleroma-fe/src/App.vue

63 lines
1.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
2022-03-23 14:05:53 +00:00
id="app-loaded"
2022-03-28 11:26:50 +00:00
:style="bgStyle"
2019-07-05 07:17:44 +00:00
>
<div
2019-07-19 16:36:07 +00:00
id="app_bg_wrapper"
2019-07-05 07:17:44 +00:00
class="app-bg-wrapper"
/>
<MobileNav v-if="layoutType === 'mobile'" />
<DesktopNav v-else />
2022-04-05 16:22:15 +00:00
<notifications v-if="currentUser" />
2019-07-05 07:17:44 +00:00
<div
id="content"
2022-04-04 06:42:52 +00:00
class="app-layout container"
:class="classes"
2019-07-05 07:17:44 +00:00
>
2022-04-04 06:42:52 +00:00
<div class="underlay"/>
<div id="sidebar" class="column -scrollable" :class="{ '-show-scrollbar': showScrollbars }">
2022-04-04 06:42:52 +00:00
<user-panel />
<template v-if="layoutType !== 'mobile'">
2022-04-04 06:42:52 +00:00
<nav-panel />
<instance-specific-panel v-if="showInstanceSpecificPanel" />
<features-panel v-if="!currentUser && showFeaturesPanel" />
<who-to-follow-panel v-if="currentUser && suggestionsEnabled" />
2022-04-05 16:22:15 +00:00
<div id="notifs-sidebar" />
</template>
2016-12-02 13:33:03 +00:00
</div>
2022-04-11 20:30:41 +00:00
<div id="main-scroller" class="column main" :class="{ '-full-height': isChats }">
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>
<router-view />
2016-12-02 13:33:03 +00:00
</div>
<div id="notifs-column" class="column -scrollable" :class="{ '-show-scrollbar': showScrollbars }"/>
2016-11-07 17:03:36 +00:00
</div>
<media-modal />
<shout-panel
2021-06-14 20:33:51 +00:00
v-if="currentUser && shout && !hideShoutbox"
2019-07-05 07:17:44 +00:00
:floating="true"
class="floating-shout mobile-hidden"
2022-04-26 15:12:45 +00:00
:class="{ '-left': shoutboxPosition }"
2019-07-05 07:17:44 +00:00
/>
2019-09-19 17:59:34 +00:00
<MobilePostStatusButton />
2019-03-19 08:53:11 +00:00
<UserReportingModal />
<PostStatusModal />
2020-05-03 14:36:12 +00:00
<SettingsModal />
2022-03-17 06:35:19 +00:00
<div id="modal" />
<GlobalNoticeList />
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>