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 {
)}