Project

General

Profile

Bug #5248

OpenVPN dashboard widget layout

Added by Phillip Davis over 3 years ago. Updated over 3 years ago.

Status:
Resolved
Priority:
Normal
Assignee:
Target version:
Start date:
10/03/2015
Due date:
% Done:

0%

Estimated time:

Description

It looks all over the shop compared to on 2.2.5. See screen shot attached. It does at least show the name/time and remote/virtual IP.

I can't see how to know if each VPN is up or down.

OpenVPN-widget.png (8.18 KB) OpenVPN-widget.png Phillip Davis, 10/03/2015 08:14 AM
OpenVPN-widget-225.png (6.66 KB) OpenVPN-widget-225.png Phillip Davis, 10/03/2015 08:42 AM
OpenVPN-widget-225All.png (19 KB) OpenVPN-widget-225All.png Phillip Davis, 10/03/2015 09:00 AM
OpenVPN-widget-2.png (8.66 KB) OpenVPN-widget-2.png Phillip Davis, 10/06/2015 12:29 AM
OpenVPN-widget-2015-10-09.png (8.81 KB) OpenVPN-widget-2015-10-09.png Phillip Davis, 10/09/2015 11:58 AM
OpenVPN-widget-2015-10-10.png (13.7 KB) OpenVPN-widget-2015-10-10.png Phillip Davis, 10/09/2015 08:43 PM

Associated revisions

Revision 05dc7976 (diff)
Added by Jared Dillard over 3 years ago

Ticket #5248 style panels within widgets differently

History

#1 Updated by Steve Beaver over 3 years ago

Phil,

Do you have a 2.2 installation with OpenVPN? It would be helpful to see how that looks. No problem if not, I'm sure I can find one somewhere.

#2 Updated by Phillip Davis over 3 years ago

No problem. I have attached a screen shot of the the OpenVPN widget on my home pfSense "TestOffice" with 3 site-to-site clients connected.

#3 Updated by Phillip Davis over 3 years ago

Here is one from 2.2.4 with a Road Warrior server, site-to-site servers and site-to-site client.

#4 Updated by Steve Beaver over 3 years ago

Thank you Phil. I'll look at this ASAP.

#5 Updated by Steve Beaver over 3 years ago

  • Status changed from New to Feedback
  • Assignee set to Phillip Davis

No changes have been made to the layout for now, but I have added UP/Down icons so that at least you can see the status.

I'll look at the layout at a later date after I get through some more pressing issues.

#6 Updated by Phillip Davis over 3 years ago

To record progress so far I have attached a screen shot from 2.3-ALPHA (amd64) built on Mon Oct 05 18:44:18 CDT 2015 showing 3 clients (2 up and 1 down). The up and down status arrows are showing correctly.

#7 Updated by Chris Buechler over 3 years ago

  • Status changed from Feedback to Assigned
  • Assignee changed from Phillip Davis to Steve Beaver

arrows look good. Put this back to assigned for the remainder

#8 Updated by Steve Beaver over 3 years ago

  • Status changed from Assigned to Feedback
  • Assignee changed from Steve Beaver to Phillip Davis

Widget tables have been updated to Bootstrap classes, header tags and rowspans corrected.

The appearance seems to be improved, but further testing with a variety of OpenVPN configurations is required.

#9 Updated by Phillip Davis over 3 years ago

This screen shot is from a system with 1 OpenVPN road-warrior server and 3 site-to-site clients.

The server section does not format - that "Abc" is the description in the server settings, which is correctly listening on UDP:1194. There are currently no client connections.

Client Instance Statistics - the Name/Time and Remote/Virtual IP column headings are shifted 1 column to the right. Name and Remote IP shows OK. THe Time and Virtual IP data is showing as that long string of text, rather than separated and formatted under each relevant client entry.

#10 Updated by Steve Beaver over 3 years ago

Thanks. I just need to bite the bullet and configure something similar here. JimP is going to help me with that.

#11 Updated by Steve Beaver over 3 years ago

  • % Done changed from 0 to 100

#12 Updated by Steve Beaver over 3 years ago

  • Status changed from Feedback to Assigned
  • Assignee changed from Phillip Davis to Jared Dillard
  • % Done changed from 100 to 0

Widget revised to use Bootstrap panels instead of outer tables. Table layout and classes corrected. There is a somewhat annoying alignment difference between certain panels within the widget, but that is what you get with fluid table layout.

Tested with JimP

Jarred: Would you play with the panel-heading class colors in this widget please? We should probably make a new class called widget-panel-heading and give it a different/lighter shade.

#13 Updated by Phillip Davis over 3 years ago

That looks much better.
I see what you mean about the columns - in each section the columns will adjust depending on content... and so the middle columns of each section do not all line up with each other.

#14 Updated by Jared Dillard over 3 years ago

  • Status changed from Assigned to Feedback
  • Assignee changed from Jared Dillard to Steve Beaver

Steve Beaver wrote:

Jarred: Would you play with the panel-heading class colors in this widget please? We should probably make a new class called widget-panel-heading and give it a different/lighter shade.

I added support for styling widget panels differently and lightened the shade of the OpnVPN widget panel headings.

#15 Updated by Steve Beaver over 3 years ago

  • Status changed from Feedback to Resolved

#16 Updated by Phillip Davis over 3 years ago

That looks good now - thanks.
2.3-ALPHA (amd64)
built on Wed Oct 14 16:15:05 CDT 2015

Also available in: Atom PDF