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:
parent
a4493f05d3
commit
4fabeda3ec
4 changed files with 39 additions and 12 deletions
|
@ -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)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue