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

Cmd+Shift+Click to extend selection

Browse Source
This commit is contained in:
Chen-I Lim 2020-10-28 13:26:55 -07:00
parent 1aaf23c230
commit 25a1ebeda4
3 changed files with 29 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
webapp/src/components/boardComponent.tsx
View File

@ -490,14 +490,30 @@ class BoardComponent extends React.Component<Props, State> {
private cardClicked(e: React.MouseEvent, card: Card): void {
if (e.shiftKey) {
// Shift+Click = add to selection
let selectedCards = this.state.selectedCards.slice()
if (selectedCards.includes(card)) {
selectedCards = selectedCards.filter((o) => o != card)
if (selectedCards.length > 0 && (e.metaKey || e.ctrlKey)) {
// Cmd+Shift+Click: Extend the selection
const {boardTree} = this.props
const orderedCards = boardTree.orderedCards()
const lastCard = selectedCards[selectedCards.length-1]
const srcIndex = orderedCards.indexOf(lastCard)
const destIndex = orderedCards.indexOf(card)
const newCards = (srcIndex < destIndex) ? orderedCards.slice(srcIndex, destIndex+1) : orderedCards.slice(destIndex, srcIndex+1)
for (const newCard of newCards) {
if (!selectedCards.includes(newCard)) {
selectedCards.push(newCard)
}
}
this.setState({selectedCards})
} else {
selectedCards.push(card)
// Shift+Click: add to selection
if (selectedCards.includes(card)) {
selectedCards = selectedCards.filter((o) => o != card)
} else {
selectedCards.push(card)
}
this.setState({selectedCards})
}
this.setState({selectedCards})
} else {
this.setState({selectedCards: [], shownCard: card})
}
@ -564,7 +580,7 @@ class BoardComponent extends React.Component<Props, State> {
return
}
const cardOrder = boardTree.currentCardOrder()
const cardOrder = boardTree.orderedCards().map((o) => o.id)
for (const draggedCard of draggedCards) {
if (draggedCard.id === card.id) {
continue

2
webapp/src/components/viewHeader.tsx
View File

@ -244,7 +244,7 @@ class ViewHeader extends React.Component<Props, State> {
// This sets the manual card order to the currently displayed order
// Note: Perform this as a single update to change both properties correctly
const newView = new MutableBoardView(activeView)
newView.cardOrder = boardTree.currentCardOrder()
newView.cardOrder = boardTree.orderedCards().map((o) => o.id)
newView.sortOptions = []
mutator.updateBlock(newView, activeView, 'reorder')
}}

12
webapp/src/viewModel/boardTree.ts
View File

@ -27,7 +27,7 @@ interface BoardTree {
readonly groupByProperty?: IPropertyTemplate
getSearchText(): string | undefined
currentCardOrder(): string[]
orderedCards(): Card[]
}
class MutableBoardTree implements BoardTree {
@ -378,16 +378,16 @@ class MutableBoardTree implements BoardTree {
return sortedCards
}
currentCardOrder(): string[] {
const cardOrder: string[] = []
orderedCards(): Card[] {
const cards: Card[] = []
for (const group of this.visibleGroups) {
cardOrder.push(...group.cards.map((o) => o.id))
cards.push(...group.cards)
}
for (const group of this.hiddenGroups) {
cardOrder.push(...group.cards.map((o) => o.id))
cards.push(...group.cards)
}
return cardOrder
return cards
}
}