Troplo/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

remove notifications from sidebar, make notifications appear on login only

Browse source
This commit is contained in:
shpuld 2019-03-14 20:40:56 +02:00
parent f19284357e
commit 0a86d39ba9
3 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/mobile_nav/mobile_nav.js
View file

@ -13,6 +13,9 @@ const MobileNav = {
notificationsOpen: false notificationsOpen: false
}), }),
computed: { computed: {
currentUser () {
return this.$store.state.users.currentUser
},
unseenNotifications () { unseenNotifications () {
return unseenNotificationsFromStore(this.$store) return unseenNotificationsFromStore(this.$store)
}, },

6
src/components/mobile_nav/mobile_nav.vue
View file

@ -8,18 +8,18 @@
<router-link class="site-name" :to="{ name: 'root' }" active-class="home">{{sitename}}</router-link> <router-link class="site-name" :to="{ name: 'root' }" active-class="home">{{sitename}}</router-link>
</div> </div>
<div class='item right'> <div class='item right'>
<a href="#" class="menu-button" @click.stop.prevent="toggleMobileNotifications()"> <a v-if="currentUser" href="#" class="menu-button" @click.stop.prevent="toggleMobileNotifications()">
<i class="button-icon icon-bell-alt"></i> <i class="button-icon icon-bell-alt"></i>
<div class="alert-dot" v-if="unseenNotificationsCount"></div> <div class="alert-dot" v-if="unseenNotificationsCount"></div>
</a> </a>
</div> </div>
<div class="mobile-notifications-header"> <div class="mobile-notifications-header">
<span>Notifications</span> <span>{{$t('notifications.notifications')}}</span>
<i class="icon-cancel" @click.stop.prevent="toggleMobileNotifications()"/> <i class="icon-cancel" @click.stop.prevent="toggleMobileNotifications()"/>
</div> </div>
</div> </div>
<SideDrawer ref="sideDrawer" :logout="logout"/> <SideDrawer ref="sideDrawer" :logout="logout"/>
<div class="mobile-notifications" :class="{ 'closed': !notificationsOpen }"> <div v-if="currentUser" class="mobile-notifications" :class="{ 'closed': !notificationsOpen }">
<Notifications ref="notifications" noHeading="true"/> <Notifications ref="notifications" noHeading="true"/>
</div> </div>
<MobilePostStatusModal /> <MobilePostStatusModal />

5
src/components/side_drawer/side_drawer.vue
View file

@ -20,11 +20,6 @@
{{ $t("login.login") }} {{ $t("login.login") }}
</router-link> </router-link>
</li> </li>
<li v-if="currentUser" @click="toggleDrawer">
<router-link :to="{ name: 'notifications', params: { username: currentUser.screen_name } }">
{{ $t("notifications.notifications") }} {{ unseenNotificationsCount > 0 ? `(${unseenNotificationsCount})` : '' }}
</router-link>
</li>
<li v-if="currentUser" @click="toggleDrawer"> <li v-if="currentUser" @click="toggleDrawer">
<router-link :to="{ name: 'dms', params: { username: currentUser.screen_name } }"> <router-link :to="{ name: 'dms', params: { username: currentUser.screen_name } }">
{{ $t("nav.dms") }} {{ $t("nav.dms") }}