4dc4a91224
* origin/develop: add SK (Slovak) translation ReactButton: Workaround for android composition mode EmojiPicker: Workaround to search immediately on mobile Fix top bar input text colour Show underlay for mobile Fix tests Add English translations for correctly i18nized time units Delegate relativeTime plural rules to vue-i18n restore notifications page, fix z-index issues Make lint happy Add English translations for backup UI Add backup UI Add English translation for list aliases error Log errors when listing aliases Add changelog Add Engilsh translation for migration Add frontend ui for aliases and migration Change translation key Explain better what delete does in moderation menu
63 lines
1.8 KiB
Vue
63 lines
1.8 KiB
Vue
<template>
|
|
<div
|
|
id="app-loaded"
|
|
:style="bgStyle"
|
|
>
|
|
<div
|
|
id="app_bg_wrapper"
|
|
class="app-bg-wrapper"
|
|
/>
|
|
<MobileNav v-if="layoutType === 'mobile'" />
|
|
<DesktopNav v-else />
|
|
<Notifications v-if="currentUser" />
|
|
<div
|
|
id="content"
|
|
class="app-layout container"
|
|
:class="classes"
|
|
>
|
|
<div class="underlay"/>
|
|
<div id="sidebar" class="column -scrollable" :class="{ '-show-scrollbar': showScrollbars }">
|
|
<user-panel />
|
|
<template v-if="layoutType !== 'mobile'">
|
|
<nav-panel />
|
|
<instance-specific-panel v-if="showInstanceSpecificPanel" />
|
|
<features-panel v-if="!currentUser && showFeaturesPanel" />
|
|
<who-to-follow-panel v-if="currentUser && suggestionsEnabled" />
|
|
<div id="notifs-sidebar" />
|
|
</template>
|
|
</div>
|
|
<div id="main-scroller" class="column main" :class="{ '-full-height': isChats }">
|
|
<div
|
|
v-if="!currentUser"
|
|
class="login-hint panel panel-default"
|
|
>
|
|
<router-link
|
|
:to="{ name: 'login' }"
|
|
class="panel-body"
|
|
>
|
|
{{ $t("login.hint") }}
|
|
</router-link>
|
|
</div>
|
|
<router-view />
|
|
</div>
|
|
<div id="notifs-column" class="column -scrollable" :class="{ '-show-scrollbar': showScrollbars }"/>
|
|
</div>
|
|
<MediaModal />
|
|
<shout-panel
|
|
v-if="currentUser && shout && !hideShoutbox"
|
|
:floating="true"
|
|
class="floating-shout mobile-hidden"
|
|
:class="{ '-left': shoutboxPosition }"
|
|
/>
|
|
<MobilePostStatusButton />
|
|
<UserReportingModal />
|
|
<PostStatusModal />
|
|
<SettingsModal />
|
|
<div id="modal" />
|
|
<GlobalNoticeList />
|
|
<div id="popovers" />
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./App.js"></script>
|
|
<style lang="scss" src="./App.scss"></style>
|