New Dashboard

[jenix]

The new dashboard really looks nice. Great job, i like it.

I do noticed some issues with resizing the widgets though:
- The "Firewall Live Log" widget displays as if you can expand it vertically (showing the 'arrow down' mouse cursor when you are at the bottom of the widget), but i can only expand it horizontally
- The "Interfaces" widget can't be expanded vertically which would be really nice to see the status of all my interfaces
- The "Services" widget can be expanded vertically, but the change is not saved. After clicking the 'save' button and reloading the dashboard, it is back to its around half-screen height
- The "Disk" widget can't be expanded vertically only. This would be great to switch to the detailed bar view while keeping the width aligned with all the other widgets.
- The "Traffic Graph" widget shows the mouse cursor for vertical expansion while it is not possible (the same as the "Firewall Live Log").

It would be also nice if there is a separate editing mode (the default dashboard is view only and you have to click an 'edit' button to be able to change any of the widgets). This would also be very helpful to prevent accidental widget changes on mobile.

[Monviech (Cedrik)]

I opened an issue for these resize issues last week:

https://github.com/opnsense/core/issues/7628

[Patrick M. Hausen]

Can we get the "picture" widget back? I actually use this. Seriously ;)

I place the company logo of $customer on the dashboard so I always know which firewall I am working on at the moment.

[Stormscape]

So here's my feedback on the new widgets:
1. The CPU usage graph has too much information. The old widgets just showing the 1, 5, and 15 minute load averages in System Information, and a real time overall usage was perfectly fine. Frankly I don't even know the difference between the graphs on the new CPU usage widget, which seem to be mostly of usefulness to a software developer, and not necessarily a network administrator.
2. There should be more configurability to the widgets. Having to add multiple graph only widgets simply to restore what was previously text line items under System Information feels... clunky? As a result I've got a cluttered screen full of half circle widgets with tiny text underneath each one
3. The disk widget doesn't even show actual space, just a percentage used.
4. The thermal sensors widget, which previously detected thermal sensor names correctly, appears to have buggered up slightly with this update. My PCH temp now detects as a 2nd "Core 0".
5. Overall it feels like a heavy focus on fancy graphs and less of a focus on text, which is fine, but there needs to be an option for people who preferred the old text heavy interface.
EDIT:
6. Just noticed the Services widget doesn't seem to remember its size. If I expand it so all services are visible and click save, when I navigate away and return to the dashboard, it's shrunken in size again so that you have to scroll to view all services.

[Seimus]

Can we get the "picture" widget back? I actually use this. Seriously ;)

I place the company logo of $customer on the dashboard so I always know which firewall I am working on at the moment.

+1

I used this a lot.

Regards,
S.

[beckzg]

If I make any changes on the new Dashboard and click Save, then nothing happens just hangs, in the Debug console I see the following error:

opnsense_widget_manager.js?v=4b589a9d0ec1c234:558 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'getWidgetConfig')
    at opnsense_widget_manager.js?v=4b589a9d0ec1c234:558:66
    at Array.map (<anonymous>)
    at WidgetManager._saveDashboard (opnsense_widget_manager.js?v=4b589a9d0ec1c234:557:41)
    at HTMLButtonElement.<anonymous> (opnsense_widget_manager.js?v=4b589a9d0ec1c234:284:24)
    at HTMLButtonElement.dispatch (jquery-3.5.1.min.js?v=4b589a9d0ec1c234:2:43090)
    at v.handle (jquery-3.5.1.min.js?v=4b589a9d0ec1c234:2:41074)

I tried different browser and operating systems, private browse, but all the time I get this behaviour.

[Seimus]

I have observed a weird behavior with the new GUI:

1. Multiple devices connected to GUI
If this happens on both sessions the Widgets start to fail load

2. Mobile browser view of GUI is a bit borked
If you connected to the GUI via phone, the widgets are offset, also it looks like the view for phones is based on rows. Meaning if you style the widgets using PC to be like columns, on phone they will be drawn from perspective of the rows.

Regards,
S.

[PhoenixRider]

The traffic monitor doesn't work for me, doesn't show anything. I use the Vicuna theme.

[lignumaqua]

I have observed a weird behavior with the new GUI:

1. Multiple devices connected to GUI
If this happens on both sessions the Widgets start to fail load

Same here. Dashboard on desktop alone works fine, however if I try and open it on an iPad at the same time then both fail. Only seems to work with one client at a time. This is a problem as I habitually leave the dashboard open in a tab on the desktop and I know I'll forget to close it just so I can use the iPad.

[rkubes]

Not to pile on, since it's already been reported twice, but also noting that my biggest concern since the update is the lack of ability for multiple devices to see the dashboard at once. It just doesn't handle it gracefully and individual widgets start to break down.

I also miss the configurability of the widgets. For example, the Firewall Log and the System Log I used to have something like 20+ entries configured (I typically view it on a 4K monitor). However, the currently Firewall Log only shows 5 entries and you can't expand it. The System Log only shows like 4 entries. Any time there's any noise on top of what you're looking for it makes both of them essentially useless.

I'm sure they'll continue to improve and think they have a lot of potential, but so far it's very jarring due to these issues.

[franco]

Posting here as well: the web server seems to have too few configured concurrent processing threads:

https://github.com/opnsense/core/commit/724f8494d6

# opnsense-patch 724f8494d6
# configctl webgui restart

This may help with widgets not loading in a single instance, but was mainly a problem when a second dashboard was opened at the same time.


Cheers,
Franco

[Patrick M. Hausen]

Nope. Both Deciso appliances load the dashboard just fine while the APU4 looks like this.

This is just a WireGuard endpoint that provides an IPv6 tunnel to our Frankfurt office. No PPPoE, just a single (LAN) interface, firewall disabled - really no need to buy some beefier hardware at the moment.  ;)

[lignumaqua]

Posting here as well: the web server seems to have too few configured concurrent processing threads:
Cheers,
Franco

Thank you - that fixed it for me with viewing on the Desktop and iPad at the same time. :-)

[_tribal_]

Edge browser v127.0.2651.74  dev console:

Code Select Expand

[Intervention]Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://192.168.1.91:50443/ui/themes/cicada/build/fonts/SourceSansPro-Regular/SourceSansPro-Regular.woff
dashboard:1306 [Intervention]Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://192.168.1.91:50443/ui/fonts/fontawesome-webfont.woff2?v=4.7.0
dashboard:1306 [Intervention]Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://192.168.1.91:50443/ui/themes/cicada/build/fonts/bootstrap/glyphicons-halflings-regular.woff
dashboard:1 [Intervention]Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://192.168.1.91:50443/ui/themes/cicada/build/fonts/SourceSansPro-Semibold/SourceSansPro-Semibold.woff
chart.min.js?v=c5d33278e23c773a:13  Refused to load the image 'data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>' because it violates the following Content Security Policy directive: "img-src 'self'".

_draw @ chart.min.js?v=c5d33278e23c773a:13

I'm not sure that was the plan. ::)
What browser did you create the GUI for?
EDGE has errors and very strong lags. ???
Firefox doesn't seem to have any errors, but the interface lags a lot too. If it doesn't have enough i5-10300H for rendering, it's a very strange GUI. And I wonder what network speed is needed if gigabit is not enough? :o

And this I have not yet discussed the design of widgets... one does not change the size in full length, the second with huge empty fields, the temperature widget in total has its own life.
I'm very surprised that it was released in this condition.

[franco]

I'm not sure that was the plan. ::)
What browser did you create the GUI for?

Is that a loaded question? If yes please tone it down and feel free to provide a PR :)


Cheers,
Franco