forked from AkkomaGang/akkoma-fe
610724ffcd
* upstream/develop: (142 commits) fix timeago font added hide_network option, fixed properties naming Fix fetching new users, add storing local users in usersObjects with their screen_name as well as id, so that they could be fetched zero-state with screen-name link. improve notification subscription Fix typo that prevented scope copy from working. added check for activatePanel is function or not addressed PR comments activate panel on user screen click added not preload check so hidden toggles asap removed counters from left panel added router-links to all relavent links added activatePanel onclick for timeago button added PR comments add checkbox to disable web push removed brackets from condition resolved lint issue renamed config to preload images and add ident to config added config for preload and made attachment responsive to it preload nsfw image fix ...
52 lines
2.4 KiB
Vue
52 lines
2.4 KiB
Vue
<template>
|
|
<div id="app" v-bind:style="style">
|
|
<nav class='container' @click="scrollToTop()" id="nav">
|
|
<div class='logo' :style='logoBgStyle'>
|
|
<div class='mask' :style='logoMaskStyle'></div>
|
|
<img :src='logo' :style='logoStyle'>
|
|
</div>
|
|
<div class='inner-nav'>
|
|
<div class='item'>
|
|
<router-link class="back-button" @click.native="activatePanel('timeline')" :to="{ name: 'root' }" active-class="hidden">
|
|
<i class="icon-left-open" :title="$t('nav.back')"></i>
|
|
</router-link>
|
|
<router-link class="site-name" :to="{ name: 'root' }" active-class="home">{{sitename}}</router-link>
|
|
</div>
|
|
<div class='item right'>
|
|
<user-finder class="nav-icon"></user-finder>
|
|
<router-link @click.native="activatePanel('timeline')" :to="{ name: 'settings'}"><i class="icon-cog nav-icon" :title="$t('nav.preferences')"></i></router-link>
|
|
<a href="#" v-if="currentUser" @click.prevent="logout"><i class="icon-logout nav-icon" :title="$t('login.logout')"></i></a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="container" id="content">
|
|
<div class="panel-switcher">
|
|
<button @click="activatePanel('sidebar')">Sidebar</button>
|
|
<button @click="activatePanel('timeline')">Timeline</button>
|
|
</div>
|
|
<div class="sidebar-flexer" :class="{ 'mobile-hidden': mobileActivePanel != 'sidebar'}">
|
|
<div class="sidebar-bounds">
|
|
<div class="sidebar-scroller">
|
|
<div class="sidebar">
|
|
<user-panel :activatePanel="activatePanel"></user-panel>
|
|
<nav-panel :activatePanel="activatePanel"></nav-panel>
|
|
<instance-specific-panel v-if="showInstanceSpecificPanel"></instance-specific-panel>
|
|
<features-panel v-if="!currentUser"></features-panel>
|
|
<who-to-follow-panel v-if="currentUser && suggestionsEnabled"></who-to-follow-panel>
|
|
<notifications :activatePanel="activatePanel" v-if="currentUser"></notifications>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="main" :class="{ 'mobile-hidden': mobileActivePanel != 'timeline' }">
|
|
<transition name="fade">
|
|
<router-view></router-view>
|
|
</transition>
|
|
</div>
|
|
</div>
|
|
<chat-panel v-if="currentUser && chat" class="floating-chat mobile-hidden"></chat-panel>
|
|
</div>
|
|
</template>
|
|
|
|
<script src="./App.js"></script>
|
|
<style lang="scss" src="./App.scss"></style>
|