/* eslint-disable camelcase */ import React, { Fragment } from 'react'; import { Field } from 'redux-form'; import { Margin, Padding } from 'styled-components-spacing'; import Flex, { FlexItem } from 'styled-flex-component'; import { Row, Col } from 'joyent-react-styled-flexboxgrid'; import styled from 'styled-components'; import { H3, FormGroup, FormLabel, Toggle, TagList, TagItem, P, Checkbox, Strong, Card } from 'joyent-ui-toolkit'; const Form = styled.form` margin-bottom: 0 !important; `; const capitalizeFirstLetter = string => string.charAt(0).toUpperCase() + string.slice(1); const Wildcards = { vmall: 'All VMs in DC', any: 'Any' }; const parsePartial = (p, index, style) => { if (p[0] === 'wildcard') { return
{Wildcards[p[1]]}
; } if (p[0] === 'tag') { const value = Array.isArray(p[1]) ? p[1][1] : ''; const name = Array.isArray(p[1]) ? p[1][0] : p[1]; return ({p[1]}
{protocol.name}
{protocol.targets.join(';')}
{capitalizeFirstLetter(action)}