2018-01-08 21:08:01 +02:00
|
|
|
import React from 'react';
|
|
|
|
import { Margin } from 'styled-components-spacing';
|
2018-01-12 17:25:26 +02:00
|
|
|
import remcalc from 'remcalc';
|
2018-01-08 21:08:01 +02:00
|
|
|
|
2018-01-12 17:25:26 +02:00
|
|
|
import { ViewContainer, H2, Button, Divider } from 'joyent-ui-toolkit';
|
2018-01-08 21:08:01 +02:00
|
|
|
|
|
|
|
import Name from '@containers/create-instance/name';
|
2018-01-09 20:14:20 +02:00
|
|
|
import Image from '@containers/create-instance/image';
|
2018-01-11 15:27:16 +02:00
|
|
|
import Package from '@containers/create-instance/package';
|
2018-01-09 17:59:04 +02:00
|
|
|
import Tags from '@containers/create-instance/tags';
|
|
|
|
import Metadata from '@containers/create-instance/metadata';
|
2018-01-11 17:54:24 +02:00
|
|
|
import Networks from '@containers/create-instance/networks';
|
2018-01-09 17:59:04 +02:00
|
|
|
import Firewall from '@containers/create-instance/firewall';
|
2018-01-11 22:26:42 +02:00
|
|
|
import CNS from '@containers/create-instance/cns';
|
2018-01-09 17:59:04 +02:00
|
|
|
import Affinity from '@containers/create-instance/affinity';
|
2018-01-08 21:08:01 +02:00
|
|
|
|
2018-01-10 16:39:46 +02:00
|
|
|
export default ({ step, ...props }) => (
|
2018-01-08 21:08:01 +02:00
|
|
|
<ViewContainer>
|
|
|
|
<Margin top={4} bottom={4}>
|
|
|
|
<H2>Create Instances</H2>
|
|
|
|
</Margin>
|
2018-01-09 20:14:20 +02:00
|
|
|
<Margin bottom={4}>
|
2018-01-10 16:39:46 +02:00
|
|
|
<Name {...props} expanded={step === 'name'} />
|
2018-01-09 20:14:20 +02:00
|
|
|
</Margin>
|
|
|
|
<Margin bottom={4}>
|
2018-01-10 16:39:46 +02:00
|
|
|
<Image {...props} expanded={step === 'image'} />
|
|
|
|
</Margin>
|
2018-01-11 15:27:16 +02:00
|
|
|
<Margin bottom={4}>
|
|
|
|
<Package {...props} expanded={step === 'package'} />
|
|
|
|
</Margin>
|
2018-01-10 16:39:46 +02:00
|
|
|
<Margin bottom={4}>
|
|
|
|
<Tags {...props} expanded={step === 'tags'} />
|
|
|
|
</Margin>
|
|
|
|
<Margin bottom={4}>
|
|
|
|
<Metadata {...props} expanded={step === 'metadata'} />
|
2018-01-09 20:14:20 +02:00
|
|
|
</Margin>
|
2018-01-11 17:54:24 +02:00
|
|
|
<Margin bottom={4}>
|
|
|
|
<Networks {...props} expanded={step === 'networks'} />
|
|
|
|
</Margin>
|
2018-01-09 17:59:04 +02:00
|
|
|
<Margin bottom={5}>
|
|
|
|
<Firewall {...props} expanded={step === 'firewall'} />
|
|
|
|
</Margin>
|
2018-01-11 22:26:42 +02:00
|
|
|
<Margin bottom={4}>
|
|
|
|
<CNS {...props} expanded={step === 'cns'} />
|
|
|
|
</Margin>
|
2018-01-12 17:25:26 +02:00
|
|
|
<Margin bottom={4}>
|
|
|
|
<Affinity {...props} expanded={step === 'affinity'} />
|
|
|
|
</Margin>
|
|
|
|
{step === 'done' || step === 'affinity' ? (
|
|
|
|
<Divider height={remcalc(1)} />
|
|
|
|
) : null}
|
|
|
|
<Margin top={7} bottom={10}>
|
|
|
|
<Button disabled={step !== 'done'} onClick={() => console.log('DONE')}>
|
|
|
|
Deploy
|
|
|
|
</Button>
|
|
|
|
</Margin>
|
2018-01-08 21:08:01 +02:00
|
|
|
</ViewContainer>
|
|
|
|
);
|