1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import * as React from 'react';
6 import { SortDirection } from '~/components/data-table/data-column';
7 import { DataColumns } from '~/components/data-table/data-table';
8 import { DataTableFilterItem } from '~/components/data-table-filters/data-table-filters';
9 import { ResourceKind } from '~/models/resource';
10 import { ContainerRequestState } from '~/models/container-request';
11 import { resourceLabel } from '~/common/labels';
12 import { SearchBarAdvanceFormData } from '~/models/search-bar';
13 import { SEARCH_RESULTS_PANEL_ID } from '~/store/search-results-panel/search-results-panel-actions';
14 import { DataExplorer } from '~/views-components/data-explorer/data-explorer';
18 ResourceLastModifiedDate,
22 } from '~/views-components/data-explorer/renderers';
24 export enum SearchResultsPanelColumnNames {
30 FILE_SIZE = "File size",
31 LAST_MODIFIED = "Last modified"
34 export interface SearchResultsPanelDataProps {
35 data: SearchBarAdvanceFormData;
38 export interface SearchResultsPanelActionProps {
39 onItemClick: (item: string) => void;
40 onContextMenu: (event: React.MouseEvent<HTMLElement>, item: string) => void;
41 onDialogOpen: (ownerUuid: string) => void;
42 onItemDoubleClick: (item: string) => void;
45 export type SearchResultsPanelProps = SearchResultsPanelDataProps & SearchResultsPanelActionProps;
47 export interface WorkflowPanelFilter extends DataTableFilterItem {
48 type: ResourceKind | ContainerRequestState;
51 export const searchResultsPanelColumns: DataColumns<string, WorkflowPanelFilter> = [
53 name: SearchResultsPanelColumnNames.NAME,
56 sortDirection: SortDirection.ASC,
58 render: (uuid: string) => <ResourceName uuid={uuid} />
61 name: SearchResultsPanelColumnNames.PROJECT,
65 render: uuid => <ResourceFileSize uuid={uuid} />
68 name: SearchResultsPanelColumnNames.STATUS,
72 render: uuid => <ProcessStatus uuid={uuid} />
75 name: SearchResultsPanelColumnNames.TYPE,
80 name: resourceLabel(ResourceKind.COLLECTION),
82 type: ResourceKind.COLLECTION
85 name: resourceLabel(ResourceKind.PROCESS),
87 type: ResourceKind.PROCESS
90 name: resourceLabel(ResourceKind.PROJECT),
92 type: ResourceKind.PROJECT
95 render: (uuid: string) => <ResourceType uuid={uuid} />,
98 name: SearchResultsPanelColumnNames.OWNER,
102 render: uuid => <ResourceOwner uuid={uuid} />
105 name: SearchResultsPanelColumnNames.FILE_SIZE,
109 render: uuid => <ResourceFileSize uuid={uuid} />
112 name: SearchResultsPanelColumnNames.LAST_MODIFIED,
115 sortDirection: SortDirection.NONE,
117 render: uuid => <ResourceLastModifiedDate uuid={uuid} />
121 export const SearchResultsPanelView = (props: SearchResultsPanelProps) => {
123 id={SEARCH_RESULTS_PANEL_ID}
124 onRowClick={props.onItemClick}
125 onRowDoubleClick={props.onItemDoubleClick}
126 onContextMenu={props.onContextMenu}
127 contextMenuColumn={true} />;