update web app, prepare for release. Rename directory

trick_source/web/dashboard/README.md

@@ -1,3 +1,29 @@
+## Trick Dashboard
+Trick Dashboard is a simple web app with a sim control panel and a basic version of Trick TV
+## Install
+To install Trick Dashboard you will need to use npm to build the app and then copy it to your www directory in your sim directory.
+
+- Install npm from [nodejs.org](nodejs.org)
+
+- Install your depedencies (from this directory)
+##### `npm i`
+- Build the app
+##### `npm build`
+- Copy the contents of the build directory to the www directory of your sim
+##### `cp -r build/* <path_to_sim>/SIM_*/www`
+- Enable the web server for your sim
+
+in S_define:
+```
+#include "sim_objects/WebServer.sm"
+```
+in input file:
+```
+web.server.enable=True
+```
+
+## Information about Create React App
+
 This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
 
 ## Available Scripts

trick_source/web/dashboard/src/Client.js

@@ -379,7 +379,7 @@ export default class Client extends React.Component {
               <Box flexGrow={1} />
               <Box flexDirection="column">
                 <Typography variant="h6">
-                  SIM_cannon_numeric{"\u00A0"}
+                  {"\u00A0"}
                   {"\u00A0"}
                   {"\u00A0"}
                 </Typography>
@@ -403,9 +403,12 @@ export default class Client extends React.Component {
               <div className={classes.toolbar} />
               <Divider />
               <List>
+              <ListItem key ="coming soon">
+              <ListItemText primary="Other apps below coming soon!"/>
+              </ListItem>
                 {["Home", "Wiki", "Data Recording", "Strip Chart"].map(
                   (text, index) => (
-                    <ListItem button key={text}>
+                    <ListItem button key={text} disabled={true}>
                       <ListItemIcon>
                         {index % 2 === 0 ? <InboxIcon /> : <MailIcon />}
                       </ListItemIcon>
@@ -417,7 +420,7 @@ export default class Client extends React.Component {
               <Divider />
               <List>
                 {["Sniffer", "Environment", "Settings"].map((text, index) => (
-                  <ListItem button key={text}>
+                  <ListItem button key={text} disabled={true}>
                     <ListItemIcon>
                       {index % 2 === 0 ? <InboxIcon /> : <MailIcon />}
                     </ListItemIcon>
@@ -552,8 +555,9 @@ export default class Client extends React.Component {
                       <TextField
                         variant="outlined"
                         label="playback speed"
-                        value="1.0"
+                        value="not yet available"
                         className={classes.timer}
+                        disabled={true}
                       />
                     </Box>
                   </Flex>
@@ -583,7 +587,8 @@ export default class Client extends React.Component {
                       <SearchIcon />
                     </div>
                     <InputBase
-                      placeholder="Search…"
+                      placeholder="Search… [coming soon]"
+                      disabled={true}
                       classes={{
                         root: classes.inputRoot,
                         input: classes.inputInput,