adb/matrix-chat
adb/matrix-chat
2
3
Fork 1
Code Issues Pull Requests Releases Wiki Activity

simplify loadEvents and load on mounted

Browse Source
This commit is contained in:
adb 2021-04-07 23:14:38 +02:00
parent 72c7886fc9
commit fda133486a
1 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/chat.vue
View File

@ -45,8 +45,8 @@ export default {
}, },
methods:{ methods:{
onScroll(){ onScroll(){
if (this.$refs.timelineContainer.scrollTop === 0) this.loadEvents(); if (this.$refs.timelineContainer.scrollTop < 400 && this.loadingStatus !== 'loading') this.loadEvents();
this.showScrollBtn = this.scroll.getScrollBottom() > 400; this.showScrollBtn = this.scroll.getScrollBottom() > 500;
}, },
resize(height = this.$refs.newMessage.clientHeight){ resize(height = this.$refs.newMessage.clientHeight){
this.$refs.chatContainer.style.height = `calc(100% - ${height}px - 3.5rem)`; this.$refs.chatContainer.style.height = `calc(100% - ${height}px - 3.5rem)`;
@ -56,10 +56,10 @@ export default {
}, },
async loadEvents(){ async loadEvents(){
let scrollBottom = this.scroll.getScrollBottom(); let scrollBottom = this.scroll.getScrollBottom();
this.loadingStatus = 'loading ...'; this.loadingStatus = 'loading';
await matrix.client.paginateEventTimeline(this.room.getLiveTimeline(), {backwards: true}) await matrix.client.scrollback(this.room, 30);
.then(state => this.loadingStatus = state?'load more':false); this.loadingStatus = 'load more';
if (this.loadingStatus) this.scroll.setScrollBottom(scrollBottom); this.scroll.setScrollBottom(scrollBottom)
}, },
getUser(userId){ getUser(userId){
return matrix.client.getUser(userId); return matrix.client.getUser(userId);
@ -76,11 +76,12 @@ export default {
} }
}, },
updated(){ updated(){
if(this.scroll.getScrollBottom() < 350) this.scroll.scrollToBottom(); if(this.scroll.getScrollBottom() < 400 && this.loadingStatus !== 'loading') this.scroll.scrollToBottom();
}, },
mounted(){ mounted(){
this.scroll = new scrollHandler(this.$refs.timelineContainer); this.scroll = new scrollHandler(this.$refs.timelineContainer);
this.scroll.scrollToBottom(); this.scroll.scrollToBottom();
this.onScroll();
}, },
watch: { watch: {
'$route'(){ '$route'(){