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

sensor item

Browse Source
This commit is contained in:
insanity 2017-07-12 11:59:58 +09:00
parent 91dc47097d
commit 95a4cb9da9
1 changed files with 47 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/ts/containers/test/SensorConfiguration.tsx
View File

@ -1,6 +1,6 @@
import * as React from 'react'; import * as React from 'react';
import { Icon, Step, Button, Table, Radio, Form, Container } from 'semantic-ui-react'; import { Icon, Step, Button, Table, Radio, Form, Container, Checkbox } from 'semantic-ui-react';
import { Grid, Image, Label, Segment, Dropdown, Input } from 'semantic-ui-react'; import { Grid, Image, Label, Segment, Dropdown, Input, List, Accordion } from 'semantic-ui-react';
export class SensorConfiguration extends React.Component<any, any> { export class SensorConfiguration extends React.Component<any, any> {
@ -194,8 +194,8 @@ export class CrawlerSelector extends React.Component<any, any> {
<br /> <br />
<Dropdown openOnFocus <Dropdown openOnFocus
placeholder='Select Crawler' selection options={this.crawlers} onChange={this.handleCrawlerSelection.bind(this)} /> placeholder='Select Crawler' selection options={this.crawlers} onChange={this.handleCrawlerSelection.bind(this)} />
<br/> <br />
<br/> <br />
<CrawlerAuthInputs crawler={this.state.selected} /> <CrawlerAuthInputs crawler={this.state.selected} />
</Segment> </Segment>
</Grid.Column> </Grid.Column>
@ -311,6 +311,7 @@ export class CrawlerAuthInputs extends React.Component<any, any> {
} }
export class SensorItemSelector extends React.Component<any, any> { export class SensorItemSelector extends React.Component<any, any> {
constructor(props: any, context: any) { constructor(props: any, context: any) {
@ -319,9 +320,50 @@ export class SensorItemSelector extends React.Component<any, any> {
}; };
} }
render() { render() {
return ( return (
<div>SensorItemSelector</div> // <List>
// <List.Item >
// <Checkbox label='CPU' />
// <List.List>
// <List.Item>
// <Checkbox label='cpu.usage' />
// </List.Item>
// <List.Item><Checkbox label='cpu.free' /></List.Item>
// </List.List>
// </List.Item>
// <List.Item >
// <Checkbox label='MEM' />
// <List.List>
// <List.Item><Checkbox label='mem.usage' /></List.Item>
// <List.Item><Checkbox label='mem.free' /></List.Item>
// </List.List>
// </List.Item>
// </List>
<Accordion exclusive={false} styled>
<Accordion.Title>
<Icon name='dropdown' />
<Checkbox label='CPU' />
</Accordion.Title>
<Accordion.Content>
<Checkbox label='cpu.free' /><br/>
<Checkbox label='cpu.free' /><br/>
</Accordion.Content>
<Accordion.Title>
<Icon name='dropdown' />
<Checkbox label='MEM' />
</Accordion.Title>
<Accordion.Content>
<Checkbox label='cpu.free' /><br/>
<Checkbox label='cpu.free' /><br/>
</Accordion.Content>
</Accordion>
); );
} }
} }