From fa7cb087e8bb0689958066438ef593e2c507b6f8 Mon Sep 17 00:00:00 2001
From: snoop <snoop@loafle.com>
Date: Mon, 24 Jul 2017 17:32:21 +0900
Subject: [PATCH] added sensor

---
 src/ts/@overflow/app/views/App.tsx            |  2 +
 .../@overflow/app/views/layout/AppLayout.tsx  |  2 +
 .../app/views/layout/SensorDetailLayout.tsx   | 54 +++++++++++++++++++
 3 files changed, 58 insertions(+)
 create mode 100644 src/ts/@overflow/app/views/layout/SensorDetailLayout.tsx

diff --git a/src/ts/@overflow/app/views/App.tsx b/src/ts/@overflow/app/views/App.tsx
index f7ec3e9..a530a8c 100644
--- a/src/ts/@overflow/app/views/App.tsx
+++ b/src/ts/@overflow/app/views/App.tsx
@@ -3,6 +3,7 @@ import { Route, Switch } from 'react-router-dom';
 
 import AccountLayout from './layout/AccountLayout';
 import ProbeDetailLayout from './layout/ProbeDetailLayout';
+import SensorDetailLayout from './layout/SensorDetailLayout';
 import AppLayout from './layout/AppLayout';
 import ErrorLayout from './layout/ErrorLayout';
 
@@ -27,6 +28,7 @@ class App extends React.Component<Props, State> {
         <Route path='/error' component={ErrorLayout}/>
         <Route path='/account' component={AccountLayout}/>
         <Route path='/probe' component={ProbeDetailLayout}/>
+        <Route path='/sensor' component={SensorDetailLayout}/>
         <Route path='/' component={AppLayout}/>
       </Switch>
     );
diff --git a/src/ts/@overflow/app/views/layout/AppLayout.tsx b/src/ts/@overflow/app/views/layout/AppLayout.tsx
index 1dc0363..65628b2 100644
--- a/src/ts/@overflow/app/views/layout/AppLayout.tsx
+++ b/src/ts/@overflow/app/views/layout/AppLayout.tsx
@@ -8,6 +8,7 @@ import LeftMenu from './LeftMenu';
 
 import Home from '../Home';
 import ProbeList from '../../views/monitoring/probe/List';
+import SensorList from '../monitoring/sensor/List';
 
 export interface Props extends RouteComponentProps<any> {
 }
@@ -40,6 +41,7 @@ export class AppLayout extends React.Component<Props, State> {
             <Switch>
               <Route exact={true} path={`${this.props.match.url}`} component={Home}/>
               <Route exact={true} path={`${this.props.match.url}probes`} component={ProbeList}/>
+              <Route exact={true} path={`${this.props.match.url}sensors`} component={SensorList}/>
               <Redirect to='/error/404' />
             </Switch>
           <Footer />
diff --git a/src/ts/@overflow/app/views/layout/SensorDetailLayout.tsx b/src/ts/@overflow/app/views/layout/SensorDetailLayout.tsx
new file mode 100644
index 0000000..53c1f5c
--- /dev/null
+++ b/src/ts/@overflow/app/views/layout/SensorDetailLayout.tsx
@@ -0,0 +1,54 @@
+import * as React from 'react';
+import { RouteComponentProps, RouteProps, Route, Switch } from 'react-router-dom';
+import { Container, Menu, Sidebar, Segment, Icon, Breadcrumb, Grid, Dropdown } from 'semantic-ui-react';
+import { Header } from './Header';
+import { Footer } from './Footer';
+import { TitleBar } from './TitleBar';
+import LeftMenu from './LeftMenu';
+import SensorSetup from '../monitoring/sensor/Setup';
+
+export interface Props extends RouteComponentProps<any> {
+}
+export interface State {
+}
+
+class SensorDetailLayout extends React.Component<Props, State> {
+
+  public constructor(props?: Props, context?: State) {
+    super(props, context);
+
+  }
+
+  public render(): JSX.Element {
+    const sub = [
+      {
+        'name': 'Info',
+        'path': `${this.props.location.pathname}`,
+      },
+      {
+        'name': 'History',
+        'path': `${this.props.location.pathname}/history`,
+      },
+    ];
+    return (
+       <Container fluid>
+        <LeftMenu />
+        <Segment vertical style={{ margin: '0 0 0 210px', padding: '0' }}>
+          <Header />
+          <TitleBar title='Probe Details' sub={sub} />
+          <Switch>
+            {/*<Route path={`${this.props.match.url}/:id/`} component={SignIn}/>
+          <Route path={`${this.props.match.url}/:id/info/`} component={SignUp}/>
+          <Route path={`${this.props.match.url}/:id/history/`} component={EmailConfirm}/>*/}
+           <Route path={`${this.props.match.url}/setup/`} component={SensorSetup} />
+          </Switch>
+          <Footer />
+        </Segment>
+      </Container >
+    );
+  }
+
+}
+
+
+export default SensorDetailLayout;