New Dashboard

[tiermutter]

Here are some screenshots and experiences with the new dashboard (90% browser zoom, Darkmode by DarkReader Firefox plugin):



I found that the Disk Usage widget shown as diagram will change to table mode when the widget is enlarged to at least two rows. Since I am not a fan of coloured diagrams I like this option.



Same for Firewall diagram, on first screenshot when it's size is one row it shows less information than on two rows...



... enlarging this widget to three rows it will also turn into table mode and firewall log. Nice!



My impressions and wishes:
For firewall widget it would be nice to separate live log from events when in table mode.
See screenshot 4, having longer v6 addresses, source and destination are overleaping in some cases, maybe it is possible to shorten them in those cases.
For CPU widget it would be nice to have the option to reduce it to total graph only.

After years working with the old dashboard, this new and modern dashboard is kinda strange for me and I am sure I will miss the old simple and plain one for the first time. What I like is the option to have different sizes for each widget.


Next I would like to test OVPN DCO, I just don't know when I'll have time to do it

[Seimus]

I am used to the old one too, but actually looking forward for this new UI, it looks beautiful and if it scales in mobile browsers properly it will be awesome experience.

Thanks for the pics!

Regards,
S.

[tiermutter]

Good idea to have a look on mobile devices... Starting VM again to catch some screenshots...

[tiermutter]

Ok, with mobile devices the new dashboard is uncomfortable...

When sliding you must take care not to touch a widget since then you will move it around.
On mobile view there is only the small edge where you can slide, on desktop view there is also the left menu where you are able to slide.
I also wondered on PC browser that it is not possible to copy textdata (eg IP addresses) from widgets since you then will move the widget, but that's not a problem to me.

Here are some screenshots from mobile device... It was not possible to take a "scrolling" screenshot since this also catched the first widget to move it...

[fabianodelg]

I just hope that will not be 'heavy' on CPU like the current one....

[Seimus]

Thank for checking on the mobile too.

Yes that may be uncomfortable I am logging a lot via phone when I am on VPN or not on my PC.
Hopefully here will be some lock function or something to prevent widget movement when scrolling.

Regards,
S.

[DEC670airp414user]

very cool. thank you for sharing

[tuto2]

Thank for checking on the mobile too.

Yes that may be uncomfortable I am logging a lot via phone when I am on VPN or not on my PC.
Hopefully here will be some lock function or something to prevent widget movement when scrolling.

Regards,
S.

Sure, here you go: https://github.com/opnsense/core/commit/34cafe3e9835cb48c41ad063d2aba2700e7f701a

I hadn't done extensive tests on touch yet other than increasing the responsiveness with auto-sizing widgets based on screen size, but this is an obvious one.

Thanks for the feedback! The other points have been noted as well.

Cheers,
Stephan

[tuto2]

I just hope that will not be 'heavy' on CPU like the current one....

Which CPU, client or firewall?

In general, CPU/GPU usage has increased somewhat on the client side (neat graphics aren't free), and reduced on the firewall side.

Cheers,
Stephan

[Seimus]

Sure, here you go: https://github.com/opnsense/core/commit/34cafe3e9835cb48c41ad063d2aba2700e7f701a

I hadn't done extensive tests on touch yet other than increasing the responsiveness with auto-sizing widgets based on screen size, but this is an obvious one.

Thanks for the feedback! The other points have been noted as well.

Cheers,
Stephan

Oooh you are a fast one, thanks Stephan!

Regards,
S.

[julsssark]

I played around with the new dashboard using the default theme and I like it.

The widgets do not display correctly using the cicada theme. Interfaces example attached.

Should testing focus on the default theme until the theme owners put out updates?

[Seimus]

Use the default theme, otherwise issues you may encounter and report with custom themes maybe false positive for the new dashboard.

I did spin it as well in a VM, and I must say I am impressed, that new dashboard is fluid, also in regards of resources drain, I don't see anything significant.

Well done OPN devs.

Regards,
S.

[newsense]

Should testing focus on the default theme until the theme owners put out updates?

Yes. I wouldn't expect theme updates earlier than RC1, some may only be available on the GA or shortly after.

[franco]

We are considering the addition of a default dark theme in order to avoid theme developers playing catch-up with the changes, but not before all of 24.7 is out.

I don't think existing themes will be (fully) fixed in time so it may take a few 24.7.x even, but I know that Rene is looking at tweaking the dashboard in his themes already.


Cheers,
Franco

[tuto2]

I did spin it as well in a VM, and I must say I am impressed, that new dashboard is fluid, also in regards of resources drain, I don't see anything significant.

Well done OPN devs.

Much appreciated! The design focuses on efficiency as much as possible in contrast to the old dashboard, which had a tendency to be slow on page load.

When you consider resource drain, there's always going to be a cost to data collection. Things are now better with the streaming implementations which prevent backend processes from having to start/stop all the time - reducing a lot of the overhead.

While the roadmap for the dashboard for 24.7 is set (some widgets have yet to be added), new ideas for widgets are welcome of course. For anyone willing to have a go at this themselves, the development documentation will be synced around the time of the 24.7 release.

Cheers,
Stephan