overflow_backup_2018_0455/test_web_router
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed leftmenu

Browse Source
This commit is contained in:
snoop 2017-07-17 12:33:48 +09:00
parent b8aa6d6be8
commit 19ab2297ea
1 changed files with 76 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
src/ts/containers/test/layout/LeftMenu.tsx
View File

@ -1,5 +1,5 @@
import * as React from 'react'; 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 { TopBar } from '../TopBar';
import { LogoBar } from './LogoBar'; import { LogoBar } from './LogoBar';
import { TitleBar } from './TitleBar'; import { TitleBar } from './TitleBar';
@ -14,31 +14,64 @@ export class LeftMenu extends React.Component<any, any> {
render() { render() {
return ( return (
<Container fluid> <Container fluid inverted>
<Menu secondary vertical fluid> <Segment inverted>
<Menu.Item name='Home' /> <Menu inverted secondary vertical fluid icon='labeled'>
<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 item text='Monitoring' >
<Dropdown.Menu> <Dropdown.Menu>
<Dropdown.Header>Monitoring</Dropdown.Header> <Dropdown.Header>Monitoring</Dropdown.Header>
<Dropdown.Item>Small</Dropdown.Item>
<Dropdown.Item>Probe</Dropdown.Item> <Dropdown.Item>Probe</Dropdown.Item>
<Dropdown.Item>Sensors</Dropdown.Item> <Dropdown.Item>Sensors</Dropdown.Item>
</Dropdown.Menu> </Dropdown.Menu>
</Dropdown> </Dropdown>
</Menu.Item>
<Menu.Item name='Infrastructure' >
<Icon name='sitemap' />
<Dropdown item text='Infrastructure' > <Dropdown item text='Infrastructure' >
<Dropdown.Menu> <Dropdown.Menu>
<Dropdown.Header>Infrastructure</Dropdown.Header> <Dropdown.Header>Infrastructure</Dropdown.Header>
<Dropdown.Item>Maps</Dropdown.Item> <Dropdown.Item>Maps</Dropdown.Item>
<Dropdown.Item>Targets</Dropdown.Item> <Dropdown.Item>Targets</Dropdown.Item>
</Dropdown.Menu> </Dropdown.Menu>
</Dropdown> </Dropdown>
</Menu.Item>
<Menu.Item name='Dashboard' /> <Menu.Item name='Dashboard' >
<Menu.Item name='Metrics' /> <Icon name='industry' />
<Menu.Item name='Alerts' /> Dashboard
<Menu.Item name='History' /> </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 item text='Custom'>
<Dropdown.Menu> <Dropdown.Menu>
<Dropdown.Header>Custom</Dropdown.Header> <Dropdown.Header>Custom</Dropdown.Header>
@ -51,8 +84,14 @@ export class LeftMenu extends React.Component<any, any> {
<Dropdown.Item href='#/test7'>Tree</Dropdown.Item> <Dropdown.Item href='#/test7'>Tree</Dropdown.Item>
</Dropdown.Menu> </Dropdown.Menu>
</Dropdown> </Dropdown>
<Menu.Item name='Settings' /> </Menu.Item>
<Menu.Item name='Settings' >
<Icon name='setting' />
Settings
</Menu.Item>
</Menu> </Menu>
</Segment>
</Container> </Container>
// <TopBar onSidebar={this.props.onSidebar}/> // <TopBar onSidebar={this.props.onSidebar}/>
); );