Digital signage for the ACM Office television.
npm install cd src cp secrets.js.sample secrets.js
secrets.js with your API keys.
How to run
Download a prebuilt binary of Electron. Then run:
If you need to use a custom version of electron:
npm run build /path/to/electron . # Replace with actual path to Electron binary
Adding a new Panel
A panel is just a React component that can be fit flexibly inside a
div (to conform with the dashboard layout).
To add a new type of panel:
- Create a new panel component in
- Import your panel component in
src/panels.jsand give it a representative name.
- Add an entry in
src/layout.jsonto render your panel on the dashboard.
- Follow the instructions for 'Changing the layout' to graphically resize and position your panel.
Changing the layout
You can manually edit
src/layout.json to change the layout of the Dashboard.
However, you can also run dashboard in layout mode with
--layout, which allows you to drag and resize panels.
npm run start:layoutor
/path/to/electron . --layout
Drag and resize panels on the dashboard.
Copy the newly created
current_layout.jsonfrom the project root directory to
mv curent_layout.json src/layout.json
Raspberry Pi setup guide
See the wiki for instructions for setting up a production display on a Raspberry Pi.