self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2024-11-27 08:31:20 +02:00
Code Issues Releases Activity

Update sidebar on any board change

Browse Source
This commit is contained in:
Chen-I Lim 2020-10-21 13:36:53 -07:00
parent 277505e6f9
commit b7205a8a1b
1 changed files with 9 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
webapp/src/pages/boardPage.tsx
View File

@ -30,7 +30,7 @@ export default class BoardPage extends React.Component<Props, State> {
updateTitleTimeout: number updateTitleTimeout: number
updatePropertyLabelTimeout: number updatePropertyLabelTimeout: number
private boardListener = new OctoListener() private workspaceListener = new OctoListener()
constructor(props: Props) { constructor(props: Props) {
super(props) super(props)
@ -90,7 +90,7 @@ export default class BoardPage extends React.Component<Props, State> {
} }
componentDidMount() { componentDidMount() {
document.addEventListener('keydown', this.undoRedoHandler) document.addEventListener('keydown', this.undoRedoHandler)
if (this.state.boardId) { if (this.state.boardId) {
this.attachToBoard(this.state.boardId, this.state.viewId) this.attachToBoard(this.state.boardId, this.state.viewId)
} else { } else {
@ -100,7 +100,7 @@ export default class BoardPage extends React.Component<Props, State> {
componentWillUnmount() { componentWillUnmount() {
Utils.log(`boardPage.componentWillUnmount: ${this.state.boardId}`) Utils.log(`boardPage.componentWillUnmount: ${this.state.boardId}`)
this.boardListener.close() this.workspaceListener.close()
document.removeEventListener('keydown', this.undoRedoHandler) document.removeEventListener('keydown', this.undoRedoHandler)
} }
@ -160,17 +160,6 @@ export default class BoardPage extends React.Component<Props, State> {
private async attachToBoard(boardId: string, viewId?: string) { private async attachToBoard(boardId: string, viewId?: string) {
Utils.log(`attachToBoard: ${boardId}`) Utils.log(`attachToBoard: ${boardId}`)
if (!this.boardListener.isOpen) {
this.boardListener.open([boardId], (blockId: string) => {
Utils.log(`boardListener.onChanged: ${blockId}`)
this.sync()
})
} else {
this.boardListener.removeBlocks([this.state.boardId])
this.boardListener.addBlocks([boardId])
}
this.sync(boardId, viewId) this.sync(boardId, viewId)
} }
@ -178,7 +167,12 @@ export default class BoardPage extends React.Component<Props, State> {
const {workspaceTree} = this.state const {workspaceTree} = this.state
Utils.log(`sync start: ${boardId}`) Utils.log(`sync start: ${boardId}`)
await workspaceTree.sync() await workspaceTree.sync()
const boardIds = workspaceTree.boards.map(o => o.id)
this.workspaceListener.open(boardIds, async (blockId) => {
Utils.log(`workspaceListener.onChanged: ${blockId}`)
this.sync()
})
if (boardId) { if (boardId) {
const boardTree = new MutableBoardTree(boardId) const boardTree = new MutableBoardTree(boardId)