probe setup

This commit is contained in:
insanity 2017-07-26 11:50:12 +09:00
parent 7e42fd600b
commit 4497f31f99
3 changed files with 17 additions and 6 deletions

View File

@ -10,6 +10,7 @@ import ProbeList from '../../views/monitoring/probe/List';
import TargetList from '../../views/infrastructure/target/List';
import SensorList from '../monitoring/sensor/List';
import NoauthList from '../../views/monitoring/probe/NoAuth';
import ProbeSetup from '../../views/monitoring/probe/Setup';
import TitleBarContainer from '@overflow/app/views/layout/TitleBarContainer';
export interface Props extends RouteComponentProps<any> {
@ -39,6 +40,7 @@ export class AppLayout extends React.Component<Props, State> {
<Route exact={true} path={`${this.props.match.url}targets`} component={TargetList}/>
<Route exact={true} path={`${this.props.match.url}sensors`} component={SensorList}/>
<Route exact={true} path={`${this.props.match.url}noauth_probes`} component={NoauthList}/>
<Route exact={true} path={`${this.props.match.url}probe_setup`} component={ProbeSetup}/>
<Redirect to='/error/404' />
</Switch>
<Footer />

View File

@ -51,9 +51,18 @@ class LeftMenu extends React.Component<Props, State> {
<Header inverted sub icon='bar graph' content='Monitoring' />
</Menu.Header>
<Menu.Menu>
<Menu.Item onClick={(e) => this.props.onChangeUrl('/probes')} style={{ 'marginLeft': '30px' }}>Probe</Menu.Item>
<Menu.Item onClick={(e) => this.props.onChangeUrl('/noauth_probes')} style={{ 'marginLeft': '30px' }}>NoauthProbe</Menu.Item>
<Menu.Item href='#/' style={{ 'marginLeft': '30px' }}>Sensors</Menu.Item>
<Menu.Item onClick={(e) => this.props.onChangeUrl('/probes')} style={{ 'marginLeft': '30px' }}>
Probe
</Menu.Item>
<Menu.Item onClick={(e) => this.props.onChangeUrl('/noauth_probes')} style={{ 'marginLeft': '30px' }}>
NoauthProbe
</Menu.Item>
<Menu.Item onClick={(e) => this.props.onChangeUrl('/probe_setup')} style={{ 'marginLeft': '30px' }}>
Probe Setup
</Menu.Item>
<Menu.Item href='#/' style={{ 'marginLeft': '30px' }}>
Sensors
</Menu.Item>
</Menu.Menu>
</Menu.Item>
@ -63,7 +72,7 @@ class LeftMenu extends React.Component<Props, State> {
</Menu.Header>
<Menu.Menu>
<Menu.Item href='#/' style={{ 'marginLeft': '30px' }}>Maps</Menu.Item>
<Menu.Item onClick={(e) => this.props.onChangeUrl('/targets')} style={{ 'marginLeft': '30px' }}>Targets</Menu.Item>
<Menu.Item onClick={(e) => this.props.onChangeUrl('/targets')} style={{ 'marginLeft': '30px' }}>Targets</Menu.Item>
</Menu.Menu>
</Menu.Item>
@ -75,7 +84,7 @@ class LeftMenu extends React.Component<Props, State> {
<Header inverted sub icon='tasks' content='Metrics' />
</Menu.Item>
<Menu.Item name='Alerts' onClick={(e) => this.props.onChangeUrl('/temp/discovery')}>
<Menu.Item name='Alerts' onClick={(e) => this.props.onChangeUrl('/temp/discovery')}>
<Header inverted sub icon='alarm' content='Alerts' />
</Menu.Item>

View File

@ -131,7 +131,7 @@ export class ProbeList extends React.Component<Props, State> {
public render(): JSX.Element {
let probeList =
<Container fluid>
<Table selectable striped>
<Table selectable striped celled>
<Table.Header>
<Table.Row>
<Table.HeaderCell textAlign={'center'}>Name</Table.HeaderCell>