This commit is contained in:
Jernej Pregelj 2019-05-08 17:24:58 +02:00
parent 027b3b426e
commit d3f6d98ab6
5 changed files with 17 additions and 50 deletions

View File

@ -16073,14 +16073,6 @@
"integrity": "sha1-hnrHTjhkGHsdPUfZlqeOxciDB3c=",
"dev": true
},
"typedarray-to-buffer": {
"version": "3.1.5",
"resolved": "https://registry.npmjs.org/typedarray-to-buffer/-/typedarray-to-buffer-3.1.5.tgz",
"integrity": "sha512-zdu8XMNEDepKKR+XYOXAVPtWui0ly0NtohUscw+UmaHiAWT8hrV1rr//H6V+0DvJ3OQ19S979M0laLfX8rm82Q==",
"requires": {
"is-typedarray": "^1.0.0"
}
},
"typescript": {
"version": "3.4.5",
"resolved": "https://registry.npmjs.org/typescript/-/typescript-3.4.5.tgz",
@ -17001,8 +16993,7 @@
"integrity": "sha512-8p6ZLv+1JYa5Vs8oBn33Nn3VGFBbF+wVfO+b78RJS1Qf1uIOzjFVDk3XwYDD7rlz9G5BKpxhaQw+6EGQ7L02aw==",
"requires": {
"underscore": "1.8.3",
"web3-core-helpers": "1.0.0-beta.37",
"websocket": "git://github.com/frozeman/WebSocket-Node.git#6c72925e3f8aaaea8dc8450f97627e85263999f2"
"web3-core-helpers": "1.0.0-beta.37"
},
"dependencies": {
"bn.js": {
@ -17042,16 +17033,6 @@
"underscore": "1.8.3",
"utf8": "2.1.1"
}
},
"websocket": {
"version": "git://github.com/frozeman/WebSocket-Node.git#6c72925e3f8aaaea8dc8450f97627e85263999f2",
"from": "git://github.com/frozeman/WebSocket-Node.git#browserifyCompatible",
"requires": {
"debug": "^2.2.0",
"nan": "^2.3.3",
"typedarray-to-buffer": "^3.1.2",
"yaeti": "^0.0.6"
}
}
}
},
@ -17809,11 +17790,6 @@
"integrity": "sha1-bRX7qITAhnnA136I53WegR4H+kE=",
"dev": true
},
"yaeti": {
"version": "0.0.6",
"resolved": "https://registry.npmjs.org/yaeti/-/yaeti-0.0.6.tgz",
"integrity": "sha1-8m9ITXJoTPQr7ft2lwqhYI+/lXc="
},
"yallist": {
"version": "2.1.2",
"resolved": "https://registry.npmjs.org/yallist/-/yallist-2.1.2.tgz",

View File

@ -3,7 +3,6 @@
.areaButton {
overflow-wrap: break-word;
word-wrap: break-word;
word-break: break-all;
> div {
display: block;

View File

@ -158,7 +158,7 @@
}
]
},
"algorithm": {
"script": {
"defaults": {
"name": "",
"dateCreated": "",
@ -193,7 +193,7 @@
"steps": [
{
"title": "Essentials",
"description": "Start by adding a title and URLs for your algorithm.",
"description": "Start by adding a title and URLs for your script.",
"fields": {
"name": {
"label": "Title",

View File

@ -18,20 +18,11 @@ class Publish extends Component<{}, PublishState> {
public state = {
type: 'start'
}
public publishDataset = () => {
this.setState({ type: 'dataset' })
}
public publishContainer = () => {
this.setState({ type: 'container' })
}
public publishWorkflow = () => {
this.setState({ type: 'workflow' })
}
public publishAlgorithm = () => {
this.setState({ type: 'script' })
public publishType = (type: string) => {
this.setState({ type })
}
public toSelect = () => {
this.setState({ type: 'start' })
this.publishType('start')
}
public render() {
return (
@ -47,26 +38,26 @@ class Publish extends Component<{}, PublishState> {
<div className={styles.typeGrid}>
<AreaButton
title={'Dataset'}
description={'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum leo, posuere vitae sem vel.'}
action={this.publishDataset}
description={'Tabular, image, and other formatted data across various domains.'}
action={() => this.publishType('dataset')}
image={Dataset}
/>
<AreaButton
title={'Container'}
description={'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum leo, posuere vitae sem vel.'}
action={this.publishContainer}
description={'A pre-defined computation environment specifying libraries and resources.'}
action={() => this.publishType('container')}
image={Container}
/>
<AreaButton
title={'Workflow'}
description={'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum leo, posuere vitae sem vel.'}
action={this.publishWorkflow}
description={'A composite of data loading, transformation, machine learning scripts and other base assets in a directed acyclical graph.'}
action={() => this.publishType('workflow')}
image={Workflow}
/>
<AreaButton
title={'Script'}
description={'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ipsum leo, posuere vitae sem vel.'}
action={this.publishAlgorithm}
description={'A single programming script (for example, a python notebook or file) to accomplish tasks such as transforming data or training a machine learning model.'}
action={() => this.publishType('script')}
image={Script}
/>
</div>

View File

@ -223,6 +223,7 @@ class Loader extends Component<LoaderProps, LoaderState> {
}
public render() {
const loadedType = (dataPublishForm as any)[this.props.loadType]
return (
<Route
title="Publish"
@ -233,12 +234,12 @@ class Loader extends Component<LoaderProps, LoaderState> {
)}
<Progress
steps={(dataPublishForm as any)[this.props.loadType].steps}
steps={loadedType.steps}
currentStep={this.state.currentStep}
/>
<Form onSubmit={this.submitAction}>
{(dataPublishForm as any)[this.props.loadType].steps.map(
{loadedType.steps.map(
(step: any, index: number) => (
<Step
key={index}