self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2024-12-24 13:43:12 +02:00
Code Issues Releases Activity

Set page title to board | view

Browse Source
This commit is contained in:
Chen-I Lim 2020-10-22 16:34:08 -07:00
parent cc5b413f7c
commit b6e65eb0c8
1 changed files with 17 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -47,7 +47,11 @@ export default class BoardPage extends React.Component<Props, State> {
Utils.log(`BoardPage. boardId: ${boardId}`)
}
componentDidUpdate(prevProps: Props, prevState: State) {
shouldComponentUpdate(): boolean {
return true
}
componentDidUpdate(prevProps: Props, prevState: State): void {
Utils.log('componentDidUpdate')
const board = this.state.boardTree?.board
const prevBoard = prevState.boardTree?.board
@ -59,7 +63,7 @@ export default class BoardPage extends React.Component<Props, State> {
Utils.setFavicon(board?.icon)
}
if (board?.title !== prevBoard?.title || activeView?.title !== prevActiveView?.title) {
document.title = `OCTO - ${board?.title} | ${activeView?.title}`
document.title = `${board?.title} | ${activeView?.title}`
}
}
@ -89,7 +93,7 @@ export default class BoardPage extends React.Component<Props, State> {
}
}
componentDidMount() {
componentDidMount(): void {
document.addEventListener('keydown', this.undoRedoHandler)
if (this.state.boardId) {
this.attachToBoard(this.state.boardId, this.state.viewId)
@ -98,13 +102,13 @@ export default class BoardPage extends React.Component<Props, State> {
}
}
componentWillUnmount() {
componentWillUnmount(): void {
Utils.log(`boardPage.componentWillUnmount: ${this.state.boardId}`)
this.workspaceListener.close()
document.removeEventListener('keydown', this.undoRedoHandler)
}
render() {
render(): JSX.Element {
const {workspaceTree} = this.state
if (this.state.filterAnchorElement) {
@ -163,7 +167,7 @@ export default class BoardPage extends React.Component<Props, State> {
this.sync(boardId, viewId)
}
async sync(boardId: string = this.state.boardId, viewId: string | undefined = this.state.viewId) {
private async sync(boardId: string = this.state.boardId, viewId: string | undefined = this.state.viewId) {
const {workspaceTree} = this.state
Utils.log(`sync start: ${boardId}`)
@ -199,7 +203,7 @@ export default class BoardPage extends React.Component<Props, State> {
}
// IPageController
showBoard(boardId: string) {
showBoard(boardId: string): void {
const {boardTree} = this.state
if (boardTree?.board?.id === boardId) {
@ -212,23 +216,23 @@ export default class BoardPage extends React.Component<Props, State> {
this.attachToBoard(boardId)
}
showView(viewId: string, boardId: string = this.state.boardId) {
if (this.state.boardId !== boardId) {
this.attachToBoard(boardId, viewId)
} else {
showView(viewId: string, boardId: string = this.state.boardId): void {
if (this.state.boardId === boardId) {
this.state.boardTree.setActiveView(viewId)
this.setState({...this.state, viewId})
} else {
this.attachToBoard(boardId, viewId)
}
const newUrl = window.location.protocol + '//' + window.location.host + window.location.pathname + `?id=${encodeURIComponent(boardId)}&v=${encodeURIComponent(viewId)}`
window.history.pushState({path: newUrl}, '', newUrl)
}
showFilter(anchorElement?: HTMLElement) {
showFilter(anchorElement?: HTMLElement): void {
this.setState({...this.state, filterAnchorElement: anchorElement})
}
setSearchText(text?: string) {
setSearchText(text?: string): void {
this.state.boardTree?.setSearchText(text)
this.setState({...this.state, boardTree: this.state.boardTree})
}