1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-23 12:27:48 +00:00

show cards quantity in kanban (#7075)

Co-authored-by: zhouwenxuan <aries@Mac.local>
This commit is contained in:
Aries
2024-11-21 12:27:13 +08:00
committed by GitHub
parent ddf3f91bbc
commit 4e5c0938fa
3 changed files with 17 additions and 1 deletions

View File

@@ -9,5 +9,16 @@
.sf-metadata-view-kanban-board-header .sf-metadata-view-kanban-board-header-title {
flex: 1;
display: flex;
overflow: hidden;
}
.sf-metadata-view-kanban-board-header .sf-metadata-view-kanban-board-header-title .sf-metadata-ui.cell-formatter-container {
width: auto;
}
.sf-metadata-view-kanban-board-header .sf-metadata-view-kanban-board-header-title .cards-quantity {
font-size: 14px;
color: #666666;
margin-left: 12px;
}

View File

@@ -7,7 +7,7 @@ import { CellType } from '../../../../../constants';
import './index.css';
const Header = ({ readonly, haveFreezed, value, groupByColumn, onDelete, onFreezed, onUnFreezed }) => {
const Header = ({ readonly, haveFreezed, value, groupByColumn, cardsQuantity, onDelete, onFreezed, onUnFreezed }) => {
const [active, setActive] = useState(false);
const onMouseEnter = useCallback(() => {
@@ -39,6 +39,7 @@ const Header = ({ readonly, haveFreezed, value, groupByColumn, onDelete, onFreez
) : (
<span>{gettext('Uncategorized')}</span>
)}
<span className="cards-quantity">{cardsQuantity}</span>
</div>
{value && !readonly && active && (
<OpMenu onDelete={onDelete} onFreezed={onFreezed} onUnFreezed={handelUnFreezed} />
@@ -51,6 +52,8 @@ Header.propTypes = {
readonly: PropTypes.bool,
value: PropTypes.any,
groupByColumn: PropTypes.object,
haveFreezed: PropTypes.bool,
cardsQuantity: PropTypes.number,
onDelete: PropTypes.func,
onFreezed: PropTypes.func,
onUnFreezed: PropTypes.func,

View File

@@ -31,6 +31,7 @@ const Board = ({
}) => {
const [isDraggingOver, setDraggingOver] = useState(false);
const boardName = useMemo(() => `sf_metadata_kanban_board_${board.key}`, [board]);
const cardsQuantity = useMemo(() => board.children.length, [board.children]);
const { metadata } = useMetadataView();
@@ -59,6 +60,7 @@ const Board = ({
value={board.value}
groupByColumn={groupByColumn}
haveFreezed={haveFreezed}
cardsQuantity={cardsQuantity}
onDelete={() => deleteOption(board.key)}
onFreezed={onFreezed}
onUnFreezed={onUnFreezed}