luci icon indicating copy to clipboard operation
luci copied to clipboard

Port Status Overview - Feedback

Open shauno100 opened this issue 2 years ago • 10 comments

Hi, this is not an issue but more feedback. I am really liking the new port status overview in OpenWrt 23.05 RC3 on Xiaomi AX6000 router but would it be more logical to have the red underline for ports that are not connected along with the term "no link" instead of using red to differentiate WAN from the LAN ports where the LAN ports have a green underline regardless of whether they are connected or not?

Just didn't make much sense to me that's all to differentiate on port type as you'd expect green for connected ports regardless of type and red for disconnected ports etc.

Screenshot 2023-08-25 194603

shauno100 avatar Aug 25 '23 13:08 shauno100

color indicate firewall zone

ErwanMAS avatar Aug 26 '23 16:08 ErwanMAS

Fair enough, how I see it though and maybe it's just me, green means connected and red means disconnected. Logically this makes sense rather then colour coding port status by firewall zone especially when those colours are red and green. I feel alot of people would pay more attention to the colour at first glance when checking if a port is connected or not.

shauno100 avatar Aug 27 '23 04:08 shauno100

But i agree with you , that this layout is not perfect and bring confusion .

FYI in case you have some skills to submit a PR , the layout is build here

https://github.com/openwrt/luci/blob/ed059e4cd3ee9b15aabcc974b4e66b0090b920ae/modules/luci-mod-status/htdocs/luci-static/resources/view/status/include/29_ports.js#L342-L374

ErwanMAS avatar Aug 27 '23 16:08 ErwanMAS

Unfortunately i don't have the skills, just thought that maybe whoever wrote the code might see this feedback and consider it that's all.

shauno100 avatar Aug 28 '23 03:08 shauno100

In addition would having live port statistics for up/down traffic be possible/better to display (e.g. the down KBps and up etc at the current point in time the ports are being viewed in conjunction with the auto refresh of the webpage) rather than the accumulated total?

shauno100 avatar Aug 29 '23 12:08 shauno100

In addition would having live port statistics for up/down traffic be possible/better to display (e.g. the down KBps and up etc at the current point in time the ports are being viewed in conjunction with the auto refresh of the webpage) rather than the accumulated total?

I was thinking this was actually a really clever idea.. but then i remembered that OpenWRT already has the ability to show you live traffic stats on a per-interface basis (Status -> Realtime graphs -> Traffic).. what would be also cool then building atop of @shauno100 's idea is maybe in-addition to their idea (or instead of it if there's some reason it's not feasible), if clicking on that link could take you to the right graph also/instead?

aleks-mariusz avatar Sep 21 '23 12:09 aleks-mariusz

But i agree with you , that this layout is not perfect and bring confusion .

What if we made the bar not have any colors if the link is down? The fact it's still left green intuitively suggests to the user it's all good/operational (even if the color chosen has a meaning about the zone itself).. or for extra credit, make this configurable even somehow? since in my experience, there'll always be someone that will find a reason to disagree with things changing in any way :-)

aleks-mariusz avatar Sep 21 '23 12:09 aleks-mariusz

But i agree with you , that this layout is not perfect and bring confusion .

What if we made the bar not have any colors if the link is down? The fact it's still left green intuitively suggests to the user it's all good/operational (even if the color chosen has a meaning about the zone itself).. or for extra credit, make this configurable even somehow? since in my experience, there'll always be someone that will find a reason to disagree with things changing in any way :-)

This sounds good to me, the customization of the colors will probably never happen though but in recent OpenWrt 23.05.2 i can see the LAN ports that are down (not connected) are a dull green color whereas the connected LAN port are a brighter green. WAN port still is red as per the firewall zone color scheme.

A red color (even no color in the bar as you suggested) for down ports (regardless if LAN or WAN) and a green color for up and active ports (LAN or WAN) would make most sense to me. Only my opinion as mentioned and the majority may not agree with it but thought i'd make it known in case the LUCI developers are reading the issue comments,

shauno100 avatar Nov 26 '23 08:11 shauno100

New openwrt user here, just getting the openwrt one set up. I have to agree with this feedback. I spent several minutes (maybe 30?) wondering why WAN was not connected/didn't have internet despite a lot of evidence otherwise, due to the color, until I decided the UI was wrong and I didn't care. Just now, I finally realize the color is tied to the firewall zone and not the port's "status". And my very next thought is "how do I make WAN blue or something". Red is a very bad color for something if it could be misconstrued to mean "off" or something in a UI. I would urge devs (or I might get frustrated enough to make a PR) to take this feedback seriously, and at minimum, change the colors to be perhaps blue and purple or anything else that doesn't to many people mean "on" or "off", but better, make it configurable.

lienmeat avatar Jun 04 '25 22:06 lienmeat

easy workaround for me, I just sshed in, vim /www/luci-static/resources/firewall.js change this function to whatever colors you want for lan and wan:

function getColorForName(forName) {
	if (forName == null)
		return '#eeeeee';
	else if (forName == 'lan')
		return '#90f090';
	else if (forName == 'wan')
		return '#f09090';

	return random.derive_color(forName);
}

lienmeat avatar Jun 04 '25 23:06 lienmeat