--- /dev/null
+// Copyright (C) The Arvados Authors. All rights reserved.
+//
+// SPDX-License-Identifier: AGPL-3.0
+
+import { dialogActions } from '~/store/dialog/dialog-actions';
+import { RootState } from '~/store/store';
+import { Dispatch } from 'redux';
+import { ResourceKind, extractUuidKind } from '~/models/resource';
+import { getResource } from '~/store/resources/resources';
+import { GroupContentsResourcePrefix } from '~/services/groups-service/groups-service';
+import { snackbarActions, SnackbarKind } from '~/store/snackbar/snackbar-actions';
+import { ContainerRequestResource } from '~/models/container-request';
+import { CollectionResource } from '~/models/collection';
+import { ProjectResource } from '~/models/project';
+import { ServiceRepository } from '~/services/services';
+import { FilterBuilder } from '~/services/api/filter-builder';
+
+export const ADVANCED_TAB_DIALOG = 'advancedTabDialog';
+
+export interface AdvancedTabDialogData {
+ apiResponse: any;
+ metadata: any;
+ pythonHeader: string;
+ pythonExample: string;
+ cliGetHeader: string;
+ cliGetExample: string;
+ cliUpdateHeader: string;
+ cliUpdateExample: string;
+ curlHeader: string;
+ curlExample: string;
+}
+
+enum CollectionData {
+ COLLECTION = 'collection',
+ STORAGE_CLASSES_CONFIRMED = 'storage_classes_confirmed'
+}
+
+enum ProcessData {
+ CONTAINER_REQUEST = 'container_request',
+ OUTPUT_NAME = 'output_name'
+}
+
+enum ProjectData {
+ GROUP = 'group',
+ DELETE_AT = 'delete_at'
+}
+
+export const openAdvancedTabDialog = (uuid: string) =>
+ async (dispatch: Dispatch<any>, getState: () => RootState, services: ServiceRepository) => {
+ const { resources } = getState();
+ const kind = extractUuidKind(uuid);
+ const data = getResource<any>(uuid)(resources);
+ const metadata = await services.linkService.list({
+ filters: new FilterBuilder()
+ .addEqual('headUuid', uuid)
+ .getFilters()
+ });
+ if (data) {
+ if (kind === ResourceKind.COLLECTION) {
+ const dataCollection: AdvancedTabDialogData = {
+ apiResponse: collectionApiResponse(data),
+ metadata,
+ pythonHeader: pythonHeader(CollectionData.COLLECTION),
+ pythonExample: pythonExample(data.uuid, GroupContentsResourcePrefix.COLLECTION),
+ cliGetHeader: cliGetHeader(CollectionData.COLLECTION),
+ cliGetExample: cliGetExample(data.uuid, GroupContentsResourcePrefix.COLLECTION),
+ cliUpdateHeader: cliUpdateHeader(CollectionData.COLLECTION, CollectionData.STORAGE_CLASSES_CONFIRMED),
+ cliUpdateExample: cliUpdateExample(data.uuid, CollectionData.COLLECTION, data.storageClassesConfirmed, CollectionData.STORAGE_CLASSES_CONFIRMED),
+ curlHeader: curlHeader(CollectionData.COLLECTION, CollectionData.STORAGE_CLASSES_CONFIRMED),
+ curlExample: curlExample(data.uuid, GroupContentsResourcePrefix.COLLECTION, data.storageClassesConfirmed, CollectionData.COLLECTION, CollectionData.STORAGE_CLASSES_CONFIRMED)
+ };
+ dispatch(dialogActions.OPEN_DIALOG({ id: ADVANCED_TAB_DIALOG, data: dataCollection }));
+ } else if (kind === ResourceKind.PROCESS) {
+ const dataProcess: AdvancedTabDialogData = {
+ apiResponse: containerRequestApiResponse(data),
+ metadata,
+ pythonHeader: pythonHeader(ProcessData.CONTAINER_REQUEST),
+ pythonExample: pythonExample(data.uuid, GroupContentsResourcePrefix.PROCESS),
+ cliGetHeader: cliGetHeader(ProcessData.CONTAINER_REQUEST),
+ cliGetExample: cliGetExample(data.uuid, GroupContentsResourcePrefix.PROCESS),
+ cliUpdateHeader: cliUpdateHeader(ProcessData.CONTAINER_REQUEST, ProcessData.OUTPUT_NAME),
+ cliUpdateExample: cliUpdateExample(data.uuid, ProcessData.CONTAINER_REQUEST, data.outputName, ProcessData.OUTPUT_NAME),
+ curlHeader: curlHeader(ProcessData.CONTAINER_REQUEST, ProcessData.OUTPUT_NAME),
+ curlExample: curlExample(data.uuid, GroupContentsResourcePrefix.PROCESS, data.outputName, ProcessData.CONTAINER_REQUEST, ProcessData.OUTPUT_NAME)
+ };
+ dispatch(dialogActions.OPEN_DIALOG({ id: ADVANCED_TAB_DIALOG, data: dataProcess }));
+ } else if (kind === ResourceKind.PROJECT) {
+ const dataProject: AdvancedTabDialogData = {
+ apiResponse: groupRequestApiResponse(data),
+ metadata,
+ pythonHeader: pythonHeader(ProjectData.GROUP),
+ pythonExample: pythonExample(data.uuid, GroupContentsResourcePrefix.PROJECT),
+ cliGetHeader: cliGetHeader(ProjectData.GROUP),
+ cliGetExample: cliGetExample(data.uuid, GroupContentsResourcePrefix.PROJECT),
+ cliUpdateHeader: cliUpdateHeader(ProjectData.GROUP, ProjectData.DELETE_AT),
+ cliUpdateExample: cliUpdateExample(data.uuid, ProjectData.GROUP, data.deleteAt, ProjectData.DELETE_AT),
+ curlHeader: curlHeader(ProjectData.GROUP, ProjectData.DELETE_AT),
+ curlExample: curlExample(data.uuid, GroupContentsResourcePrefix.PROJECT, data.deleteAt, ProjectData.GROUP, ProjectData.DELETE_AT)
+ };
+ dispatch(dialogActions.OPEN_DIALOG({ id: ADVANCED_TAB_DIALOG, data: dataProject }));
+ }
+ } else {
+ dispatch(snackbarActions.OPEN_SNACKBAR({ message: "Could not open advanced tab for this resource.", hideDuration: 2000, kind: SnackbarKind.ERROR }));
+ }
+ };
+
+const pythonHeader = (resourceKind: string) =>
+ `An example python command to get a ${resourceKind} using its uuid:`;
+
+const pythonExample = (uuid: string, resourcePrefix: string) => {
+ const pythonExample = `import arvados
+
+ x = arvados.api().${resourcePrefix}().get(uuid='${uuid}').execute()`;
+
+ return pythonExample;
+};
+
+const cliGetHeader = (resourceKind: string) =>
+ `An example arv command to get a ${resourceKind} using its uuid:`;
+
+const cliGetExample = (uuid: string, resourcePrefix: string) => {
+ const cliGetExample = `arv ${resourcePrefix} get \\
+ --uuid ${uuid}`;
+
+ return cliGetExample;
+};
+
+const cliUpdateHeader = (resourceKind: string, resourceName: string) =>
+ `An example arv command to update the "${resourceName}" attribute for the current ${resourceKind}:`;
+
+const cliUpdateExample = (uuid: string, resourceKind: string, resource: string | string[], resourceName: string) => {
+ const CLIUpdateCollectionExample = `arv ${resourceKind} update \\
+ --uuid ${uuid} \\
+ --${resourceKind} '{"${resourceName}":${resource}}'`;
+
+ return CLIUpdateCollectionExample;
+};
+
+const curlHeader = (resourceKind: string, resource: string) =>
+ `An example curl command to update the "${resource}" attribute for the current ${resourceKind}:`;
+
+const curlExample = (uuid: string, resourcePrefix: string, resource: string | string[], resourceKind: string, resourceName: string) => {
+ const curlExample = `curl -X PUT \\
+ -H "Authorization: OAuth2 $ARVADOS_API_TOKEN" \\
+ --data-urlencode ${resourceKind}@/dev/stdin \\
+ https://$ARVADOS_API_HOST/arvados/v1/${resourcePrefix}/${uuid} \\
+ <<EOF
+{
+ "${resourceName}": ${resource}
+}
+EOF`;
+
+ return curlExample;
+};
+
+const stringify = (item: string | null | number | boolean) =>
+ JSON.stringify(item) || 'null';
+
+const stringifyObject = (item: any) =>
+ JSON.stringify(item, null, 2) || 'null';
+
+const containerRequestApiResponse = (apiResponse: ContainerRequestResource) => {
+ const { uuid, ownerUuid, createdAt, modifiedAt, modifiedByClientUuid, modifiedByUserUuid, name, description, properties, state, requestingContainerUuid, containerUuid,
+ containerCountMax, mounts, runtimeConstraints, containerImage, environment, cwd, command, outputPath, priority, expiresAt, filters, containerCount,
+ useExisting, schedulingParameters, outputUuid, logUuid, outputName, outputTtl } = apiResponse;
+ const response = `"uuid": "${uuid}",
+"owner_uuid": "${ownerUuid}",
+"created_at": "${createdAt}",
+"modified_at": ${stringify(modifiedAt)},
+"modified_by_client_uuid": ${stringify(modifiedByClientUuid)},
+"modified_by_user_uuid": ${stringify(modifiedByUserUuid)},
+"name": ${stringify(name)},
+"description": ${stringify(description)},
+"properties": ${stringifyObject(properties)},
+"state": ${stringify(state)},
+"requesting_container_uuid": ${stringify(requestingContainerUuid)},
+"container_uuid": ${stringify(containerUuid)},
+"container_count_max": ${stringify(containerCountMax)},
+"mounts": ${stringifyObject(mounts)},
+"runtime_constraints": ${stringifyObject(runtimeConstraints)},
+"container_image": "${stringify(containerImage)}",
+"environment": ${stringifyObject(environment)},
+"cwd": ${stringify(cwd)},
+"command": ${stringifyObject(command)},
+"output_path": ${stringify(outputPath)},
+"priority": ${stringify(priority)},
+"expires_at": ${stringify(expiresAt)},
+"filters": ${stringify(filters)},
+"container_count": ${stringify(containerCount)},
+"use_existing": ${stringify(useExisting)},
+"scheduling_parameters": ${stringifyObject(schedulingParameters)},
+"output_uuid": ${stringify(outputUuid)},
+"log_uuid": ${stringify(logUuid)},
+"output_name": ${stringify(outputName)},
+"output_ttl": ${stringify(outputTtl)}`;
+
+ return response;
+};
+
+const collectionApiResponse = (apiResponse: CollectionResource) => {
+ const { uuid, ownerUuid, createdAt, modifiedAt, modifiedByClientUuid, modifiedByUserUuid, name, description, properties, portableDataHash, replicationDesired,
+ replicationConfirmedAt, replicationConfirmed, manifestText, deleteAt, fileNames, trashAt, isTrashed, storageClassesDesired,
+ storageClassesConfirmed, storageClassesConfirmedAt } = apiResponse;
+ const response = `"uuid": "${uuid}",
+"owner_uuid": "${ownerUuid}",
+"created_at": "${createdAt}",
+"modified_by_client_uuid": ${stringify(modifiedByClientUuid)},
+"modified_by_user_uuid": ${stringify(modifiedByUserUuid)},
+"modified_at": ${stringify(modifiedAt)},
+"portable_data_hash": ${stringify(portableDataHash)},
+"replication_desired": ${stringify(replicationDesired)},
+"replication_confirmed_at": ${stringify(replicationConfirmedAt)},
+"replication_confirmed": ${stringify(replicationConfirmed)},
+"manifest_text": ${stringify(manifestText)},
+"name": ${stringify(name)},
+"description": ${stringify(description)},
+"properties": ${stringifyObject(properties)},
+"delete_at": ${stringify(deleteAt)},
+"file_names": ${stringify(fileNames)},
+"trash_at": ${stringify(trashAt)},
+"is_trashed": ${stringify(isTrashed)},
+"storage_classes_desired": ${JSON.stringify(storageClassesDesired, null, 2)},
+"storage_classes_confirmed": ${JSON.stringify(storageClassesConfirmed, null, 2)},
+"storage_classes_confirmed_at": ${stringify(storageClassesConfirmedAt)}`;
+
+ return response;
+};
+
+const groupRequestApiResponse = (apiResponse: ProjectResource) => {
+ const { uuid, ownerUuid, createdAt, modifiedAt, modifiedByClientUuid, modifiedByUserUuid, name, description, groupClass, trashAt, isTrashed, deleteAt, properties } = apiResponse;
+ const response = `"uuid": "${uuid}",
+"owner_uuid": "${ownerUuid}",
+"created_at": "${createdAt}",
+"modified_by_client_uuid": ${stringify(modifiedByClientUuid)},
+"modified_by_user_uuid": ${stringify(modifiedByUserUuid)},
+"modified_at": ${stringify(modifiedAt)},
+"name": ${stringify(name)},
+"description": ${stringify(description)},
+"group_class": ${stringify(groupClass)},
+"trash_at": ${stringify(trashAt)},
+"is_trashed": ${stringify(isTrashed)},
+"delete_at": ${stringify(deleteAt)},
+"properties": ${stringifyObject(properties)}`;
+
+ return response;
+};
\ No newline at end of file
--- /dev/null
+// Copyright (C) The Arvados Authors. All rights reserved.
+//
+// SPDX-License-Identifier: AGPL-3.0
+
+import * as React from "react";
+import { Dialog, DialogActions, Button, StyleRulesCallback, WithStyles, withStyles, DialogTitle, DialogContent, Tabs, Tab, DialogContentText } from '@material-ui/core';
+import { WithDialogProps } from '~/store/dialog/with-dialog';
+import { withDialog } from "~/store/dialog/with-dialog";
+import { compose } from 'redux';
+import { ADVANCED_TAB_DIALOG } from "~/store/advanced-tab/advanced-tab";
+import { DefaultCodeSnippet } from "~/components/default-code-snippet/default-code-snippet";
+import { MetadataTab } from '~/views-components/advanced-tab-dialog/metadataTab';
+
+type CssRules = 'content' | 'codeSnippet' | 'spacing';
+
+const styles: StyleRulesCallback<CssRules> = theme => ({
+ content: {
+ paddingTop: theme.spacing.unit * 3,
+ minHeight: '400px',
+ minWidth: '1232px'
+ },
+ codeSnippet: {
+ borderRadius: theme.spacing.unit * 0.5,
+ border: '1px solid',
+ borderColor: theme.palette.grey["400"],
+ maxHeight: '400px'
+ },
+ spacing: {
+ paddingBottom: theme.spacing.unit * 2
+ },
+});
+
+export const AdvancedTabDialog = compose(
+ withDialog(ADVANCED_TAB_DIALOG),
+ withStyles(styles),
+)(
+ class extends React.Component<WithDialogProps<any> & WithStyles<CssRules>>{
+ state = {
+ value: 0,
+ };
+
+ componentDidMount() {
+ this.setState({ value: 0 });
+ }
+
+ handleChange = (event: React.MouseEvent<HTMLElement>, value: number) => {
+ this.setState({ value });
+ }
+ render() {
+ const { classes, open, closeDialog } = this.props;
+ const { value } = this.state;
+ const {
+ apiResponse,
+ metadata,
+ pythonHeader,
+ pythonExample,
+ cliGetHeader,
+ cliGetExample,
+ cliUpdateHeader,
+ cliUpdateExample,
+ curlHeader,
+ curlExample
+ } = this.props.data;
+ return <Dialog
+ open={open}
+ maxWidth="lg"
+ onClose={closeDialog}
+ onExit={() => this.setState({ value: 0 })} >
+ <DialogTitle>Advanced</DialogTitle>
+ <Tabs value={value} onChange={this.handleChange} fullWidth>
+ <Tab label="API RESPONSE" />
+ <Tab label="METADATA" />
+ <Tab label="PYTHON EXAMPLE" />
+ <Tab label="CLI EXAMPLE" />
+ <Tab label="CURL EXAMPLE" />
+ </Tabs>
+ <DialogContent className={classes.content}>
+ {value === 0 && <div>{dialogContentExample(apiResponse, classes)}</div>}
+ {value === 1 && <div>{metadata.items.length > 0 ? <MetadataTab items={metadata.items}/>: dialogContentHeader('(No metadata links found)')}</div>}
+ {value === 2 && dialogContent(pythonHeader, pythonExample, classes)}
+ {value === 3 && <div>
+ {dialogContent(cliGetHeader, cliGetExample, classes)}
+ {dialogContent(cliUpdateHeader, cliUpdateExample, classes)}
+ </div>}
+ {value === 4 && dialogContent(curlHeader, curlExample, classes)}
+ </DialogContent>
+ <DialogActions>
+ <Button variant='flat' color='primary' onClick={closeDialog}>
+ Close
+ </Button>
+ </DialogActions>
+ </Dialog>;
+ }
+ }
+);
+
+const dialogContent = (header: string, example: string, classes: any) =>
+ <div className={classes.spacing}>
+ {dialogContentHeader(header)}
+ {dialogContentExample(example, classes)}
+ </div>;
+
+const dialogContentHeader = (header: string) =>
+ <DialogContentText>
+ {header}
+ </DialogContentText>;
+
+const dialogContentExample = (example: string, classes: any) =>
+ <DefaultCodeSnippet
+ className={classes.codeSnippet}
+ lines={[example]} />;
\ No newline at end of file