From 95a4cb9da946b3e7ebef658847f12dedc8ac5fea Mon Sep 17 00:00:00 2001
From: insanity <insanity@loafle.com>
Date: Wed, 12 Jul 2017 11:59:58 +0900
Subject: [PATCH] sensor item

---
 .../containers/test/SensorConfiguration.tsx   | 52 +++++++++++++++++--
 1 file changed, 47 insertions(+), 5 deletions(-)

diff --git a/src/ts/containers/test/SensorConfiguration.tsx b/src/ts/containers/test/SensorConfiguration.tsx
index b36f831..a7f0d45 100644
--- a/src/ts/containers/test/SensorConfiguration.tsx
+++ b/src/ts/containers/test/SensorConfiguration.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { Icon, Step, Button, Table, Radio, Form, Container } from 'semantic-ui-react';
-import { Grid, Image, Label, Segment, Dropdown, Input } from 'semantic-ui-react';
+import { Icon, Step, Button, Table, Radio, Form, Container, Checkbox } 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> {
@@ -194,8 +194,8 @@ export class CrawlerSelector extends React.Component<any, any> {
               <br />
               <Dropdown openOnFocus
                 placeholder='Select Crawler' selection options={this.crawlers} onChange={this.handleCrawlerSelection.bind(this)} />
-              <br/>
-              <br/>
+              <br />
+              <br />
               <CrawlerAuthInputs crawler={this.state.selected} />
             </Segment>
           </Grid.Column>
@@ -311,6 +311,7 @@ export class CrawlerAuthInputs extends React.Component<any, any> {
 }
 
 
+
 export class SensorItemSelector extends React.Component<any, any> {
 
   constructor(props: any, context: any) {
@@ -319,9 +320,50 @@ export class SensorItemSelector extends React.Component<any, any> {
     };
   }
 
+
   render() {
     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>
     );
   }
 }