diff --git a/trick_source/web/mockup/.gitignore b/trick_source/web/dashboard/.gitignore similarity index 100% rename from trick_source/web/mockup/.gitignore rename to trick_source/web/dashboard/.gitignore diff --git a/trick_source/web/mockup/README.md b/trick_source/web/dashboard/README.md similarity index 80% rename from trick_source/web/mockup/README.md rename to trick_source/web/dashboard/README.md index 9d9614c4..e39f4dff 100644 --- a/trick_source/web/mockup/README.md +++ b/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/* /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 diff --git a/trick_source/web/mockup/package-lock.json b/trick_source/web/dashboard/package-lock.json similarity index 100% rename from trick_source/web/mockup/package-lock.json rename to trick_source/web/dashboard/package-lock.json diff --git a/trick_source/web/mockup/package.json b/trick_source/web/dashboard/package.json similarity index 100% rename from trick_source/web/mockup/package.json rename to trick_source/web/dashboard/package.json diff --git a/trick_source/web/mockup/public/TrickLogoSmall.png b/trick_source/web/dashboard/public/TrickLogoSmall.png similarity index 100% rename from trick_source/web/mockup/public/TrickLogoSmall.png rename to trick_source/web/dashboard/public/TrickLogoSmall.png diff --git a/trick_source/web/mockup/public/index.html b/trick_source/web/dashboard/public/index.html similarity index 100% rename from trick_source/web/mockup/public/index.html rename to trick_source/web/dashboard/public/index.html diff --git a/trick_source/web/mockup/public/manifest.json b/trick_source/web/dashboard/public/manifest.json similarity index 100% rename from trick_source/web/mockup/public/manifest.json rename to trick_source/web/dashboard/public/manifest.json diff --git a/trick_source/web/mockup/src/App.css b/trick_source/web/dashboard/src/App.css similarity index 100% rename from trick_source/web/mockup/src/App.css rename to trick_source/web/dashboard/src/App.css diff --git a/trick_source/web/mockup/src/App.js b/trick_source/web/dashboard/src/App.js similarity index 100% rename from trick_source/web/mockup/src/App.js rename to trick_source/web/dashboard/src/App.js diff --git a/trick_source/web/mockup/src/App.test.js b/trick_source/web/dashboard/src/App.test.js similarity index 100% rename from trick_source/web/mockup/src/App.test.js rename to trick_source/web/dashboard/src/App.test.js diff --git a/trick_source/web/mockup/src/AppStyles.js b/trick_source/web/dashboard/src/AppStyles.js similarity index 100% rename from trick_source/web/mockup/src/AppStyles.js rename to trick_source/web/dashboard/src/AppStyles.js diff --git a/trick_source/web/mockup/src/Client.js b/trick_source/web/dashboard/src/Client.js similarity index 98% rename from trick_source/web/mockup/src/Client.js rename to trick_source/web/dashboard/src/Client.js index 87d3f31d..c07f24e4 100644 --- a/trick_source/web/mockup/src/Client.js +++ b/trick_source/web/dashboard/src/Client.js @@ -379,7 +379,7 @@ export default class Client extends React.Component { - SIM_cannon_numeric{"\u00A0"} + {"\u00A0"} {"\u00A0"} {"\u00A0"} @@ -403,9 +403,12 @@ export default class Client extends React.Component {
+ + + {["Home", "Wiki", "Data Recording", "Strip Chart"].map( (text, index) => ( - + {index % 2 === 0 ? : } @@ -417,7 +420,7 @@ export default class Client extends React.Component { {["Sniffer", "Environment", "Settings"].map((text, index) => ( - + {index % 2 === 0 ? : } @@ -552,8 +555,9 @@ export default class Client extends React.Component { @@ -583,7 +587,8 @@ export default class Client extends React.Component {