Dashboard for Pimatic
Before you get hyped:
The dashboard does not have a lot of functionality yet, it only supports the ShellSwitch and ShellSensor.
I’ve spend a lot of time building the core structure of the dashboard and it seems to be running pretty stable. Almost everything is build in components so it can be used for almost everything without much work.
Setup
My main focus was making things really easy to setup. You can even run it on http://dashboard.timvandevathorst.nl if you want (I can’t see your credentials… promise). You can also run it locally.
Make sure you’re Pimatic is up to date. The CORS feature is added in version v0.9.30
Local installation (optional: use http://dashboard.timvandevathorst.nl):
git clone https://github.com/Timvdv/flexible-dashboard
cd flexible-dashboard
npm install
npm start
open http://localhost:3003
Pimatic settings
Add this (if you installed locally it’s probably: http://localhost:3003 ):
"cors": {
"allowedOrigin": "http://dashboardlocation:port"
},
Dashboard configuration
Choose pimatic-setup and follow the instructions… It should speak for itself
To-Do
At the moment these are my priorities but I’m really curious what you guys think so please leave feedback in the comments.
- Manage widgets
Save the widget position- Change the widget size
add / delete widgets- Change the color of the widgets
A reset settings button in a menu somewhere- Create a way to add native dashboard apps (which run without a connection to some other system and have - their own config)
- Add more widgets
Create custom Widgets
It’s really easy to create custom widgets! I don’t have a tutorial yet but the ExampleWidget.js
has loads of comments and you can post your messages here or send me a message! Let me know if you’re interested. If there is enough interest I’ll create a tutorial.
You can find the project on Github: https://github.com/Timvdv/flexible-dashboard