add left menu

This commit is contained in:
snoop 2017-07-17 11:38:58 +09:00
parent bcd1fb8921
commit ffbbde12a1

View File

@ -1,5 +1,5 @@
import * as React from 'react';
import { Container, Menu, Sidebar, Segment, Icon, Breadcrumb, Grid } from 'semantic-ui-react';
import { Container, Menu, Sidebar, Segment, Icon, Breadcrumb, Grid, Dropdown } from 'semantic-ui-react';
import { Header } from './Header';
import { Footer } from './Footer';
@ -28,7 +28,44 @@ export class Layout extends React.Component<any, any> {
<Grid>
<Grid.Row>
<Grid.Column width='2'>
Left menu
<Menu secondary vertical>
<Menu.Item name='Home' />
<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>
<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='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>
</Grid.Column>
<Grid.Column width='14'>
<Grid.Row>