split leftmenu

This commit is contained in:
snoop 2017-07-17 11:41:41 +09:00
parent ffbbde12a1
commit fa3a20adfd
2 changed files with 65 additions and 38 deletions

View File

@ -2,6 +2,7 @@ import * as React from 'react';
import { Container, Menu, Sidebar, Segment, Icon, Breadcrumb, Grid, Dropdown } from 'semantic-ui-react';
import { Header } from './Header';
import { Footer } from './Footer';
import { LeftMenu } from './LeftMenu';
import { Routes } from '../../../Routes';
import { Router } from 'react-router';
@ -28,44 +29,7 @@ export class Layout extends React.Component<any, any> {
<Grid>
<Grid.Row>
<Grid.Column width='2'>
<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>
<LeftMenu />
</Grid.Column>
<Grid.Column width='14'>
<Grid.Row>

View File

@ -0,0 +1,63 @@
import * as React from 'react';
import { Container, Menu, Dropdown } from 'semantic-ui-react';
import { TopBar } from '../TopBar';
import { LogoBar } from './LogoBar';
import { TitleBar } from './TitleBar';
export class LeftMenu extends React.Component<any, any> {
constructor(props: any, context: any) {
super(props, context);
this.state = {
};
}
render() {
return (
<Container>
<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>
</Container>
// <TopBar onSidebar={this.props.onSidebar}/>
);
}
}