add left menu
This commit is contained in:
parent
bcd1fb8921
commit
ffbbde12a1
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user