1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import * as React from 'react';
6 import { IconButton, StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core';
7 import { DataExplorer } from "~/views-components/data-explorer/data-explorer";
8 import { DispatchProp, connect } 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 { resourceLabel } from '~/common/labels';
15 import { ArvadosTheme } from '~/common/custom-theme';
16 import { RestoreFromTrashIcon, TrashIcon } from '~/components/icon/icon';
17 import { TRASH_PANEL_ID } from "~/store/trash-panel/trash-panel-action";
18 import { getProperty } from "~/store/properties/properties";
19 import { PROJECT_PANEL_CURRENT_UUID } from "~/store/project-panel/project-panel-action";
20 import { openContextMenu, resourceKindToContextMenuKind } from "~/store/context-menu/context-menu-actions";
21 import { getResource, ResourcesState } from "~/store/resources/resources";
29 } from "~/views-components/data-explorer/renderers";
30 import { navigateTo } from "~/store/navigation/navigation-action";
31 import { loadDetailsPanel } from "~/store/details-panel/details-panel-action";
32 import { toggleCollectionTrashed, toggleProjectTrashed } from "~/store/trash/trash-actions";
33 import { Dispatch } from "redux";
35 type CssRules = "toolbar" | "button";
37 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
39 paddingBottom: theme.spacing.unit * 3,
43 marginLeft: theme.spacing.unit
47 export enum TrashPanelColumnNames {
50 FILE_SIZE = "File size",
51 TRASHED_DATE = "Trashed date",
52 TO_BE_DELETED = "To be deleted"
55 export interface TrashPanelFilter extends DataTableFilterItem {
59 export const ResourceRestore =
60 connect((state: RootState, props: { uuid: string, dispatch?: Dispatch<any> }) => {
61 const resource = getResource<TrashableResource>(props.uuid)(state.resources);
62 return { resource, dispatch: props.dispatch };
63 })((props: { resource?: TrashableResource, dispatch?: Dispatch<any> }) =>
64 <IconButton onClick={() => {
65 if (props.resource && props.dispatch) {
68 uuid: props.resource.uuid,
69 isTrashed: props.resource.isTrashed,
70 ownerUuid: props.resource.ownerUuid
73 if (props.resource.kind === ResourceKind.PROJECT) {
74 props.dispatch(toggleProjectTrashed(ctxRes));
75 } else if (props.resource.kind === ResourceKind.COLLECTION) {
76 props.dispatch(toggleCollectionTrashed(ctxRes));
80 <RestoreFromTrashIcon/>
84 export const trashPanelColumns: DataColumns<string, TrashPanelFilter> = [
86 name: TrashPanelColumnNames.NAME,
89 sortDirection: SortDirection.ASC,
91 render: uuid => <ResourceName uuid={uuid}/>,
95 name: TrashPanelColumnNames.TYPE,
98 sortDirection: SortDirection.NONE,
101 name: resourceLabel(ResourceKind.COLLECTION),
103 type: ResourceKind.COLLECTION
106 name: resourceLabel(ResourceKind.PROCESS),
108 type: ResourceKind.PROCESS
111 name: resourceLabel(ResourceKind.PROJECT),
113 type: ResourceKind.PROJECT
116 render: uuid => <ResourceType uuid={uuid}/>,
120 name: TrashPanelColumnNames.FILE_SIZE,
123 sortDirection: SortDirection.NONE,
125 render: uuid => <ResourceFileSize uuid={uuid} />,
129 name: TrashPanelColumnNames.TRASHED_DATE,
132 sortDirection: SortDirection.NONE,
134 render: uuid => <ResourceTrashDate uuid={uuid} />,
138 name: TrashPanelColumnNames.TO_BE_DELETED,
141 sortDirection: SortDirection.NONE,
143 render: uuid => <ResourceDeleteDate uuid={uuid} />,
150 sortDirection: SortDirection.NONE,
152 render: uuid => <ResourceRestore uuid={uuid}/>,
157 interface TrashPanelDataProps {
158 currentItemId: string;
159 resources: ResourcesState;
162 type TrashPanelProps = TrashPanelDataProps & DispatchProp & WithStyles<CssRules>;
164 export const TrashPanel = withStyles(styles)(
165 connect((state: RootState) => ({
166 currentItemId: getProperty(PROJECT_PANEL_CURRENT_UUID)(state.properties),
167 resources: state.resources
169 class extends React.Component<TrashPanelProps> {
173 onRowClick={this.handleRowClick}
174 onRowDoubleClick={this.handleRowDoubleClick}
175 onContextMenu={this.handleContextMenu}
176 defaultIcon={TrashIcon}
177 defaultMessages={['Your trash list is empty.']}
178 contextMenuColumn={false}/>
182 handleContextMenu = (event: React.MouseEvent<HTMLElement>, resourceUuid: string) => {
183 const kind = resourceKindToContextMenuKind(resourceUuid);
184 const resource = getResource(resourceUuid)(this.props.resources) as TrashableResource;
185 if (kind && resource) {
186 this.props.dispatch<any>(openContextMenu(event, {
189 ownerUuid: resource.ownerUuid,
190 isTrashed: resource.isTrashed,
196 handleRowDoubleClick = (uuid: string) => {
197 this.props.dispatch<any>(navigateTo(uuid));
200 handleRowClick = (uuid: string) => {
201 this.props.dispatch(loadDetailsPanel(uuid));