pfSense

Converted

Mostly by adding BS-3 classes to the existing tables, but also by
adding a nested table to display the states.

Tweak vpn_ipsec_keys layout

- Better name for 'edit user' button
- Wrap action buttons
- Sprinkle some clears in CSS for table container and forms (self-clearing with overflow:hidden)

Refs. #22

Proof of concept for Form_IpAddress that shows a mask-selector too

refs #23

Convert vpn_ipsec

Refs. #22

Make selector less specific to support other button types as well

Refs. #19

Add body padding on pages without menu (wizards, login page, etc.)

Refs. #34

Allow top navbar to resize without overwriting the page

Multiple buttons in form need spacing

fixes #19

Fix footer position

Fixed contextual links

pfSense.css - move help-link to ul that gets positioned
head.inc - implemented fixme
shortcuts.inc - replaced icons

Place form save button outside form panel for clarity (saves whole form, not just the last panel)

- Increase body bottom margin to create 20px margin between elements
and footer

Finish preliminary restyle of L2TP configuration

vpn_l2tp.php - Use pill style for navigation
 vpn_l2tp_users.php - Cleaned and formatted according to bootstrap styles
 vpn_l2tp_users_edit.php - Cleaned and formatted according to bootstrap styles
 pfSense.css - Styles for form validation and pill navigation...

Use bootstrap columns to scale and style jumbotron

pfSense.css - proper positioning for logo, remove with on jumbotron
auth.inc - add bootstrap columns to jumbotron
authgui.inc - idem
index.php - idem

replaced logobig with high-quality logo-black

favicon - updated as well
authgui - form is now horizontal, logo update

implemented widget-config

fbegin/fend.inc - temporary added for non-migrated pages
firewall_rules - use buttons for actions
index - implement widget-config & close button
pfSense.css - +/- icons now handled in js
pfSense.js - better handling of widget actions...

Style page header & footer

head.inc - Wrap header elements (title, breadcrumb)
guiconfig.inc - Prefix breadcrumb with title h1
pfSense.css - Styling for header and footer

implemented widget drag/drop on index + storage

replaced custom jquery-ui with default set of plugins

initial drag/drop WIP, working on backup/restore page

initial commit of new firewall_rules

css - add styling for tr.disabled
firewall_rules - migrated to bootstrap
guiconfig - changed alias-popup to be displayed inline instead of xhr
index - no need to serve alias-popup via xhr

started migration to bootstrap

• migrated /index and most widgets on it
• migrated /system.php using new form-layout
• removed /themes and /javascript; html will change too much