From d911869b4340a32575e3a2cdce26ebd543522e42 Mon Sep 17 00:00:00 2001
From: Pawel Kowalczyk <pawel.kowalczyk@contractors.roche.com>
Date: Tue, 28 Aug 2018 18:30:31 +0200
Subject: [PATCH] refactor

Feature #13858

Arvados-DCO-1.1-Signed-off-by: Pawel Kowalczyk <pawel.kowalczyk@contractors.roche.com>
---
 .../details-attribute/details-attribute.tsx    |  5 +++--
 .../action-sets/process-action-set.ts          | 18 ++++++++++++++++++
 src/views/process-panel/information-card.tsx   | 12 +++++-------
 src/views/process-panel/process-panel.tsx      |  4 ++--
 4 files changed, 28 insertions(+), 11 deletions(-)

diff --git a/src/components/details-attribute/details-attribute.tsx b/src/components/details-attribute/details-attribute.tsx
index 8794b1585b..4a94dc30d3 100644
--- a/src/components/details-attribute/details-attribute.tsx
+++ b/src/components/details-attribute/details-attribute.tsx
@@ -33,14 +33,15 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
         width: '60%',
         color: theme.palette.primary.main,
         textDecoration: 'none',
-        overflowWrap: 'break-word'
+        overflowWrap: 'break-word',
+        cursor: 'pointer'
     }
 });
 
 interface DetailsAttributeDataProps {
     label: string;
     classLabel?: string;
-    value?: any;
+    value?: string | number;
     classValue?: string;
     lowercaseValue?: boolean;
     link?: string;
diff --git a/src/views-components/context-menu/action-sets/process-action-set.ts b/src/views-components/context-menu/action-sets/process-action-set.ts
index 1d94170bab..5d679f52b0 100644
--- a/src/views-components/context-menu/action-sets/process-action-set.ts
+++ b/src/views-components/context-menu/action-sets/process-action-set.ts
@@ -55,6 +55,24 @@ export const processActionSet: ContextMenuActionSet = [[
             // add code
         }
     },
+    {
+        name: "Inputs",
+        execute: (dispatch, resource) => {
+            // add code
+        }
+    },
+    {
+        name: "Outputs",
+        execute: (dispatch, resource) => {
+            // add code
+        }
+    },
+    {
+        name: "Command",
+        execute: (dispatch, resource) => {
+            // add code
+        }
+    },
     {
         icon: DetailsIcon,
         name: "View details",
diff --git a/src/views/process-panel/information-card.tsx b/src/views/process-panel/information-card.tsx
index 467f7278fd..22e08d2c93 100644
--- a/src/views/process-panel/information-card.tsx
+++ b/src/views/process-panel/information-card.tsx
@@ -66,13 +66,13 @@ interface ProcessInformationCardDataProps {
     item: ProcessResource;
 }
 
-type InformationCardProps = ProcessInformationCardDataProps & DispatchProp & WithStyles<CssRules>;
+type ProcessInformationCardProps = ProcessInformationCardDataProps & DispatchProp & WithStyles<CssRules>;
 
-export const InformationCard = withStyles(styles)(
+export const ProcessInformationCard = withStyles(styles)(
     connect((state: RootState) => ({
         item: state.collectionPanel.item
     }))(
-        class extends React.Component<InformationCardProps> {
+        class extends React.Component<ProcessInformationCardProps> {
             render() {
                 const { classes } = this.props;
 
@@ -100,10 +100,8 @@ export const InformationCard = withStyles(styles)(
                                         label='Workflow' value='FastQC MultiQC' />
                                 </Grid>
                                 <Grid item xs={6}>
-                                    <DetailsAttribute classLabel={classes.link} classValue={classes.value}
-                                        label='Outputs' />
-                                    <DetailsAttribute classLabel={classes.link} classValue={classes.value}
-                                        label='Inputs' />
+                                    <DetailsAttribute classLabel={classes.link} label='Outputs' />
+                                    <DetailsAttribute classLabel={classes.link} label='Inputs' />
                                 </Grid>
                             </Grid>
                         </CardContent>
diff --git a/src/views/process-panel/process-panel.tsx b/src/views/process-panel/process-panel.tsx
index a8c92b72ea..ce98a4880b 100644
--- a/src/views/process-panel/process-panel.tsx
+++ b/src/views/process-panel/process-panel.tsx
@@ -3,7 +3,7 @@
 // SPDX-License-Identifier: AGPL-3.0
 
 import * as React from 'react';
-import { InformationCard } from '~/views/process-panel/information-card';
+import { ProcessInformationCard } from '~/views/process-panel/information-card';
 import { Grid } from '@material-ui/core';
 
 export class ProcessPanel extends React.Component {
@@ -11,7 +11,7 @@ export class ProcessPanel extends React.Component {
         return <div>
             <Grid container>
                 <Grid item xs={7}>
-                    <InformationCard />
+                    <ProcessInformationCard />
                 </Grid>
             </Grid>
         </div>;
-- 
2.30.2