IlyaSobolev/DocSpace-buildtools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Web: Files: Added scroll to current folder in selectors components.

Browse Source
This commit is contained in:
Tatiana Lopaeva 2022-05-05 16:54:50 +03:00
parent 10303378af
commit c19d95b275
2 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
products/ASC.Files/Client/src/components/FolderTreeBody/TreeFolders.js
View File

@ -79,6 +79,7 @@ class TreeFolders extends React.Component {
super(props);
this.state = { isExpand: false };
this.needToScroll = true;
}
onBadgeClick = (e) => {
@ -231,6 +232,19 @@ class TreeFolders extends React.Component {
let value = "";
if (dragging) value = `${item.id} dragging ${provider}`;
if (this.needToScroll) {
const selectedNode = document.getElementsByClassName(
"rc-tree-node-selected"
)[0];
if (selectedNode) {
this.needToScroll = false;
document
.querySelector("#folder-tree-scroll-bar > .scroll-body")
.scrollTo(0, selectedNode.parentElement.offsetTop + 70);
}
}
if ((item.folders && item.folders.length > 0) || serviceFolder) {
return (
<TreeNode

14
products/ASC.Files/Client/src/components/FolderTreeBody/index.js
View File

@ -1,4 +1,4 @@
import React from "react";
import React, { useEffect, useState } from "react";
import { inject, observer } from "mobx-react";
import { useTranslation } from "react-i18next";
import Text from "@appserver/components/text";
@ -18,6 +18,18 @@ const FolderTreeBody = ({
isDisableTree,
}) => {
const { t } = useTranslation(["SelectFolder", "Common"]);
useEffect(() => {
const selectedNode = document.getElementsByClassName(
"rc-tree-node-selected"
)[0];
selectedNode &&
document
.querySelector("#folder-tree-scroll-bar > .scroll-body")
.scrollTo(0, selectedNode.parentElement.offsetTop + 70);
}, []);
return (
<>
{isAvailable ? (