From 0157537cc049d4b13384b7042129a61f297f9132 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Sat, 26 May 2018 17:10:56 +0200
Subject: pass thru if server/relay are connected

---
 app/client/system/system.component.js | 34 ++++++++++++++++++++++------------
 1 file changed, 22 insertions(+), 12 deletions(-)

(limited to 'app/client/system/system.component.js')

diff --git a/app/client/system/system.component.js b/app/client/system/system.component.js
index 0819c2f..e097b61 100644
--- a/app/client/system/system.component.js
+++ b/app/client/system/system.component.js
@@ -3,9 +3,7 @@ import { bindActionCreators } from 'redux'
 import { connect } from 'react-redux'
 
 import Group from '../common/group.component'
-import Slider from '../common/slider.component'
-import Select from '../common/select.component'
-import Button from '../common/button.component'
+import Param from '../common/param.component'
 
 import * as systemActions from './system.actions'
 
@@ -14,21 +12,34 @@ class System extends Component {
     super()
   }
   render(){
-    const { site, actions } = this.props
+    const { site, server, relay, rpc, actions } = this.props
     return (
-      <div className='dashboard'>
+      <div className='system'>
         <div className='heading'>
           <h2>{site.name} System</h2>
         </div>
 
-        <div className='column'>
+        <div className='row params'>
+          <Group title="Status">
+            <Param title='Server'>{server.status}</Param>
+            {server.error &&
+              <Param title='Server error'>{server.error.message}</Param>
+            }
+            <Param title='Relay'>{relay.status}</Param>
+            <Param title='RPC'>{rpc.status}</Param>
+            <Param title='CPU'>pix2pix dataset.py</Param>
+            <Param title='GPU'>pix2pix train.py</Param>
+            <Param title='Current Task'>train samplernn</Param>
+          </Group>
           <Group title="Diagnostics">
-            <button onClick={() => actions.run('nvidia-smi')}>nvidia-smi</button>
-            <button onClick={() => actions.run('ps')}>ps</button>
-            <button onClick={() => actions.run('w')}>w</button>
+            <Param title='Commands'>
+              <button onClick={() => actions.run('nvidia-smi')}>nvidia-smi</button>
+              <button onClick={() => actions.run('ps')}>ps</button>
+              <button onClick={() => actions.run('w')}>w</button>
+            </Param>
           </Group>
-          {this.renderCommandOutput()}
         </div>
+        {this.renderCommandOutput()}
       </div>
     )
   }
@@ -57,8 +68,7 @@ class System extends Component {
   }
 }
 const mapStateToProps = state => ({
-  site: state.system.site,
-  cmd: state.system.cmd,
+  ...state.system
 })
 
 const mapDispatchToProps = (dispatch, ownProps) => ({
-- 
cgit v1.2.3-70-g09d2