diff --git a/products/ASC.Files/Client/src/components/pages/Home/Section/Body/FileItem.js b/products/ASC.Files/Client/src/components/pages/Home/Section/Body/FileItem.js index 1f30aa2f1a..d168ad0ea2 100644 --- a/products/ASC.Files/Client/src/components/pages/Home/Section/Body/FileItem.js +++ b/products/ASC.Files/Client/src/components/pages/Home/Section/Body/FileItem.js @@ -44,6 +44,7 @@ const FileItem = createSelectable((props) => { viewAs, setTooltipPosition, getIcon, + startDrag, } = props; const { @@ -56,7 +57,6 @@ const FileItem = createSelectable((props) => { providerKey, contentLength, } = item; - const isMobile = sectionWidth < 500; const getItemIcon = (isEdit) => { return ( @@ -176,6 +176,8 @@ const FileItem = createSelectable((props) => { let className = isDragging ? " droppable" : ""; if (draggable) className += " draggable not-selectable"; + /*if (draggable) + className += ` draggable ${startDrag ? " not-selectable " : ""}`;*/ const sharedButton = !canShare || (isPrivacy && !fileExst) || isEdit || id <= 0 || isMobile @@ -208,7 +210,11 @@ const FileItem = createSelectable((props) => { temporaryIcon={temporaryIcon} isPrivacy={isPrivacy} > - + ) : ( 0; + const showNew = !!newItems; const fileOwner = createdBy && diff --git a/products/ASC.Files/Client/src/components/pages/Home/Section/Body/FilesTile/sub-components/Tile.js b/products/ASC.Files/Client/src/components/pages/Home/Section/Body/FilesTile/sub-components/Tile.js index 3e33bd7809..18a4abe45d 100644 --- a/products/ASC.Files/Client/src/components/pages/Home/Section/Body/FilesTile/sub-components/Tile.js +++ b/products/ASC.Files/Client/src/components/pages/Home/Section/Body/FilesTile/sub-components/Tile.js @@ -159,9 +159,13 @@ class Tile extends React.Component { this.cm = React.createRef(); this.tile = React.createRef(); + + this.state = { + checkedCheckbox: false, + }; } - getIconFile() { + getIconFile = () => { const { item, temporaryIcon } = this.props; const icon = item.thumbnail ? item.thumbnail : temporaryIcon; @@ -169,7 +173,21 @@ class Tile extends React.Component { if (!item.thumbnail) className += " temporary-icon"; return ; - } + }; + + onClickHandler = (e) => { + const { onSelect, item } = this.props; + if (e.target.closest(".checkbox") || e.target.tagName === "INPUT") return; + + this.setState({ checkedCheckbox: !this.state.checkedCheckbox }); + onSelect && onSelect(!this.state.checkedCheckbox, item); + }; + + changeCheckbox = (e) => { + const { onSelect, item } = this.props; + this.setState({ checkedCheckbox: e.target.checked }); + onSelect && onSelect(e.target.checked, item); + }; render() { //console.log("Row render"); @@ -202,10 +220,6 @@ class Tile extends React.Component { Object.prototype.hasOwnProperty.call(this.props, "contextOptions") && contextOptions.length > 0; - const changeCheckbox = (e) => { - onSelect && onSelect(e.target.checked, item); - }; - const getOptions = () => { rowContextClick && rowContextClick(); return contextOptions; @@ -227,6 +241,7 @@ class Tile extends React.Component { {...this.props} onContextMenu={onContextMenu} dragging={dragging && isFolder} + onClick={this.onClickHandler} > {isFolder ? ( <> @@ -235,7 +250,7 @@ class Tile extends React.Component { )} @@ -264,7 +279,7 @@ class Tile extends React.Component { )}