Support diving into one status in a conversation
This commit is contained in:
parent
ace1f5067c
commit
84a3cd92a3
6 changed files with 94 additions and 13 deletions
src/components/conversation
|
@ -2,6 +2,17 @@ import { reduce, filter, findIndex, clone, get } from 'lodash'
|
|||
import Status from '../status/status.vue'
|
||||
import ThreadTree from '../thread_tree/thread_tree.vue'
|
||||
|
||||
import { library } from '@fortawesome/fontawesome-svg-core'
|
||||
import {
|
||||
faAngleDoubleDown,
|
||||
faAngleDoubleLeft
|
||||
} from '@fortawesome/free-solid-svg-icons'
|
||||
|
||||
library.add(
|
||||
faAngleDoubleDown,
|
||||
faAngleDoubleLeft
|
||||
)
|
||||
|
||||
// const debug = console.log
|
||||
const debug = () => {}
|
||||
|
||||
|
@ -41,7 +52,8 @@ const conversation = {
|
|||
highlight: null,
|
||||
expanded: false,
|
||||
threadDisplayStatusObject: {}, // id => 'showing' | 'hidden'
|
||||
statusContentPropertiesObject: {}
|
||||
statusContentPropertiesObject: {},
|
||||
diveRoot: null
|
||||
}
|
||||
},
|
||||
props: [
|
||||
|
@ -195,6 +207,18 @@ const conversation = {
|
|||
debug("toplevel =", topLevel)
|
||||
return topLevel
|
||||
},
|
||||
showingTopLevel () {
|
||||
if (this.diveRoot) {
|
||||
return [this.conversation.filter(k => this.diveRoot === k.id)[0]]
|
||||
}
|
||||
return this.topLevel
|
||||
},
|
||||
diveDepth () {
|
||||
return this.diveRoot ? this.depths[this.diveRoot] : 0
|
||||
},
|
||||
diveMode () {
|
||||
return !!this.diveRoot
|
||||
},
|
||||
replies () {
|
||||
let i = 1
|
||||
// eslint-disable-next-line camelcase
|
||||
|
@ -359,6 +383,12 @@ const conversation = {
|
|||
},
|
||||
toggleStatusContentProperty (id, name) {
|
||||
this.setStatusContentProperty(id, name, !this.statusContentProperties[id][name])
|
||||
},
|
||||
diveIntoStatus (id) {
|
||||
this.diveRoot = id
|
||||
},
|
||||
undive () {
|
||||
this.diveRoot = null
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue