Merge remote-tracking branch 'origin/master'

src/ts/@overflow/temp/react/components/Components.tsx

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { Probes } from './Probes';
-import { NoauthProbes } from './NoauthProbes';
-import { SensorConfiguration } from './SensorConfiguration';
-import { Targets } from './Targets';
-import { Sensors } from './Sensors';
-import { Tab } from './commons/Tab';
-
-// import Tab, { TabProps } from 'semantic-ui-react/dist/commonjs/modules/Tab'; 
-
-export class Components extends React.Component<any, any> {
-
-  constructor(props: any, context: any) {
-    super(props, context);
-    this.state = {
-    };
-  }
-
-  render() {
-
-    const items = [
-      { name: 'Probes', child: <Probes /> },
-      { name: 'NoauthProbes', child: <NoauthProbes /> },
-      { name: 'Targets', child: <Targets /> },
-      { name: 'SensorConfiguration', child: <SensorConfiguration /> },
-      { name: 'Sensors', child: <Sensors /> },
-    ];
-
-    return (
-      <Tab panes={items} />
-    );
-  }
-}
-
-

src/ts/@overflow/temp/react/components/NoauthProbes.tsx

@@ -1,5 +1,10 @@
 import * as React from 'react';
-import { Table, Checkbox, Button, Header, Container } from 'semantic-ui-react';
+import { Table,
+  Checkbox,
+  Button,
+  Header,
+  Container,
+} from 'semantic-ui-react';
 
 export interface Props {
 

src/ts/@overflow/temp/react/components/ProbeDetails.tsx

@@ -1,9 +1,16 @@
 import * as React from 'react';
-import { Button, Table, Label, Segment, Header, Container } from 'semantic-ui-react';
+import { Button,
+  Table,
+  Label,
+  Segment,
+  Header,
+  Container,
+} from 'semantic-ui-react';
 import { TargetTable } from './Targets';
 
 export interface Props {
   probe: object;
+  onBack(): void;
 }
 
 export interface State {

src/ts/@overflow/temp/react/components/ProbeDown.tsx

@@ -1,35 +1,39 @@
-import *as React from 'react'
+import *as React from 'react';
 import {
-  Grid, Menu, Segment, MenuItemProps, Header, Container
-} from 'semantic-ui-react'
+  Grid,
+  Menu,
+  Segment,
+  MenuItemProps,
+  Header,
+  Container,
+} from 'semantic-ui-react';
 
 
 export interface State {
-
+  activeItem: string[];
 }
 export interface Props {
 
 }
 
-const osNames = ["Windows","Debian","Ubuntu","Fedora", "CentOS"];
+const osNames = ['Windows', 'Debian', 'Ubuntu', 'Fedora', 'CentOS'];
 
 export class ProbeDown extends React.Component<any, any> {
   constructor(props: any, context: any) {
     super(props, context);
 
-  this.state = { activeItem: osNames[0] }
-
-  
+    this.state = { activeItem: osNames[0] };
   }
-handleItemClick = (event: React.SyntheticEvent<HTMLAnchorElement>, data: MenuItemProps) => {
-  this.setState({ activeItem: data.name })
 
-  console.log(data.name);
-}
+  public handleItemClick = (event: React.SyntheticEvent<HTMLAnchorElement>, data: MenuItemProps): void => {
+    this.setState({ activeItem: data.name });
 
-  render() {
+    console.log(data.name);
+  }
 
-const { activeItem } = this.state
+  public render(): JSX.Element {
+
+    const { activeItem } = this.state.activeItem;
     return (
       <Container fluid>
         <Header as='h3' dividing>Probe Download</Header>
@@ -37,16 +41,13 @@ const { activeItem } = this.state
           <Grid.Column width={4}>
             <Menu fluid vertical tabular>
               {osNames.map((os: string) => {
-                    return (
-                      <Menu.Item name={os} active={activeItem === os} onClick={this.handleItemClick} />
-                    )
+                return (
+                  <Menu.Item name={os} active={activeItem === os} onClick={this.handleItemClick} />
+                );
               })}
-
-
-            
             </Menu>
           </Grid.Column>
-          
+
 
           <Grid.Column stretched width={12}>
             <Segment vertical>
@@ -57,8 +58,5 @@ const { activeItem } = this.state
       </Container>
     );
   }
-
-
-
 }
 

src/ts/@overflow/temp/react/components/Probes.tsx

@@ -13,7 +13,6 @@ export interface State {
   list: object[];
 }
 
-
 export class Probes extends React.Component<Props, State> {
 
   private data: any;

src/ts/@overflow/temp/react/components/commons/DetailContainer.tsx

@@ -1,6 +1,14 @@
 import * as React from 'react';
 import { Grid, Menu, Segment } from 'semantic-ui-react';
 
+export interface Props {
+
+}
+
+export interface State {
+  active: number;
+}
+
 export class DetailContainer extends React.Component<any, any> {
 
   constructor(props: any, context: any) {
@@ -10,17 +18,17 @@ export class DetailContainer extends React.Component<any, any> {
     };
   }
 
-  showContents() {
+  public showContents(): JSX.Element {
     return this.props.panes[this.state.active].child;
   }
 
-  handleClick(index: number) {
+  public handleClick(index: number): void {
     this.setState({
       active: index,
     });
   }
 
-  render() {
+  public render(): JSX.Element {
     const activeItem = this.state.activeItem;
 
     return (
@@ -41,4 +49,4 @@ export class DetailContainer extends React.Component<any, any> {
       </Grid>
     );
   }
-}
+}

src/ts/@overflow/temp/react/components/commons/ListContainer.tsx

@@ -1,6 +1,14 @@
 import * as React from 'react';
 import { Grid, Input, Form, Checkbox, Divider } from 'semantic-ui-react';
 
+export interface Props {
+
+}
+
+export interface State {
+
+}
+
 export class ListContainer extends React.Component<any, any> {
 
   private found: boolean = false;
@@ -12,7 +20,7 @@ export class ListContainer extends React.Component<any, any> {
 
   }
 
-  handleSearch(e: any, data: any) {
+  public handleSearch(e: any, data: any): void {
     let searchWord = data.value;
     let items: object[];
     items = this.props.data;
@@ -30,13 +38,13 @@ export class ListContainer extends React.Component<any, any> {
     this.props.onSearch(result);
   }
 
-  handleSearchInput(e: any, data: any) {
+  public handleSearchInput(e: any, data: any): void {
     this.setState({
       searchWord: data.value,
     });
   }
 
-  search(item: any, searchWord: string) {
+  public search(item: any, searchWord: string): void {
     let key: any;
     for (key in item) {
       if (this.isString(item[key])) {
@@ -49,14 +57,14 @@ export class ListContainer extends React.Component<any, any> {
     }
   }
 
-  isString(val: any): boolean {
+  public isString(val: any): boolean {
     if (typeof val === 'string') {
       return true;
     }
     return false;
   }
 
-  render() {
+  public render(): JSX.Element {
     return (
       <Grid>
         <Grid.Column width={4}>
@@ -71,4 +79,4 @@ export class ListContainer extends React.Component<any, any> {
       </Grid>
     );
   }
-}
+}

src/ts/@overflow/temp/react/components/commons/Tab.tsx

@@ -1,38 +0,0 @@
-import * as React from 'react';
-import { Menu, Segment } from 'semantic-ui-react';
-
-export class Tab extends React.Component<any, any> {
-
-    constructor(props: any, context: any) {
-        super(props, context);
-        this.state = {
-            active: 0,
-        };
-    }
-
-    showContents() {
-        return this.props.panes[this.state.active].child;
-    }
-
-    handleClick(index: number) {
-        this.setState({
-            active: index,
-        });
-    }
-
-    render() {
-        return (
-            <div>
-                <Menu pointing secondary>
-                    {this.props.panes.map((pane: any, index: number) => (
-                        <Menu.Item key={index} name={pane.name} onClick={this.handleClick.bind(this, index)} active={this.state.active === index} />
-                    ))}
-                </Menu>
-
-                <Segment vertical>
-                    {this.showContents()}
-                </Segment>
-            </div>
-        );
-    }
-}