Client: TableView: added idx column
This commit is contained in:
parent
54dc154567
commit
5eb6f951cb
@ -26,6 +26,7 @@
|
|||||||
|
|
||||||
import React from "react";
|
import React from "react";
|
||||||
import { TableHeader } from "@docspace/shared/components/table";
|
import { TableHeader } from "@docspace/shared/components/table";
|
||||||
|
import { RoomsType } from "@docspace/shared/enums";
|
||||||
import { inject, observer } from "mobx-react";
|
import { inject, observer } from "mobx-react";
|
||||||
import { withTranslation } from "react-i18next";
|
import { withTranslation } from "react-i18next";
|
||||||
import { Events } from "@docspace/shared/enums";
|
import { Events } from "@docspace/shared/enums";
|
||||||
@ -55,6 +56,8 @@ class FilesTableHeader extends React.Component {
|
|||||||
isDefaultRoomsQuotaSet,
|
isDefaultRoomsQuotaSet,
|
||||||
showStorageInfo,
|
showStorageInfo,
|
||||||
isArchiveFolder,
|
isArchiveFolder,
|
||||||
|
indexing,
|
||||||
|
roomType,
|
||||||
} = this.props;
|
} = this.props;
|
||||||
|
|
||||||
const defaultColumns = [];
|
const defaultColumns = [];
|
||||||
@ -287,6 +290,16 @@ class FilesTableHeader extends React.Component {
|
|||||||
];
|
];
|
||||||
defaultColumns.push(...columns);
|
defaultColumns.push(...columns);
|
||||||
} else {
|
} else {
|
||||||
|
const indexBlock =
|
||||||
|
indexing && roomType === RoomsType.VirtualDataRoom
|
||||||
|
? {
|
||||||
|
key: "Index",
|
||||||
|
title: t("idx"),
|
||||||
|
enable: this.props.indexColumnIsEnabled,
|
||||||
|
minWidth: 50,
|
||||||
|
}
|
||||||
|
: {};
|
||||||
|
|
||||||
const authorBlock = !isPublicRoom
|
const authorBlock = !isPublicRoom
|
||||||
? {
|
? {
|
||||||
key: "Author",
|
key: "Author",
|
||||||
@ -300,6 +313,7 @@ class FilesTableHeader extends React.Component {
|
|||||||
: {};
|
: {};
|
||||||
|
|
||||||
const columns = [
|
const columns = [
|
||||||
|
{ ...indexBlock },
|
||||||
{
|
{
|
||||||
key: "Name",
|
key: "Name",
|
||||||
title: t("Common:Name"),
|
title: t("Common:Name"),
|
||||||
@ -603,6 +617,8 @@ export default inject(
|
|||||||
|
|
||||||
const { isDefaultRoomsQuotaSet, showStorageInfo } = currentQuotaStore;
|
const { isDefaultRoomsQuotaSet, showStorageInfo } = currentQuotaStore;
|
||||||
|
|
||||||
|
const { indexing, roomType } = selectedFolderStore;
|
||||||
|
|
||||||
const {
|
const {
|
||||||
isHeaderChecked,
|
isHeaderChecked,
|
||||||
|
|
||||||
@ -633,6 +649,7 @@ export default inject(
|
|||||||
roomColumnIsEnabled,
|
roomColumnIsEnabled,
|
||||||
erasureColumnIsEnabled,
|
erasureColumnIsEnabled,
|
||||||
sizeColumnIsEnabled,
|
sizeColumnIsEnabled,
|
||||||
|
indexColumnIsEnabled,
|
||||||
sizeTrashColumnIsEnabled,
|
sizeTrashColumnIsEnabled,
|
||||||
typeColumnIsEnabled,
|
typeColumnIsEnabled,
|
||||||
typeTrashColumnIsEnabled,
|
typeTrashColumnIsEnabled,
|
||||||
@ -661,6 +678,9 @@ export default inject(
|
|||||||
withContent,
|
withContent,
|
||||||
sortingVisible,
|
sortingVisible,
|
||||||
|
|
||||||
|
indexing,
|
||||||
|
roomType,
|
||||||
|
|
||||||
setIsLoading: clientLoadingStore.setIsSectionBodyLoading,
|
setIsLoading: clientLoadingStore.setIsSectionBodyLoading,
|
||||||
|
|
||||||
roomsFilter,
|
roomsFilter,
|
||||||
@ -684,6 +704,7 @@ export default inject(
|
|||||||
roomColumnIsEnabled,
|
roomColumnIsEnabled,
|
||||||
erasureColumnIsEnabled,
|
erasureColumnIsEnabled,
|
||||||
sizeColumnIsEnabled,
|
sizeColumnIsEnabled,
|
||||||
|
indexColumnIsEnabled,
|
||||||
sizeTrashColumnIsEnabled,
|
sizeTrashColumnIsEnabled,
|
||||||
typeColumnIsEnabled,
|
typeColumnIsEnabled,
|
||||||
typeTrashColumnIsEnabled,
|
typeTrashColumnIsEnabled,
|
||||||
|
@ -0,0 +1,46 @@
|
|||||||
|
// (c) Copyright Ascensio System SIA 2009-2024
|
||||||
|
//
|
||||||
|
// This program is a free software product.
|
||||||
|
// You can redistribute it and/or modify it under the terms
|
||||||
|
// of the GNU Affero General Public License (AGPL) version 3 as published by the Free Software
|
||||||
|
// Foundation. In accordance with Section 7(a) of the GNU AGPL its Section 15 shall be amended
|
||||||
|
// to the effect that Ascensio System SIA expressly excludes the warranty of non-infringement of
|
||||||
|
// any third-party rights.
|
||||||
|
//
|
||||||
|
// This program is distributed WITHOUT ANY WARRANTY, without even the implied warranty
|
||||||
|
// of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. For details, see
|
||||||
|
// the GNU AGPL at: http://www.gnu.org/licenses/agpl-3.0.html
|
||||||
|
//
|
||||||
|
// You can contact Ascensio System SIA at Lubanas st. 125a-25, Riga, Latvia, EU, LV-1021.
|
||||||
|
//
|
||||||
|
// The interactive user interfaces in modified source and object code versions of the Program must
|
||||||
|
// display Appropriate Legal Notices, as required under Section 5 of the GNU AGPL version 3.
|
||||||
|
//
|
||||||
|
// Pursuant to Section 7(b) of the License you must retain the original Product logo when
|
||||||
|
// distributing the program. Pursuant to Section 7(e) we decline to grant you any rights under
|
||||||
|
// trademark law for use of our trademarks.
|
||||||
|
//
|
||||||
|
// All the Product's GUI elements, including illustrations and icon sets, as well as technical writing
|
||||||
|
// content are licensed under the terms of the Creative Commons Attribution-ShareAlike 4.0
|
||||||
|
// International. See the License terms at http://creativecommons.org/licenses/by-sa/4.0/legalcode
|
||||||
|
|
||||||
|
import React from "react";
|
||||||
|
import { StyledText } from "./CellStyles";
|
||||||
|
|
||||||
|
const IndexCell = ({ t, item, sideColor }) => {
|
||||||
|
const { order } = item;
|
||||||
|
|
||||||
|
return (
|
||||||
|
<StyledText
|
||||||
|
color={sideColor}
|
||||||
|
fontSize="12px"
|
||||||
|
fontWeight={600}
|
||||||
|
title={order}
|
||||||
|
truncate
|
||||||
|
>
|
||||||
|
{order}
|
||||||
|
</StyledText>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default IndexCell;
|
@ -32,6 +32,7 @@ import TypeCell from "./TypeCell";
|
|||||||
import AuthorCell from "./AuthorCell";
|
import AuthorCell from "./AuthorCell";
|
||||||
import DateCell from "./DateCell";
|
import DateCell from "./DateCell";
|
||||||
import SizeCell from "./SizeCell";
|
import SizeCell from "./SizeCell";
|
||||||
|
import IndexCell from "./IndexCell";
|
||||||
import { classNames } from "@docspace/shared/utils";
|
import { classNames } from "@docspace/shared/utils";
|
||||||
import {
|
import {
|
||||||
StyledBadgesContainer,
|
StyledBadgesContainer,
|
||||||
@ -45,6 +46,7 @@ const RowDataComponent = (props) => {
|
|||||||
modifiedColumnIsEnabled,
|
modifiedColumnIsEnabled,
|
||||||
sizeColumnIsEnabled,
|
sizeColumnIsEnabled,
|
||||||
typeColumnIsEnabled,
|
typeColumnIsEnabled,
|
||||||
|
indexColumnIsEnabled,
|
||||||
quickButtonsColumnIsEnabled,
|
quickButtonsColumnIsEnabled,
|
||||||
|
|
||||||
dragStyles,
|
dragStyles,
|
||||||
@ -62,6 +64,22 @@ const RowDataComponent = (props) => {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
|
{indexColumnIsEnabled ? (
|
||||||
|
<TableCell
|
||||||
|
style={
|
||||||
|
!indexColumnIsEnabled ? { background: "none" } : dragStyles.style
|
||||||
|
}
|
||||||
|
{...selectionProp}
|
||||||
|
>
|
||||||
|
<IndexCell
|
||||||
|
sideColor={theme.filesSection.tableView.row.sideColor}
|
||||||
|
{...props}
|
||||||
|
/>
|
||||||
|
</TableCell>
|
||||||
|
) : (
|
||||||
|
<div />
|
||||||
|
)}
|
||||||
|
|
||||||
<TableCell
|
<TableCell
|
||||||
{...dragStyles}
|
{...dragStyles}
|
||||||
className={classNames(
|
className={classNames(
|
||||||
@ -197,6 +215,7 @@ export default inject(({ tableStore }) => {
|
|||||||
createdColumnIsEnabled,
|
createdColumnIsEnabled,
|
||||||
modifiedColumnIsEnabled,
|
modifiedColumnIsEnabled,
|
||||||
sizeColumnIsEnabled,
|
sizeColumnIsEnabled,
|
||||||
|
indexColumnIsEnabled,
|
||||||
typeColumnIsEnabled,
|
typeColumnIsEnabled,
|
||||||
quickButtonsColumnIsEnabled,
|
quickButtonsColumnIsEnabled,
|
||||||
} = tableStore;
|
} = tableStore;
|
||||||
@ -206,6 +225,7 @@ export default inject(({ tableStore }) => {
|
|||||||
createdColumnIsEnabled,
|
createdColumnIsEnabled,
|
||||||
modifiedColumnIsEnabled,
|
modifiedColumnIsEnabled,
|
||||||
sizeColumnIsEnabled,
|
sizeColumnIsEnabled,
|
||||||
|
indexColumnIsEnabled,
|
||||||
typeColumnIsEnabled,
|
typeColumnIsEnabled,
|
||||||
quickButtonsColumnIsEnabled,
|
quickButtonsColumnIsEnabled,
|
||||||
};
|
};
|
||||||
|
Loading…
Reference in New Issue
Block a user