21225: Add project workflow runs tab.
[arvados.git] / services / workbench2 / src / views / project-panel / project-panel-run.tsx
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import React from "react";
6 import { ProjectIcon } from "components/icon/icon";
7 import { PROJECT_PANEL_RUN_ID } from "store/project-panel/project-panel-action-bind";
8 import { DataColumns } from 'components/data-table/data-table';
9 import { DataExplorer } from "views-components/data-explorer/data-explorer";
10 import { ProjectResource } from 'models/project';
11 import { SortDirection } from "components/data-table/data-column";
12 import { createTree } from "models/tree";
13 import {
14     ContainerRunTime,
15     ResourceContainerUuid,
16     ResourceCreatedAtDate,
17     ResourceDeleteDate,
18     ResourceLastModifiedDate,
19     ResourceLogUuid,
20     ResourceModifiedByUserUuid,
21     ResourceName,
22     ResourceOutputUuid,
23     ResourceOwnerWithName,
24     ResourceParentProcess,
25     ResourceStatus,
26     ResourceTrashDate,
27     ResourceType,
28     ResourceUUID,
29 } from "views-components/data-explorer/renderers";
30 import { getInitialProcessStatusFilters, getInitialProcessTypeFilters } from "store/resource-type-filters/resource-type-filters";
31 import { connect } from "react-redux";
32 import { RootState } from "store/store";
33 import { getProjectPanelCurrentUuid } from "store/project-panel/project-panel-action";
34 import { getResource } from "store/resources/resources";
35
36 export enum ProjectPanelRunColumnNames {
37     NAME = 'Name',
38     STATUS = 'Status',
39     TYPE = 'Type',
40     OWNER = 'Owner',
41     PORTABLE_DATA_HASH = 'Portable Data Hash',
42     FILE_SIZE = 'File Size',
43     FILE_COUNT = 'File Count',
44     UUID = 'UUID',
45     CONTAINER_UUID = 'Container UUID',
46     RUNTIME = 'Runtime',
47     OUTPUT_UUID = 'Output UUID',
48     LOG_UUID = 'Log UUID',
49     PARENT_PROCESS = 'Parent Process UUID',
50     MODIFIED_BY_USER_UUID = 'Modified by User UUID',
51     VERSION = 'Version',
52     CREATED_AT = 'Date Created',
53     LAST_MODIFIED = 'Last Modified',
54     TRASH_AT = 'Trash at',
55     DELETE_AT = 'Delete at',
56 }
57
58 export const projectPanelRunColumns: DataColumns<string, ProjectResource> = [
59     {
60         name: ProjectPanelRunColumnNames.NAME,
61         selected: true,
62         configurable: true,
63         sort: { direction: SortDirection.NONE, field: 'name' },
64         filters: createTree(),
65         render: (uuid) => <ResourceName uuid={uuid} />,
66     },
67     {
68         name: ProjectPanelRunColumnNames.STATUS,
69         selected: true,
70         configurable: true,
71         mutuallyExclusiveFilters: true,
72         filters: getInitialProcessStatusFilters(),
73         render: (uuid) => <ResourceStatus uuid={uuid} />,
74     },
75     {
76         name: ProjectPanelRunColumnNames.TYPE,
77         selected: true,
78         configurable: true,
79         filters: getInitialProcessTypeFilters(),
80         render: (uuid) => <ResourceType uuid={uuid} />,
81     },
82     {
83         name: ProjectPanelRunColumnNames.OWNER,
84         selected: false,
85         configurable: true,
86         filters: createTree(),
87         render: (uuid) => <ResourceOwnerWithName uuid={uuid} />,
88     },
89     {
90         name: ProjectPanelRunColumnNames.UUID,
91         selected: false,
92         configurable: true,
93         filters: createTree(),
94         render: (uuid) => <ResourceUUID uuid={uuid} />,
95     },
96     {
97         name: ProjectPanelRunColumnNames.CONTAINER_UUID,
98         selected: false,
99         configurable: true,
100         filters: createTree(),
101         render: (uuid) => <ResourceContainerUuid uuid={uuid} />,
102     },
103     {
104         name: ProjectPanelRunColumnNames.RUNTIME,
105         selected: true,
106         configurable: true,
107         filters: createTree(),
108         render: (uuid) => <ContainerRunTime uuid={uuid} />,
109     },
110     {
111         name: ProjectPanelRunColumnNames.OUTPUT_UUID,
112         selected: false,
113         configurable: true,
114         filters: createTree(),
115         render: (uuid) => <ResourceOutputUuid uuid={uuid} />,
116     },
117     {
118         name: ProjectPanelRunColumnNames.LOG_UUID,
119         selected: false,
120         configurable: true,
121         filters: createTree(),
122         render: (uuid) => <ResourceLogUuid uuid={uuid} />,
123     },
124     {
125         name: ProjectPanelRunColumnNames.PARENT_PROCESS,
126         selected: false,
127         configurable: true,
128         filters: createTree(),
129         render: (uuid) => <ResourceParentProcess uuid={uuid} />,
130     },
131     {
132         name: ProjectPanelRunColumnNames.MODIFIED_BY_USER_UUID,
133         selected: false,
134         configurable: true,
135         filters: createTree(),
136         render: (uuid) => <ResourceModifiedByUserUuid uuid={uuid} />,
137     },
138     {
139         name: ProjectPanelRunColumnNames.CREATED_AT,
140         selected: false,
141         configurable: true,
142         sort: { direction: SortDirection.NONE, field: 'createdAt' },
143         filters: createTree(),
144         render: (uuid) => <ResourceCreatedAtDate uuid={uuid} />,
145     },
146     {
147         name: ProjectPanelRunColumnNames.LAST_MODIFIED,
148         selected: true,
149         configurable: true,
150         sort: { direction: SortDirection.DESC, field: 'modifiedAt' },
151         filters: createTree(),
152         render: (uuid) => <ResourceLastModifiedDate uuid={uuid} />,
153     },
154     {
155         name: ProjectPanelRunColumnNames.TRASH_AT,
156         selected: false,
157         configurable: true,
158         sort: { direction: SortDirection.NONE, field: 'trashAt' },
159         filters: createTree(),
160         render: (uuid) => <ResourceTrashDate uuid={uuid} />,
161     },
162     {
163         name: ProjectPanelRunColumnNames.DELETE_AT,
164         selected: false,
165         configurable: true,
166         sort: { direction: SortDirection.NONE, field: 'deleteAt' },
167         filters: createTree(),
168         render: (uuid) => <ResourceDeleteDate uuid={uuid} />,
169     },
170 ];
171
172 const DEFAULT_VIEW_MESSAGES = ['No workflow runs found'];
173
174 interface ProjectPanelRunProps {
175     project?: ProjectResource;
176 }
177
178 const mapStateToProps = (state: RootState): ProjectPanelRunProps => {
179     const projectUuid = getProjectPanelCurrentUuid(state) || "";
180     const project = getResource<ProjectResource>(projectUuid)(state.resources);
181     return {
182         project,
183     };
184 };
185
186 export const ProjectPanelRun = connect(mapStateToProps)((props: ProjectPanelRunProps) => {
187     const handleRowClick = () => {};
188     const handleRowDoubleClick = () => {};
189     const handleContextMenu = () => {};
190
191     return <DataExplorer
192         id={PROJECT_PANEL_RUN_ID}
193         onRowClick={handleRowClick}
194         onRowDoubleClick={handleRowDoubleClick}
195         onContextMenu={handleContextMenu}
196         contextMenuColumn={true}
197         defaultViewIcon={ProjectIcon}
198         defaultViewMessages={DEFAULT_VIEW_MESSAGES}
199     />;
200 });