Add list of replies under the name/links in conversation statuses, clicking them will highlight the statuses and scroll you to them, expanding a status will scroll you to that status once the conversation has opened.

This commit is contained in:
Shpuld Shpuldson 2017-06-04 23:58:15 +03:00
parent a4493f05d3
commit 4fabeda3ec
4 changed files with 39 additions and 12 deletions

View file

@ -13,7 +13,8 @@ const Status = {
'inConversation',
'focused',
'highlight',
'compact'
'compact',
'replies'
],
data: () => ({
replying: false,
@ -87,12 +88,14 @@ const Status = {
toggleReplying () {
this.replying = !this.replying
},
gotoOriginal () {
gotoOriginal (id) {
// only handled by conversation, not status_or_conversation
this.$emit('goto', this.status.in_reply_to_status_id)
//this.$emit('goto', this.status.in_reply_to_status_id)
this.$emit('goto', id)
},
toggleExpanded () {
this.$emit('toggleExpanded')
//console.log(this.replies)
},
toggleMute () {
this.unmuted = !this.unmuted
@ -108,9 +111,8 @@ const Status = {
let rect = this.$el.getBoundingClientRect()
if (rect.top < 100) {
window.scrollBy(0, rect.top - 200)
} else if (rect.bottom > window.innerHeight - 100) {
// will be useful when scrolling down to replies or root posts is in
window.scrollBy(0, rect.bottom + 200)
} else if (rect.bottom > window.innerHeight - 50) {
window.scrollBy(0, rect.bottom - window.innerHeight + 50)
}
}
}