diff --git a/src/ts/@overflow/app/views/infrastructure/maps/Maps.tsx b/src/ts/@overflow/app/views/infrastructure/maps/Maps.tsx index e69de29..059ee7f 100644 --- a/src/ts/@overflow/app/views/infrastructure/maps/Maps.tsx +++ b/src/ts/@overflow/app/views/infrastructure/maps/Maps.tsx @@ -0,0 +1,19 @@ +import * as React from 'react'; +import { RouteComponentProps } from 'react-router'; +import InfraMapContainer from '@overflow/infra/react/InfraMap'; + +class InfraMaps extends React.Component, object> { + + public constructor(props?: RouteComponentProps, context?: object) { + super(props, context); + } + + public render(): JSX.Element { + return ( + + ); + } +} + + +export default InfraMaps; diff --git a/src/ts/@overflow/app/views/layout/AppLayout.tsx b/src/ts/@overflow/app/views/layout/AppLayout.tsx index 6e4351b..81955f2 100644 --- a/src/ts/@overflow/app/views/layout/AppLayout.tsx +++ b/src/ts/@overflow/app/views/layout/AppLayout.tsx @@ -17,6 +17,7 @@ import SensorSetup from '../../views/monitoring/sensor/Setup'; import NotificationList from '../../views/notification/Notification'; import Metric from '../../views/metric/Metric'; import TomcatMetric from '../../views/metric/TomcatMetric'; +import InfraMaps from '../../views/infrastructure/maps/Maps'; export interface Props extends RouteComponentProps { } @@ -43,6 +44,7 @@ export class AppLayout extends React.Component { + diff --git a/src/ts/@overflow/app/views/layout/LeftMenu.tsx b/src/ts/@overflow/app/views/layout/LeftMenu.tsx index 8a3d07c..2525245 100644 --- a/src/ts/@overflow/app/views/layout/LeftMenu.tsx +++ b/src/ts/@overflow/app/views/layout/LeftMenu.tsx @@ -98,7 +98,7 @@ class LeftMenu extends React.Component {
- Maps + this.props.onChangeUrl('/maps')} style={{ 'marginLeft': '30px' }}>Maps this.props.onChangeUrl('/targets')} style={{ 'marginLeft': '30px' }}>Targets diff --git a/src/ts/@overflow/infra/react/InfraMap.tsx b/src/ts/@overflow/infra/react/InfraMap.tsx new file mode 100644 index 0000000..6b3306c --- /dev/null +++ b/src/ts/@overflow/infra/react/InfraMap.tsx @@ -0,0 +1,25 @@ +import { connect, Dispatch } from 'react-redux'; +import { + InfraMap, + StateProps as StateProps, + DispatchProps as DispatchProps, +} from './components/InfraMap'; + +import { push as routerPush } from 'react-router-redux'; +import * as asyncRequestActions from '@overflow/commons/redux/action/asyncRequest'; +import PageParams from '@overflow/commons/api/model/PageParams'; + + +export function mapStateToProps(state: any, props: any): StateProps { + return { + probeId: props.params.id, + infraList: state.infraList, + }; +} + +export function mapDispatchToProps(dispatch: Dispatch): DispatchProps { + return { + }; +} + +export default connect(mapStateToProps, mapDispatchToProps)(InfraMap); diff --git a/src/ts/@overflow/infra/react/components/InfraMap.tsx b/src/ts/@overflow/infra/react/components/InfraMap.tsx new file mode 100644 index 0000000..8db724e --- /dev/null +++ b/src/ts/@overflow/infra/react/components/InfraMap.tsx @@ -0,0 +1,72 @@ +import * as React from 'react'; +import { Table, Header, Container, Form, Checkbox, Button, Rating } from 'semantic-ui-react'; +import { ListContainer } from '@overflow/commons/react/component/ListContainer'; + +export interface StateProps { +} + +export interface DispatchProps { +} + +export type Props = StateProps & DispatchProps; + +export interface State { +} + +export class InfraMap extends React.Component { + + constructor(props: Props, context: State) { + super(props, context); + + this.state = { + selected: null, + }; + } + + + public render(): JSX.Element { + return ( + + + + Zone : 192.168.1.0/24 + + + + + +
Windows / Probe
+
+ + Creatine supplementation is the reference compound for increasing muscular creatine levels; there is + variability in this increase, however, with some nonresponders. + +
+ + +
Windows
+
+ + Creatine is the reference compound for power improvement, with numbers from one meta-analysis to assess + potency + +
+ + +
Linux
+
+ + Creatine is the reference compound for power improvement, with numbers from one meta-analysis to assess + potency + +
+
+
+ ); + } + +} + + + +