2017-09-20 12:30:53 +03:00
|
|
|
import React from 'react';
|
|
|
|
|
2018-01-23 14:20:36 +02:00
|
|
|
export default () => <p>firewalls</p>;
|
2017-09-20 12:30:53 +03:00
|
|
|
|
2018-01-23 14:20:36 +02:00
|
|
|
//
|
|
|
|
// import PropTypes from 'prop-types';
|
|
|
|
// import forceArray from 'force-array';
|
|
|
|
// import { compose, graphql } from 'react-apollo';
|
|
|
|
// import find from 'lodash.find';
|
|
|
|
// import get from 'lodash.get';
|
|
|
|
//
|
|
|
|
// import {
|
|
|
|
// ViewContainer,
|
|
|
|
// StatusLoader,
|
|
|
|
// Message,
|
|
|
|
// MessageDescription,
|
|
|
|
// MessageTitle,
|
|
|
|
// Table,
|
|
|
|
// TableThead,
|
|
|
|
// TableTr,
|
|
|
|
// TableTh,
|
|
|
|
// TableTbody,
|
|
|
|
// P
|
|
|
|
// } from 'joyent-ui-toolkit';
|
|
|
|
//
|
|
|
|
// import GetFirewallRules from '@graphql/list-firewall-rules.gql';
|
|
|
|
// import { FirewallRule as InstanceFirewallRule } from '@components/instances';
|
|
|
|
//
|
|
|
|
// const Firewall = ({
|
|
|
|
// // eslint-disable-next-line camelcase
|
|
|
|
// firewallEnabled = false,
|
|
|
|
// firewallRules = [],
|
|
|
|
// loading,
|
|
|
|
// error
|
|
|
|
// }) => {
|
|
|
|
// const values = forceArray(firewallRules);
|
|
|
|
// const _loading = !(loading && !values.length) ? null : <StatusLoader />;
|
|
|
|
//
|
|
|
|
// const _firewall =
|
|
|
|
// _loading && !values.length ? null : (
|
|
|
|
// <Table>
|
|
|
|
// <TableThead>
|
|
|
|
// <TableTr>
|
|
|
|
// <TableTh left bottom>
|
|
|
|
// <P>Rule</P>
|
|
|
|
// </TableTh>
|
|
|
|
// <TableTh xs="63" center bottom>
|
|
|
|
// <P>Global</P>
|
|
|
|
// </TableTh>
|
|
|
|
// <TableTh xs="75" center bottom>
|
|
|
|
// <P>Enabled</P>
|
|
|
|
// </TableTh>
|
|
|
|
// </TableTr>
|
|
|
|
// </TableThead>
|
|
|
|
// <TableTbody>
|
|
|
|
// {values.map(network => (
|
|
|
|
// <InstanceFirewallRule key={network.id} {...network} />
|
|
|
|
// ))}
|
|
|
|
// </TableTbody>
|
|
|
|
// </Table>
|
|
|
|
// );
|
|
|
|
//
|
|
|
|
// const _error =
|
|
|
|
// error && !values.length && !_loading ? (
|
|
|
|
// <Message error>
|
|
|
|
// <MessageTitle>Ooops!</MessageTitle>
|
|
|
|
// <MessageDescription>
|
|
|
|
// An error occurred while loading your instance firewall rules
|
|
|
|
// </MessageDescription>
|
|
|
|
// </Message>
|
|
|
|
// ) : null;
|
|
|
|
//
|
|
|
|
// return (
|
|
|
|
// <ViewContainer center={Boolean(_loading)} main>
|
|
|
|
// {_loading}
|
|
|
|
// {_error}
|
|
|
|
// {_firewall}
|
|
|
|
// </ViewContainer>
|
|
|
|
// );
|
|
|
|
// };
|
|
|
|
//
|
|
|
|
// Firewall.propTypes = {
|
|
|
|
// loading: PropTypes.bool
|
|
|
|
// };
|
|
|
|
//
|
|
|
|
// export default compose(
|
|
|
|
// graphql(GetFirewallRules, {
|
|
|
|
// options: ({ match }) => ({
|
|
|
|
// pollInterval: 1000,
|
|
|
|
// variables: {
|
|
|
|
// name: get(match, 'params.instance')
|
|
|
|
// }
|
|
|
|
// }),
|
|
|
|
// props: ({ data: { loading, error, variables, ...rest } }) => {
|
|
|
|
// const machine = find(get(rest, 'machines', []), ['name', variables.name]);
|
|
|
|
// // eslint-disable-next-line camelcase
|
|
|
|
// const firewallEnabled = get(machine, 'firewall_enabled', false);
|
|
|
|
// const firewallRules = get(machine, 'firewall_rules', []);
|
|
|
|
//
|
|
|
|
// // eslint-disable-next-line camelcase
|
|
|
|
// return { firewallEnabled, firewallRules, loading, error };
|
|
|
|
// }
|
|
|
|
// })
|
|
|
|
// )(Firewall);
|