fixed leftmenu

This commit is contained in:
snoop 2017-07-17 12:33:48 +09:00
parent b8aa6d6be8
commit 19ab2297ea

View File

@ -1,5 +1,5 @@
import * as React from 'react';
import { Container, Menu, Dropdown } from 'semantic-ui-react';
import { Container, Menu, Dropdown, Segment, Icon } from 'semantic-ui-react';
import { TopBar } from '../TopBar';
import { LogoBar } from './LogoBar';
import { TitleBar } from './TitleBar';
@ -14,45 +14,84 @@ export class LeftMenu extends React.Component<any, any> {
render() {
return (
<Container fluid>
<Menu secondary vertical fluid>
<Menu.Item name='Home' />
<Container fluid inverted>
<Segment inverted>
<Menu inverted secondary vertical fluid icon='labeled'>
<Dropdown item text='Monitoring'>
<Dropdown.Menu>
<Dropdown.Header>Monitoring</Dropdown.Header>
<Dropdown.Item>Small</Dropdown.Item>
<Dropdown.Item>Probe</Dropdown.Item>
<Dropdown.Item>Sensors</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
<Menu.Item name='User' >
<Icon name='user' />
</Menu.Item>
<Menu.Item name='Home' >
<Icon name='home' />
Home
</Menu.Item>
<Menu.Item name='Monitoring' >
<Icon name='bar graph' />
<Dropdown item text='Monitoring' >
<Dropdown.Menu>
<Dropdown.Header>Monitoring</Dropdown.Header>
<Dropdown.Item>Probe</Dropdown.Item>
<Dropdown.Item>Sensors</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
</Menu.Item>
<Dropdown item text='Infrastructure'>
<Dropdown.Menu>
<Dropdown.Header>Infrastructure</Dropdown.Header>
<Dropdown.Item>Maps</Dropdown.Item>
<Dropdown.Item>Targets</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
<Menu.Item name='Infrastructure' >
<Icon name='sitemap' />
<Dropdown item text='Infrastructure' >
<Menu.Item name='Dashboard' />
<Menu.Item name='Metrics' />
<Menu.Item name='Alerts' />
<Menu.Item name='History' />
<Dropdown item text='Custom'>
<Dropdown.Menu>
<Dropdown.Header>Custom</Dropdown.Header>
<Dropdown.Item href='#/test2'> SignUp </Dropdown.Item>
<Dropdown.Item href='#/test3'>SignIn</Dropdown.Item>
<Dropdown.Item href='#/test4'> PWChange </Dropdown.Item>
<Dropdown.Item href='#/test5'>ProbeDown</Dropdown.Item>
<Dropdown.Item href='#/test14'> Insanity </Dropdown.Item>
<Dropdown.Item href='#/test6'>DiscoveryDetails</Dropdown.Item>
<Dropdown.Item href='#/test7'>Tree</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
<Menu.Item name='Settings' />
</Menu>
<Dropdown.Menu>
<Dropdown.Header>Infrastructure</Dropdown.Header>
<Dropdown.Item>Maps</Dropdown.Item>
<Dropdown.Item>Targets</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
</Menu.Item>
<Menu.Item name='Dashboard' >
<Icon name='industry' />
Dashboard
</Menu.Item>
<Menu.Item name='Metrics' >
<Icon name='tasks' />
Metrics
</Menu.Item>
<Menu.Item name='Alerts' >
<Icon name='alarm' />
Alerts
</Menu.Item>
<Menu.Item name='History' >
<Icon name='book' />
History
</Menu.Item>
<Menu.Item>
<Icon name='play circle' />
<Dropdown item text='Custom'>
<Dropdown.Menu>
<Dropdown.Header>Custom</Dropdown.Header>
<Dropdown.Item href='#/test2'> SignUp </Dropdown.Item>
<Dropdown.Item href='#/test3'>SignIn</Dropdown.Item>
<Dropdown.Item href='#/test4'> PWChange </Dropdown.Item>
<Dropdown.Item href='#/test5'>ProbeDown</Dropdown.Item>
<Dropdown.Item href='#/test14'> Insanity </Dropdown.Item>
<Dropdown.Item href='#/test6'>DiscoveryDetails</Dropdown.Item>
<Dropdown.Item href='#/test7'>Tree</Dropdown.Item>
</Dropdown.Menu>
</Dropdown>
</Menu.Item>
<Menu.Item name='Settings' >
<Icon name='setting' />
Settings
</Menu.Item>
</Menu>
</Segment>
</Container>
// <TopBar onSidebar={this.props.onSidebar}/>
);