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

48
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> {
@ -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>
); );
} }
} }