From 8cb5818b690788ae0a3183ce044ae5366026de72 Mon Sep 17 00:00:00 2001
From: insanity <insanity@loafle.com>
Date: Thu, 20 Jul 2017 12:15:55 +0900
Subject: [PATCH] lint

---
 .../temp/react/components/NoauthProbes.tsx    |  62 ++++----
 .../temp/react/components/ProbeDetails.tsx    |  28 ++--
 .../react/components/ProbeDown.tsx            |   0
 .../temp/react/components/Probes.tsx          | 137 ++++++++++--------
 4 files changed, 127 insertions(+), 100 deletions(-)
 rename src/ts/@overflow/{probe => temp}/react/components/ProbeDown.tsx (100%)

diff --git a/src/ts/@overflow/temp/react/components/NoauthProbes.tsx b/src/ts/@overflow/temp/react/components/NoauthProbes.tsx
index 24cd66c..ed5b1a5 100644
--- a/src/ts/@overflow/temp/react/components/NoauthProbes.tsx
+++ b/src/ts/@overflow/temp/react/components/NoauthProbes.tsx
@@ -1,6 +1,13 @@
 import * as React from 'react';
 import { Table, Checkbox, Button, Header, Container } from 'semantic-ui-react';
 
+export interface Props {
+
+}
+
+export interface State {
+
+}
 
 export class NoauthProbes extends React.Component<any, any> {
 
@@ -15,47 +22,46 @@ export class NoauthProbes extends React.Component<any, any> {
     this.selectedIds = new Array();
   }
 
-
-  componentWillMount() {
+  public componentWillMount(): void {
     this.data = [
       {
-        "id": "11",
-        "MetaNoAuthProbeStatus": {
-          "name": "NORMAL"
+        'id': '11',
+        'MetaNoAuthProbeStatus': {
+          'name': 'NORMAL',
         },
-        "hostName": "insanity's windows",
-        "macAddress": "14:fe:b5:9d:54:7e",
-        "ipAddress": "192.168.1.105",
-        "tempProbeKey": "45374d4egsdfw332",
-        "apiKey": "45374d4egsdfw332",
-        "domain": {
+        'hostName': 'insanity windows',
+        'macAddress': '14:fe:b5:9d:54:7e',
+        'ipAddress': '192.168.1.105',
+        'tempProbeKey': '45374d4egsdfw332',
+        'apiKey': '45374d4egsdfw332',
+        'domain': {
 
         },
-        "probe": {
+        'probe': {
 
         },
       },
       {
-        "id": "22",
-        "MetaNoAuthProbeStatus": {
-          "name": "NORMAL"
+        'id': '22',
+        'MetaNoAuthProbeStatus': {
+          'name': 'NORMAL',
         },
-        "hostName": "insanity's ubuntu",
-        "macAddress": "14:fe:b5:9d:54:7e",
-        "ipAddress": "192.168.1.105",
-        "tempProbeKey": "45374d4egsdfw332",
-        "apiKey": "45374d4egsdfw332",
-        "domain": {
+        'hostName': 'insanity ubuntu',
+        'macAddress': '14:fe:b5:9d:54:7e',
+        'ipAddress': '192.168.1.105',
+        'tempProbeKey': '45374d4egsdfw332',
+        'apiKey': '45374d4egsdfw332',
+        'domain': {
 
         },
-        "probe": {
+        'probe': {
 
         },
       },
     ];
   }
 
-  handleSelect(id: string) {
+  public handleSelect(id: string): void {
     let idx = this.selectedIds.indexOf(id);
     if (idx === -1) {
       this.selectedIds.push(id);
@@ -67,29 +73,29 @@ export class NoauthProbes extends React.Component<any, any> {
     });
   }
 
-  checkExist(id: string): boolean {
+  public checkExist(id: string): boolean {
     if (this.state.selected.indexOf(id) === -1) {
       return false;
     }
     return true;
   }
 
-  handleAccept() {
+  public handleAccept(): void {
     alert(this.state.selected);
   }
 
-  handleDeny() {
+  public handleDeny(): void {
     alert(this.state.selected);
   }
 
-  handleRowActive(id: string):boolean {
+  public handleRowActive(id: string):boolean {
     if (this.state.selected.indexOf(id) === -1) {
       return false;
     }
     return true;
   }
 
-  render() {
+  public render(): JSX.Element {
 
     return (
       <Container fluid>
diff --git a/src/ts/@overflow/temp/react/components/ProbeDetails.tsx b/src/ts/@overflow/temp/react/components/ProbeDetails.tsx
index 3d14ab8..b8daa96 100644
--- a/src/ts/@overflow/temp/react/components/ProbeDetails.tsx
+++ b/src/ts/@overflow/temp/react/components/ProbeDetails.tsx
@@ -2,7 +2,15 @@ import * as React from 'react';
 import { Button, Table, Label, Segment, Header, Container } from 'semantic-ui-react';
 import { TargetTable } from './Targets';
 
-export class ProbeDetails extends React.Component<any, any> {
+export interface Props {
+  probe: object;
+}
+
+export interface State {
+}
+
+
+export class ProbeDetails extends React.Component<Props, State> {
 
   constructor(props: any, context: any) {
     super(props, context);
@@ -10,11 +18,11 @@ export class ProbeDetails extends React.Component<any, any> {
     };
   }
 
-  componentWillMount() {
-
+  public componentWillMount(): void {
+    super.componentWillMount();
   }
 
-  render() {
+  public render(): JSX.Element {
     return (
       <Container fluid>
         <ProbeBasicInfo probe={this.props.probe} />
@@ -32,19 +40,19 @@ export class ProbeBasicInfo extends React.Component<any, any> {
     };
   }
 
-  handleStartStop(event: any, data: any) {
+  public handleStartStop(event: any, data: any): void {
     console.log(event);
   }
-  handleDiscovery(event: any, data: any) {
+  public handleDiscovery(event: any, data: any): void {
     alert('Discovery');
   }
 
-  handleBack(event: any, data: any) {
+  public handleBack(event: any, data: any): void {
     this.props.onBack();
   }
 
 
-  showStartStopBtn() {
+  public showStartStopBtn(): JSX.Element {
     if (this.props.probe.metaProbeStatus.name === 'STARTED') {
       return <Button content='Stop' icon='stop' labelPosition='left' color={'blue'} floated={'right'} onClick={this.handleStartStop} />;
     } else {
@@ -52,7 +60,7 @@ export class ProbeBasicInfo extends React.Component<any, any> {
     }
   }
 
-  render() {
+  public render(): JSX.Element {
     return (
       <Container fluid>
         <Header as='h3' dividing>Probe Info</Header>
@@ -104,4 +112,4 @@ export class ProbeBasicInfo extends React.Component<any, any> {
       </Container>
     );
   }
-}
\ No newline at end of file
+}
diff --git a/src/ts/@overflow/probe/react/components/ProbeDown.tsx b/src/ts/@overflow/temp/react/components/ProbeDown.tsx
similarity index 100%
rename from src/ts/@overflow/probe/react/components/ProbeDown.tsx
rename to src/ts/@overflow/temp/react/components/ProbeDown.tsx
diff --git a/src/ts/@overflow/temp/react/components/Probes.tsx b/src/ts/@overflow/temp/react/components/Probes.tsx
index 018b820..094894d 100644
--- a/src/ts/@overflow/temp/react/components/Probes.tsx
+++ b/src/ts/@overflow/temp/react/components/Probes.tsx
@@ -3,64 +3,77 @@ import { Table, Header, Container, Form, Checkbox, Button } from 'semantic-ui-re
 import { ProbeDetails } from './ProbeDetails';
 import { ListContainer } from './commons/ListContainer';
 
-export class Probes extends React.Component<any, any> {
+export interface Props {
+
+}
+
+export interface State {
+  selected: object;
+  isDetail: boolean;
+  list: object[];
+}
+
+
+export class Probes extends React.Component<Props, State> {
 
   private data: any;
 
   constructor(props: any, context: any) {
     super(props, context);
+
     this.state = {
       selected: null,
       isDetail: false,
-      list: [],
+      list: null,
     };
   }
 
-  componentWillMount() {
+  public componentWillMount(): void {
+    super.componentWillMount();
     this.data = [
       {
-        "id": "11",
-        "metaProbeStatus": {
-          "name": "STARTED"
+        'id': '11',
+        'metaProbeStatus': {
+          'name': 'STARTED',
         },
-        "domain": {
-          "name": "asus"
+        'domain': {
+          'name': 'asus',
         },
-        "probeKey": "1AGBLKDFJ2452ASDGFL2KWJLKSDJ",
-        "description": "description1111111111",
+        'probeKey': '1AGBLKDFJ2452ASDGFL2KWJLKSDJ',
+        'description': 'description1111111111',
       },
       {
-        "id": "22",
-        "metaProbeStatus": {
-          "name": "STOPPED"
+        'id': '22',
+        'metaProbeStatus': {
+          'name': 'STOPPED',
         },
-        "domain": {
-          "name": "ottugi"
+        'domain': {
+          'name': 'ottugi',
         },
-        "probeKey": "2AGBLKDFJ2452ASDGFL2KWJLKSDJ",
-        "description": "description22222222",
+        'probeKey': '2AGBLKDFJ2452ASDGFL2KWJLKSDJ',
+        'description': 'description22222222',
       },
       {
-        "id": "33",
-        "metaProbeStatus": {
-          "name": "STOPPED"
+        'id': '33',
+        'metaProbeStatus': {
+          'name': 'STOPPED',
         },
-        "domain": {
-          "name": "lg"
+        'domain': {
+          'name': 'lg',
         },
-        "probeKey": "3AGBLKDFJ2452ASDGFL2KWJLKSDJ",
-        "description": "description33333",
+        'probeKey': '3AGBLKDFJ2452ASDGFL2KWJLKSDJ',
+        'description': 'description33333',
       },
       {
-        "id": "44",
-        "metaProbeStatus": {
-          "name": "STARTED"
+        'id': '44',
+        'metaProbeStatus': {
+          'name': 'STARTED',
         },
-        "domain": {
-          "name": "apple"
+        'domain': {
+          'name': 'apple',
         },
-        "probeKey": "4AGBLKDFJ2452ASDGFL2KWJLKSDJ",
-        "description": "description4444",
+        'probeKey': '4AGBLKDFJ2452ASDGFL2KWJLKSDJ',
+        'description': 'description4444',
       },
     ];
     this.setState({
@@ -68,27 +81,27 @@ export class Probes extends React.Component<any, any> {
     });
   }
 
-  checkCellStatus(status: any): boolean {
+  public checkCellStatus(status: any): boolean {
     if (status.name === 'STOPPED') {
       return true;
     }
     return false;
   }
 
-  handleSelect(selectedProbe: object) {
+  public handleSelect(selectedProbe: object): void {
     this.setState({
       selected: selectedProbe,
       isDetail: true,
     });
   }
 
-  handleSearch(result: object[]) {
+  public handleSearch(result: object[]): void {
     this.setState({
       list: result,
     });
   }
 
-  handleFilter(filterStr: string) {
+  public handleFilter(filterStr: string): void {
     if (filterStr === null) {
       this.setState({
         list: this.data,
@@ -106,25 +119,7 @@ export class Probes extends React.Component<any, any> {
     });
   }
 
-  renderRows() {
-    if (this.state.list.length === 0) {
-      return <Table.Row error >
-        <Table.Cell textAlign='center' colSpan='5'>No results found.</Table.Cell>
-      </Table.Row>;
-    }
-    return this.state.list.map((probe: any, index: number) => (
-      <Table.Row key={index} onClick={this.handleSelect.bind(this, probe)}>
-        <Table.Cell >{probe.domain.name}</Table.Cell>
-        <Table.Cell>{index}</Table.Cell>
-        <Table.Cell negative={this.checkCellStatus(probe.metaProbeStatus)} textAlign={'center'}>{probe.metaProbeStatus.name}</Table.Cell>
-        <Table.Cell textAlign={'center'} >todo. {probe.targetCnt}</Table.Cell>
-        <Table.Cell textAlign={'center'} >todo. {probe.sensorCnt}</Table.Cell>
-      </Table.Row>
-    ));
-  }
-
-
-  render() {
+  public render(): JSX.Element {
     if (this.state.isDetail) {
       return <ProbeDetails probe={this.state.selected} onBack={() => this.setState({ isDetail: false })} />;
     }
@@ -156,6 +151,24 @@ export class Probes extends React.Component<any, any> {
       />
     );
   }
+
+  private renderRows(): (JSX.Element | JSX.Element[]) {
+    if (this.state.list.length === 0) {
+      return <Table.Row error >
+        <Table.Cell textAlign='center' colSpan='5'>No results found.</Table.Cell>
+      </Table.Row>;
+    }
+    return this.state.list.map((probe: any, index: number) => (
+      <Table.Row key={index} onClick={this.handleSelect.bind(this, probe)}>
+        <Table.Cell >{probe.domain.name}</Table.Cell>
+        <Table.Cell>{index}</Table.Cell>
+        <Table.Cell negative={this.checkCellStatus(probe.metaProbeStatus)} textAlign={'center'}>{probe.metaProbeStatus.name}</Table.Cell>
+        <Table.Cell textAlign={'center'} >todo. {probe.targetCnt}</Table.Cell>
+        <Table.Cell textAlign={'center'} >todo. {probe.sensorCnt}</Table.Cell>
+      </Table.Row>
+    ));
+  }
+
 }
 
 export class ProbeFilter extends React.Component<any, any> {
@@ -167,29 +180,29 @@ export class ProbeFilter extends React.Component<any, any> {
     };
   }
 
-  handleChange(e: any, data: any) {
+  public handleChange(e: any, data: any): void {
     this.setState({
       status: data.value,
     });
     this.props.onFilter(data.value);
   }
-  handleReset(e: any, data: any) {
+  public handleReset(e: any, data: any): void {
     this.setState({
       status: null,
     });
     this.props.onFilter(null);
   }
 
-  render() {
-    //todo. getting MetaProbeStatus
+  public render(): JSX.Element {
+    // todo. getting MetaProbeStatus
     let metaProbeStatus = [
       {
-        "id": "1",
-        "name": "STARTED",
+        'id': '1',
+        'name': 'STARTED',
       },
       {
-        "id": "2",
-        "name": "STOPPED",
+        'id': '2',
+        'name': 'STOPPED',
       },
     ];
     return (