Skip to content
This repository was archived by the owner on Jun 6, 2022. It is now read-only.

v2.0.0 UI

Jump to bottom
Ross Jacobs edited this page May 12, 2018 · 4 revisions

v2.0.0 UI

TABS: Merlink (logo) | (Breadcrumb menu: VPN++ > Connect > Tshoot ) | Settings

TAB: VPN++ >

Behavior

Modal dialog for Add VPN wizard for first time users

Style

Beadcrumb menu for steps

Breadcrumbs

  • Organization
  • Network
  • Special options

TAB: Connect >

  • Table of VPN connections

Fields

Line color-styled according to whether the connection is connected (green), has connected (light green), has never connected (light yellow), is failing the connection (red), or has failed a connection (light red)

  • VPN Name
  • Connection Status
  • Last connected/Last failure reason (as applicable)
  • Public IP
  • LAN IP when connected
  • Data passed (total over all time)
  • Time connected

Last row: plus sign to add another connection -> VPN++

Button at bottom: Connect

Behavior

Clicking on a failed connection status -> TShoot tab Clicking anywhere else and on any other connections allows you to edit that connection -> VPN++ Right click on a connection: Connect, Disconnect, Troubleshoot (goes to next tab), Save as (save profile), Properties (go to Tab VPN++ to edit connection) Middle click on connection: Connect

TAB: TShoot >

UI elements

  • Validation Checks (6)
  • Packet captures
  • Routing table
  • Active Flows
  • Graph of pings to 8.8.8.8

Behavior for interactive elements

Interacting with packet captures: Use specific filters and get active traffic Routing table: Add/remove routes

TAB: Settings >

  • About
  • License
  • Preferences

Systray

Connect...

Has a list of connections that you can connect to

Disconnect

Will disconnect even if you're not connected to anything

Troubleshoot

List of troubleshooting options

Show/Hide

Shows/hides the window, depending

Exit

Quit program

Documentation for the Merlink project

Clone this wiki locally