itepechi/akkoma-fe
1
0
Fork 0
Code Issues Pull requests Releases 1 Activity

autoload older notifications when scrolled to the bottom

Browse source
This commit is contained in:
taehoon 2019-05-03 07:52:22 -04:00
parent b4122c1003
commit 6ae3c1cfcf
3 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -63,6 +63,11 @@ const MobileNav = {
},
markNotificationsAsSeen () {
this.$refs.notifications.markAsSeen()
},
onScroll ({ target: { scrollTop, clientHeight, scrollHeight } }) {
if (this.$store.state.config.autoLoad && scrollTop + clientHeight >= scrollHeight) {
this.$refs.notifications.fetchOlderNotifications()
}
}
},
watch: {

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

@ -28,7 +28,7 @@
<i class="button-icon icon-cancel"/>
</a>
</div>
<div v-if="currentUser" class="mobile-notifications">
<div class="mobile-notifications" @scroll="onScroll">
<Notifications ref="notifications" noHeading="true"/>
</div>
</div>

4
src/components/notifications/notifications.js
View file

@ -52,6 +52,10 @@ const Notifications = {
this.$store.dispatch('markNotificationsAsSeen')
},
fetchOlderNotifications () {
if (this.loading) {
return
}
const store = this.$store
const credentials = store.state.users.currentUser.credentials
store.commit('setNotificationsLoading', { value: true })