Adding missing file
This commit is contained in:
Jesús Espino
parent
de3d92ad52
commit
bd7bd50e79
2 changed files with 181 additions and 71 deletions
|
|
@ -234,12 +234,6 @@ class Sidebar extends React.Component<Props, State> {
|
|||
)
|
||||
}
|
||||
|
||||
private updateTheme(theme: Theme) {
|
||||
setTheme(theme)
|
||||
const whiteLogo = (theme.sidebarWhiteLogo === 'true')
|
||||
this.setState({whiteLogo})
|
||||
}
|
||||
|
||||
private renderUserMenu(user?: IUser): JSX.Element {
|
||||
const {intl} = this.props
|
||||
|
||||
|
|
@ -311,34 +305,6 @@ class Sidebar extends React.Component<Props, State> {
|
|||
this.props.showView(view.id, board.id)
|
||||
}
|
||||
|
||||
private addBoardClicked = async () => {
|
||||
const {showBoard, intl} = this.props
|
||||
|
||||
const oldBoardId = this.props.activeBoardId
|
||||
|
||||
const board = new MutableBoard()
|
||||
board.rootId = board.id
|
||||
|
||||
const view = new MutableBoardView()
|
||||
view.viewType = 'board'
|
||||
view.parentId = board.id
|
||||
view.rootId = board.rootId
|
||||
view.title = intl.formatMessage({id: 'View.NewBoardTitle', defaultMessage: 'Board view'})
|
||||
|
||||
await mutator.insertBlocks(
|
||||
[board, view],
|
||||
'add board',
|
||||
async () => {
|
||||
showBoard(board.id)
|
||||
},
|
||||
async () => {
|
||||
if (oldBoardId) {
|
||||
showBoard(oldBoardId)
|
||||
}
|
||||
},
|
||||
)
|
||||
}
|
||||
|
||||
private iconForViewType(viewType: IViewType): JSX.Element {
|
||||
switch (viewType) {
|
||||
case 'board': return <BoardIcon/>
|
||||
|
|
@ -347,24 +313,6 @@ class Sidebar extends React.Component<Props, State> {
|
|||
}
|
||||
}
|
||||
|
||||
private async addBoardFromTemplate(boardTemplateId: string) {
|
||||
const oldBoardId = this.props.activeBoardId
|
||||
|
||||
await mutator.duplicateBoard(
|
||||
boardTemplateId,
|
||||
this.props.intl.formatMessage({id: 'Mutator.new-board-from-template', defaultMessage: 'new board from template'}),
|
||||
false,
|
||||
async (newBoardId) => {
|
||||
this.props.showBoard(newBoardId)
|
||||
},
|
||||
async () => {
|
||||
if (oldBoardId) {
|
||||
this.props.showBoard(oldBoardId)
|
||||
}
|
||||
},
|
||||
)
|
||||
}
|
||||
|
||||
private async duplicateBoard(boardId: string) {
|
||||
const oldBoardId = this.props.activeBoardId
|
||||
|
||||
|
|
@ -401,25 +349,6 @@ class Sidebar extends React.Component<Props, State> {
|
|||
)
|
||||
}
|
||||
|
||||
private addBoardTemplateClicked = async () => {
|
||||
const {activeBoardId} = this.props
|
||||
|
||||
const boardTemplate = new MutableBoard()
|
||||
boardTemplate.rootId = boardTemplate.id
|
||||
boardTemplate.isTemplate = true
|
||||
await mutator.insertBlock(
|
||||
boardTemplate,
|
||||
'add board template',
|
||||
async () => {
|
||||
this.props.showBoard(boardTemplate.id)
|
||||
}, async () => {
|
||||
if (activeBoardId) {
|
||||
this.props.showBoard(activeBoardId)
|
||||
}
|
||||
},
|
||||
)
|
||||
}
|
||||
|
||||
private hideClicked = () => {
|
||||
this.setState({isHidden: true})
|
||||
}
|
||||
|
|
|
|||
181
webapp/src/components/sidebar/sidebarAddBoardMenu.tsx
Normal file
181
webapp/src/components/sidebar/sidebarAddBoardMenu.tsx
Normal file
|
|
@ -0,0 +1,181 @@
|
|||
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
||||
// See LICENSE.txt for license information.
|
||||
import React from 'react'
|
||||
import {FormattedMessage, injectIntl, IntlShape} from 'react-intl'
|
||||
|
||||
import {MutableBoard} from '../../blocks/board'
|
||||
import {MutableBoardView} from '../../blocks/boardView'
|
||||
import mutator from '../../mutator'
|
||||
import {WorkspaceTree} from '../../viewModel/workspaceTree'
|
||||
import Button from '../../widgets/buttons/button'
|
||||
import IconButton from '../../widgets/buttons/iconButton'
|
||||
import BoardIcon from '../../widgets/icons/board'
|
||||
import DeleteIcon from '../../widgets/icons/delete'
|
||||
import EditIcon from '../../widgets/icons/edit'
|
||||
import OptionsIcon from '../../widgets/icons/options'
|
||||
import Menu from '../../widgets/menu'
|
||||
import MenuWrapper from '../../widgets/menuWrapper'
|
||||
|
||||
type Props = {
|
||||
showBoard: (id?: string) => void
|
||||
workspaceTree: WorkspaceTree,
|
||||
activeBoardId?: string
|
||||
intl: IntlShape
|
||||
}
|
||||
|
||||
class SidebarAddBoardMenu extends React.Component<Props> {
|
||||
shouldComponentUpdate(): boolean {
|
||||
return true
|
||||
}
|
||||
|
||||
render(): JSX.Element {
|
||||
const {workspaceTree, intl} = this.props
|
||||
if (!workspaceTree) {
|
||||
return <div/>
|
||||
}
|
||||
|
||||
return (
|
||||
<MenuWrapper>
|
||||
<Button>
|
||||
<FormattedMessage
|
||||
id='Sidebar.add-board'
|
||||
defaultMessage='+ Add Board'
|
||||
/>
|
||||
</Button>
|
||||
<Menu position='top'>
|
||||
{workspaceTree.boardTemplates.length > 0 && <>
|
||||
<Menu.Label>
|
||||
<b>
|
||||
<FormattedMessage
|
||||
id='Sidebar.select-a-template'
|
||||
defaultMessage='Select a template'
|
||||
/>
|
||||
</b>
|
||||
</Menu.Label>
|
||||
|
||||
<Menu.Separator/>
|
||||
</>}
|
||||
|
||||
{workspaceTree.boardTemplates.map((boardTemplate) => {
|
||||
const displayName = boardTemplate.title || intl.formatMessage({id: 'Sidebar.untitled', defaultMessage: 'Untitled'})
|
||||
|
||||
return (
|
||||
<Menu.Text
|
||||
key={boardTemplate.id}
|
||||
id={boardTemplate.id}
|
||||
name={displayName}
|
||||
icon={<div className='Icon'>{boardTemplate.icon}</div>}
|
||||
onClick={() => {
|
||||
this.addBoardFromTemplate(boardTemplate.id)
|
||||
}}
|
||||
rightIcon={
|
||||
<MenuWrapper stopPropagationOnToggle={true}>
|
||||
<IconButton icon={<OptionsIcon/>}/>
|
||||
<Menu position='left'>
|
||||
<Menu.Text
|
||||
icon={<EditIcon/>}
|
||||
id='edit'
|
||||
name={intl.formatMessage({id: 'Sidebar.edit-template', defaultMessage: 'Edit'})}
|
||||
onClick={() => {
|
||||
this.props.showBoard(boardTemplate.id)
|
||||
}}
|
||||
/>
|
||||
<Menu.Text
|
||||
icon={<DeleteIcon/>}
|
||||
id='delete'
|
||||
name={intl.formatMessage({id: 'Sidebar.delete-template', defaultMessage: 'Delete'})}
|
||||
onClick={async () => {
|
||||
await mutator.deleteBlock(boardTemplate, 'delete board template')
|
||||
}}
|
||||
/>
|
||||
</Menu>
|
||||
</MenuWrapper>
|
||||
}
|
||||
/>
|
||||
)
|
||||
})}
|
||||
|
||||
<Menu.Text
|
||||
id='empty-template'
|
||||
name={intl.formatMessage({id: 'Sidebar.empty-board', defaultMessage: 'Empty board'})}
|
||||
icon={<BoardIcon/>}
|
||||
onClick={this.addBoardClicked}
|
||||
/>
|
||||
|
||||
<Menu.Text
|
||||
id='add-template'
|
||||
name={intl.formatMessage({id: 'Sidebar.add-template', defaultMessage: '+ New template'})}
|
||||
onClick={this.addBoardTemplateClicked}
|
||||
/>
|
||||
</Menu>
|
||||
</MenuWrapper>
|
||||
)
|
||||
}
|
||||
|
||||
private addBoardClicked = async () => {
|
||||
const {showBoard, intl} = this.props
|
||||
|
||||
const oldBoardId = this.props.activeBoardId
|
||||
|
||||
const board = new MutableBoard()
|
||||
board.rootId = board.id
|
||||
|
||||
const view = new MutableBoardView()
|
||||
view.viewType = 'board'
|
||||
view.parentId = board.id
|
||||
view.rootId = board.rootId
|
||||
view.title = intl.formatMessage({id: 'View.NewBoardTitle', defaultMessage: 'Board view'})
|
||||
|
||||
await mutator.insertBlocks(
|
||||
[board, view],
|
||||
'add board',
|
||||
async () => {
|
||||
showBoard(board.id)
|
||||
},
|
||||
async () => {
|
||||
if (oldBoardId) {
|
||||
showBoard(oldBoardId)
|
||||
}
|
||||
},
|
||||
)
|
||||
}
|
||||
|
||||
private async addBoardFromTemplate(boardTemplateId: string) {
|
||||
const oldBoardId = this.props.activeBoardId
|
||||
|
||||
await mutator.duplicateBoard(
|
||||
boardTemplateId,
|
||||
this.props.intl.formatMessage({id: 'Mutator.new-board-from-template', defaultMessage: 'new board from template'}),
|
||||
false,
|
||||
async (newBoardId) => {
|
||||
this.props.showBoard(newBoardId)
|
||||
},
|
||||
async () => {
|
||||
if (oldBoardId) {
|
||||
this.props.showBoard(oldBoardId)
|
||||
}
|
||||
},
|
||||
)
|
||||
}
|
||||
|
||||
private addBoardTemplateClicked = async () => {
|
||||
const {activeBoardId} = this.props
|
||||
|
||||
const boardTemplate = new MutableBoard()
|
||||
boardTemplate.rootId = boardTemplate.id
|
||||
boardTemplate.isTemplate = true
|
||||
await mutator.insertBlock(
|
||||
boardTemplate,
|
||||
'add board template',
|
||||
async () => {
|
||||
this.props.showBoard(boardTemplate.id)
|
||||
}, async () => {
|
||||
if (activeBoardId) {
|
||||
this.props.showBoard(activeBoardId)
|
||||
}
|
||||
},
|
||||
)
|
||||
}
|
||||
}
|
||||
|
||||
export default injectIntl(SidebarAddBoardMenu)
|
||||
Loading…
Reference in a new issue