1 // Copyright (C) The Arvados Authors. All rights reserved.
3 // SPDX-License-Identifier: AGPL-3.0
5 import React from 'react';
7 StyleRulesCallback, WithStyles, withStyles
8 } from '@material-ui/core';
9 import { ArvadosTheme } from 'common/custom-theme';
10 import { ShareMeIcon } from 'components/icon/icon';
11 import { createTree } from 'models/tree';
12 import { DataColumns } from 'components/data-table/data-table';
13 import { SortDirection } from 'components/data-table/data-column';
14 import { API_CLIENT_AUTHORIZATION_PANEL_ID } from '../../store/api-client-authorizations/api-client-authorizations-actions';
15 import { DataExplorer } from 'views-components/data-explorer/data-explorer';
16 import { ResourcesState } from 'store/resources/resources';
18 CommonUuid, TokenApiClientId, TokenApiToken, TokenCreatedByIpAddress, TokenExpiresAt,
19 TokenLastUsedAt, TokenLastUsedByIpAddress, TokenScopes, TokenUserId
20 } from 'views-components/data-explorer/renderers';
21 import { ApiClientAuthorization } from 'models/api-client-authorization';
23 type CssRules = 'root';
25 const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
32 export enum ApiClientAuthorizationPanelColumnNames {
34 API_CLIENT_ID = 'API Client ID',
35 API_TOKEN = 'API Token',
36 CREATED_BY_IP_ADDRESS = 'Created by IP address',
37 EXPIRES_AT = 'Expires at',
38 LAST_USED_AT = 'Last used at',
39 LAST_USED_BY_IP_ADDRESS = 'Last used by IP address',
44 export const apiClientAuthorizationPanelColumns: DataColumns<string, ApiClientAuthorization> = [
46 name: ApiClientAuthorizationPanelColumnNames.UUID,
49 sort: {direction: SortDirection.NONE, field: "uuid"},
50 filters: createTree(),
51 render: uuid => <CommonUuid uuid={uuid} />
54 name: ApiClientAuthorizationPanelColumnNames.API_CLIENT_ID,
57 filters: createTree(),
58 render: uuid => <TokenApiClientId uuid={uuid} />
61 name: ApiClientAuthorizationPanelColumnNames.API_TOKEN,
64 filters: createTree(),
65 render: uuid => <TokenApiToken uuid={uuid} />
68 name: ApiClientAuthorizationPanelColumnNames.CREATED_BY_IP_ADDRESS,
71 filters: createTree(),
72 render: uuid => <TokenCreatedByIpAddress uuid={uuid} />
75 name: ApiClientAuthorizationPanelColumnNames.EXPIRES_AT,
78 filters: createTree(),
79 render: uuid => <TokenExpiresAt uuid={uuid} />
82 name: ApiClientAuthorizationPanelColumnNames.LAST_USED_AT,
85 filters: createTree(),
86 render: uuid => <TokenLastUsedAt uuid={uuid} />
89 name: ApiClientAuthorizationPanelColumnNames.LAST_USED_BY_IP_ADDRESS,
92 filters: createTree(),
93 render: uuid => <TokenLastUsedByIpAddress uuid={uuid} />
96 name: ApiClientAuthorizationPanelColumnNames.SCOPES,
99 filters: createTree(),
100 render: uuid => <TokenScopes uuid={uuid} />
103 name: ApiClientAuthorizationPanelColumnNames.USER_ID,
106 filters: createTree(),
107 render: uuid => <TokenUserId uuid={uuid} />
111 const DEFAULT_MESSAGE = 'Your api client authorization list is empty.';
113 export interface ApiClientAuthorizationPanelRootActionProps {
114 onItemClick: (item: string) => void;
115 onContextMenu: (event: React.MouseEvent<HTMLElement>, item: string) => void;
116 onItemDoubleClick: (item: string) => void;
119 export interface ApiClientAuthorizationPanelRootDataProps {
120 resources: ResourcesState;
123 type ApiClientAuthorizationPanelRootProps = ApiClientAuthorizationPanelRootActionProps
124 & ApiClientAuthorizationPanelRootDataProps & WithStyles<CssRules>;
126 export const ApiClientAuthorizationPanelRoot = withStyles(styles)(
127 ({ classes, onItemDoubleClick, onItemClick, onContextMenu }: ApiClientAuthorizationPanelRootProps) =>
128 <div className={classes.root}><DataExplorer
129 id={API_CLIENT_AUTHORIZATION_PANEL_ID}
130 onRowClick={onItemClick}
131 onRowDoubleClick={onItemDoubleClick}
132 onContextMenu={onContextMenu}
133 contextMenuColumn={true}
136 defaultViewIcon={ShareMeIcon}
137 defaultViewMessages={[DEFAULT_MESSAGE]} />