Dynamic Dashboards and easier theming

[gizmocuz]

New beta 17618

@Doler
- Visibility has an Eye icon, Sun Power has like atom power icon in the normal dashboard.
Fixed among others (It is called Solar Radiation)

- Manage Dashboards dialog runs of screen after entering the 7th dashboard
Renamed it to 'Dashboard Settings' and removed all dashboard editing from the dialog.
This is now all possible from the editor toolbar

@imautohuttraeger, @walter
- I cannot move/relocate the tiles on a tablet, is it supported?
The editor is not designed to be used with a tabled

[Marathon2010]

- The camera is nice. It would be nicer when clicked or tabbed on it the camera stream would popup in bigger format.
Implemented in upcoming beta

Great improvements guys, giant step forward. One additional request on the camera, popop to trigger via an on/off switch as well. So for instance doorbell is ringing the camera would appear in big format. Keep up the good work

[aren]

First impression is that it looks fantastic !!

[imautohuttraeger]

@imautohuttraeger, @walter
- I cannot move/relocate the tiles on a tablet, is it supported?
The editor is not designed to be used with a tabled

Only sometimes (seldomly), moving and resizing works both on a tablet and a smartphone. But I haven't found out, if there is a special condition when this is working. Appears randomly somehow.

[JBN]

The addition of Dynamic Dashboards in Domoticz looks fantastic! Thank you @gizmocuz for your persistence and hard work!

I have been using Dashticz for my Dashboard needs and also created some custom components to meet my specific "needs" and improve the waf. I assume you have already considered this but given the creativity of the community, and all different use cases, I humbly suggest, when the time is right and Dynamic Dashboard code is stable enough, you consider that people will want to add their own custom widgets without modifying the core codebase. The idea would be to be able to add custom widgets without making future updates of Domoticz problematic.

I am not that good at (frontend) development but when looking at www/app/dashboardDynamic/widgets it seems fairly straight forward. But perhaps not mix custom widgets with the Domoticz default ones? People can ofc create pull requests to add more but there are already an impressive amount of more than 40.

Perhaps create a new folder at www/app/dashboardDynamic/widgets/custom and when the user drops their ddCustomwidget.widget.js there it is picked up by the Widget Library and placed at the bottom as "Custom" (or something). Ie widgetRegistry.register  -> category:    'Custom'.

The views are defined in app.directive it seems, thus there is a need for a templateUrl:      'views/dashboardDynamic/widgets/custom' I assume.

Even though it might be cleaner to keep all custom widget files in one separate location? 

After searching I assume that the widgets are created in www/app/main.js and www/app/dashboardDynamic/DashboardDynamicController.js. Adding custom ddWidgets would require editing of these files which would make updates problematic. I guess the controller needs to be decoupled to allow dynamic 'side-loading' of the custom widgets. 

This is where my skills are not good enough and this will have some architectural and security implication to consider. In Dashticz I have played with different ways like making the "custom" folder list/readable and added dynamic loading code, I also played with a Python end-point to list the custom components. Currently I just inject the custom components semi-automaticly using a python sync script and do "ln -s" to the files to allow for easier updates of the main Dashticz codebase.

This is just an idea to allow tinkerers like myself to do stuff without, hopefully, breaking things.

Again, keep up the amazing work!

[gizmocuz]

@JBN,
There is already a HTML widget where you can insert HTML/JS and create anything you want.
This should work for your custom widgets as well I suppose... You can do everything you want

[gizmocuz]

@imautohuttraeger,
Check with the latest beta, it should work better on tables while editing. But honestly, you want to do this fine tuning on a normal desktop/laptop

[imautohuttraeger]

@imautohuttraeger,
But honestly, you want to do this fine tuning on a normal desktop/laptop

Indeed.

[imautohuttraeger]

@imautohuttraeger,
Check with the latest beta, it should work better on tables while editing.

I confirm: It now seems to even always work on tablet an smartphone.

And in general, the performance when switching to another top menu tab seems to be improved (there was a time lack before).

[manuloup]

This is really great ! Thanks @Gizmocuz.

What would be amazing is to be able to change the background of a dashboard and having transparent widgets, as I use to have in the old but regretted Imperihome.

[imautohuttraeger]

A little one: Room widget does not contain scenes

[janpep]

Great options! I like the flexibility to place in the order you want. I like the calendar widget. I was just thinking about regularly adding calendar data with a script to a text device, but this is much better.
I noticed two things:
Some devices have strange look now and become unreadable, like EVOhome devices where the until time seems to be added in the title bar.
And may be I missed something, but on the smaller screen of smartphone the widgets stay next to each other even if they do not fit on the screen instead of appearing below it as on the standard dashboard.

[Filip]

'Would it be possible to add a device widget being able to specify multiple devices...'

You could do this with the roomplan widget

Thanks again @gizmocuz!
This is not how I meant completely my suggestion... To be more clear I made my suggestion with a mockup...
When I have a roomplan with the following devices:
https://drive.google.com/file/d/1M4jg-7 ... sp=sharing
Then a perfect result should be:
https://drive.google.com/file/d/1pIthxP ... sp=sharing
No idea if this would be complex or not, but would - in my opinion - give a high added value.
Kr,
Filip

[gizmocuz]

@Filip , did you try the quick action widget in list mode?
I will see if I can implement a list mode for the current room plan widget
(Okey, and there will be a option in the room plan widget to display in list mode. (And it will support scenes/groups as well)

[gizmocuz]

@Filip, I am working on a Quick Stat widget, like the Quick Actions widget.
With this widget you can make a compact overview of all sensors in a grid/list way
With this you can make the mockup list you made before (not via a room plan, you have to add the devices one by one)

[gizmocuz]

New beta available 17652

As always, changes can be found here

https://github.com/domoticz/domoticz/co ... velopment/

And the updated wiki documentation

https://wiki.domoticz.com/DynamicDashboard

[imautohuttraeger]

(And it will support scenes/groups as well)

I confirm it works!

I can hardly believe, how fast you implement feedbacks. Hats off!

[Filip]

@Filip, I am working on a Quick Stat widget, like the Quick Actions widget.
With this widget you can make a compact overview of all sensors in a grid/list way
With this you can make the mockup list you made before (not via a room plan, you have to add the devices one by one)

Ah yes, now I discovered... No problem to do one by one, but would be nice if the Quick Stat and Quick Action are combined... Eg to have all the devices of a hardware in one list, possibly switches, open/closed, general, text, kWh etc... And a general icon and name... This could also be done based on the hardware or with a roomplan or one-by-one (does't matter). Of course with the possibility for actions also... I don't know if this would be feasible, but I think lot of people will like .

[gizmocuz]

@Filip , I implemented the option to display the roomplan widget as a list.
Press the settings icon on the widget and select the list view option.
No need to add them one by one.

And in the quick stat list you can also place switches so you already have a combined version of that as well

[gizmocuz]

New beta version 17654

Alignment of the widgets should be better now, and some have the card background instead of a full square background to be inline with the others
And for most widgets it is now also possible to hide the (card) background