projects
/
arvados-workbench2.git
/ blobdiff
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Merge branch 'master' of git.curoverse.com:arvados-workbench2 into 14361-broken-input...
[arvados-workbench2.git]
/
src
/
views
/
run-process-panel
/
run-process-first-step.tsx
diff --git
a/src/views/run-process-panel/run-process-first-step.tsx
b/src/views/run-process-panel/run-process-first-step.tsx
index ff7b2c3d16300462cc8e799fe9390bf94661dd7b..fe93ef85bc098027d7d94dc7dc129d66510e8821 100644
(file)
--- a/
src/views/run-process-panel/run-process-first-step.tsx
+++ b/
src/views/run-process-panel/run-process-first-step.tsx
@@
-8,11
+8,18
@@
import { ArvadosTheme } from '~/common/custom-theme';
import { WorkflowResource } from '~/models/workflow';
import { WorkflowIcon } from '~/components/icon/icon';
import { WorkflowDetailsCard } from '../workflow-panel/workflow-description-card';
import { WorkflowResource } from '~/models/workflow';
import { WorkflowIcon } from '~/components/icon/icon';
import { WorkflowDetailsCard } from '../workflow-panel/workflow-description-card';
+import { SearchInput } from '~/components/search-input/search-input';
-type CssRules = 'r
ight
Grid' | 'list' | 'listItem' | 'itemSelected' | 'listItemText' | 'listItemIcon';
+type CssRules = 'r
oot' | 'searchGrid' | 'workflowDetails
Grid' | 'list' | 'listItem' | 'itemSelected' | 'listItemText' | 'listItemIcon';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
- rightGrid: {
+ root: {
+ alignSelf: 'flex-start'
+ },
+ searchGrid: {
+ marginBottom: theme.spacing.unit * 2
+ },
+ workflowDetailsGrid: {
borderLeft: `1px solid ${theme.palette.grey["300"]}`
},
list: {
borderLeft: `1px solid ${theme.palette.grey["300"]}`
},
list: {
@@
-40,6
+47,7
@@
export interface RunProcessFirstStepDataProps {
}
export interface RunProcessFirstStepActionProps {
}
export interface RunProcessFirstStepActionProps {
+ onSearch: (term: string) => void;
onSetStep: (step: number) => void;
onSetWorkflow: (workflow: WorkflowResource) => void;
}
onSetStep: (step: number) => void;
onSetWorkflow: (workflow: WorkflowResource) => void;
}
@@
-47,11
+55,11
@@
export interface RunProcessFirstStepActionProps {
type RunProcessFirstStepProps = RunProcessFirstStepDataProps & RunProcessFirstStepActionProps & WithStyles<CssRules>;
export const RunProcessFirstStep = withStyles(styles)(
type RunProcessFirstStepProps = RunProcessFirstStepDataProps & RunProcessFirstStepActionProps & WithStyles<CssRules>;
export const RunProcessFirstStep = withStyles(styles)(
- ({ onSetStep, onSetWorkflow, workflows, selectedWorkflow, classes }: RunProcessFirstStepProps) =>
+ ({ onSe
arch, onSe
tStep, onSetWorkflow, workflows, selectedWorkflow, classes }: RunProcessFirstStepProps) =>
<Grid container spacing={16}>
<Grid container spacing={16}>
- <Grid container item xs={6}>
- <Grid item xs={12}>
- {/* TODO: add filters */}
+ <Grid container item xs={6}
className={classes.root}
>
+ <Grid item xs={12}
className={classes.searchGrid}
>
+ <SearchInput value='' onSearch={onSearch} />
</Grid>
<Grid item xs={12}>
<List className={classes.list}>
</Grid>
<Grid item xs={12}>
<List className={classes.list}>
@@
-69,7
+77,7
@@
export const RunProcessFirstStep = withStyles(styles)(
</List>
</Grid>
</Grid>
</List>
</Grid>
</Grid>
- <Grid item xs={6} className={classes.
right
Grid}>
+ <Grid item xs={6} className={classes.
workflowDetails
Grid}>
<WorkflowDetailsCard workflow={selectedWorkflow}/>
</Grid>
<Grid item xs={12}>
<WorkflowDetailsCard workflow={selectedWorkflow}/>
</Grid>
<Grid item xs={12}>