1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import React from 'react';
6 import { IconButton, StyleRulesCallback, WithStyles, withStyles, Tooltip } from '@material-ui/core';
7 import { DataExplorer } from "views-components/data-explorer/data-explorer";
8 import { connect, DispatchProp } from 'react-redux';
9 import { DataColumns } from 'components/data-table/data-table';
10 import { RootState } from 'store/store';
11 import { DataTableFilterItem } from 'components/data-table-filters/data-table-filters';
12 import { SortDirection } from 'components/data-table/data-column';
13 import { ResourceKind, TrashableResource } from 'models/resource';
14 import { ArvadosTheme } from 'common/custom-theme';
15 import { RestoreFromTrashIcon, TrashIcon } from 'components/icon/icon';
16 import { TRASH_PANEL_ID } from "store/trash-panel/trash-panel-action";
17 import { getProperty } from "store/properties/properties";
18 import { PROJECT_PANEL_CURRENT_UUID } from "store/project-panel/project-panel-action";
19 import { openContextMenu } from "store/context-menu/context-menu-actions";
20 import { getResource, ResourcesState } from "store/resources/resources";
27 } from "views-components/data-explorer/renderers";
28 import { navigateTo } from "store/navigation/navigation-action";
29 import { loadDetailsPanel } from "store/details-panel/details-panel-action";
30 import { toggleTrashed } from "store/trash/trash-actions";
31 import { ContextMenuKind } from "views-components/context-menu/context-menu";
32 import { Dispatch } from "redux";
33 import { createTree } from 'models/tree';
35 getTrashPanelTypeFilters
36 } from 'store/resource-type-filters/resource-type-filters';
37 import { CollectionResource } from 'models/collection';
39 type CssRules = "toolbar" | "button" | "root";
41 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
43 paddingBottom: theme.spacing.unit * 3,
47 marginLeft: theme.spacing.unit
54 export enum TrashPanelColumnNames {
57 FILE_SIZE = "File size",
58 TRASHED_DATE = "Trashed date",
59 TO_BE_DELETED = "To be deleted"
62 export interface TrashPanelFilter extends DataTableFilterItem {
66 export const ResourceRestore =
67 connect((state: RootState, props: { uuid: string, dispatch?: Dispatch<any> }) => {
68 const resource = getResource<TrashableResource>(props.uuid)(state.resources);
69 return { resource, dispatch: props.dispatch };
70 })((props: { resource?: TrashableResource, dispatch?: Dispatch<any> }) =>
71 <Tooltip title="Restore">
72 <IconButton style={{ padding: '0' }} onClick={() => {
73 if (props.resource && props.dispatch) {
74 props.dispatch(toggleTrashed(
77 props.resource.ownerUuid,
78 props.resource.isTrashed
82 <RestoreFromTrashIcon />
87 export const trashPanelColumns: DataColumns<string, CollectionResource> = [
89 name: TrashPanelColumnNames.NAME,
92 sort: {direction: SortDirection.NONE, field: "name"},
93 filters: createTree(),
94 render: uuid => <ResourceName uuid={uuid} />
97 name: TrashPanelColumnNames.TYPE,
100 filters: getTrashPanelTypeFilters(),
101 render: uuid => <ResourceType uuid={uuid} />,
104 name: TrashPanelColumnNames.FILE_SIZE,
107 sort: {direction: SortDirection.NONE, field: "fileSizeTotal"},
108 filters: createTree(),
109 render: uuid => <ResourceFileSize uuid={uuid} />
112 name: TrashPanelColumnNames.TRASHED_DATE,
115 sort: {direction: SortDirection.DESC, field: "trashAt"},
116 filters: createTree(),
117 render: uuid => <ResourceTrashDate uuid={uuid} />
120 name: TrashPanelColumnNames.TO_BE_DELETED,
123 sort: {direction: SortDirection.NONE, field: "deleteAt"},
124 filters: createTree(),
125 render: uuid => <ResourceDeleteDate uuid={uuid} />
131 filters: createTree(),
132 render: uuid => <ResourceRestore uuid={uuid} />
136 interface TrashPanelDataProps {
137 currentItemId: string;
138 resources: ResourcesState;
141 type TrashPanelProps = TrashPanelDataProps & DispatchProp & WithStyles<CssRules>;
143 export const TrashPanel = withStyles(styles)(
144 connect((state: RootState) => ({
145 currentItemId: getProperty(PROJECT_PANEL_CURRENT_UUID)(state.properties),
146 resources: state.resources
148 class extends React.Component<TrashPanelProps> {
150 return <div className={this.props.classes.root}><DataExplorer
152 onRowClick={this.handleRowClick}
153 onRowDoubleClick={this.handleRowDoubleClick}
154 onContextMenu={this.handleContextMenu}
155 contextMenuColumn={false}
156 defaultViewIcon={TrashIcon}
157 defaultViewMessages={['Your trash list is empty.']} />
161 handleContextMenu = (event: React.MouseEvent<HTMLElement>, resourceUuid: string) => {
162 const resource = getResource<TrashableResource>(resourceUuid)(this.props.resources);
164 this.props.dispatch<any>(openContextMenu(event, {
167 ownerUuid: resource.ownerUuid,
168 isTrashed: resource.isTrashed,
170 menuKind: ContextMenuKind.TRASH
173 this.props.dispatch<any>(loadDetailsPanel(resourceUuid));
176 handleRowDoubleClick = (uuid: string) => {
177 this.props.dispatch<any>(navigateTo(uuid));
180 handleRowClick = (uuid: string) => {
181 this.props.dispatch<any>(loadDetailsPanel(uuid));