Web UI Tweaks

Problem this snippet solves:

This snippet adds UI tweaks to v12 (for v13 and v14 devices, use the BETA). It's been tested by me, but use it at your own risk. :)

Here's a list of what it does:

Pool improvements

Pool list member statuses

When the pools contains one available member the status is still green today. This script shows you icons depending on what different statuses a pool contains.

  • If all members are disabled, the color is black.
  • If the pool contains both available and members being down, the circle is half green, half red.

Pool details on mouse over

Hovering the mouse over a status icon shows the member details:

Custom loading screen

Got a big partition so the statuses takes a while to load? No problem, the script will let you know when it's finished.

Default options when creating a pool

Pool name suffix, action on service down, load balancing method, and select node node instead of creating a new one can be pre-populated for you by editing the configuration.

Automatically generated monitor tests

Test strings for browser, curl and netcat commands are generated automatically for http monitors.

iRule improvements

Detecting data group lists

The when editing an iRule the script will detect the used data group lists and show them on the left hand side. Hovering the mouse over a data group list name will show the content. Clicking on that will take you to the data group lists configuration form.

Data group list improvements

No more accidentally deleting data group list records

If you use data group lists as much as we do there is a chance that you have encountered this scenario. You need to edit a record, so you click on the -EDIT- button, change the entries and then click on update. Ooops, now that record was deleted.

Instead, the script would disable the edit button after clicking on it. It will not be enabled again until either after you click ADD, or when you clear the text in the input fields.

Bulk import

The script allows you to do bulk edits to your data group lists.

Edit active list: Moves all the records from the active list to the import list.

Client SSL Profile improvements

Automatically match SSL Client profile name, certificate and key

When creating an SSL profile the script will attempt to find a matching certificate and key according to the name of the profile. So when you click on on the add button in the Client SSL Profile form you'd get everything automatically populated for you (providing that you have configured the default chain in the script).

SSL CSR improvements

Pre-populated profiles for creating certificate signing requests.

Other small things

  • Larger select fields when ie. choosing monitors, editing data group lists.
  • Mark objects in the current partition with bold text to distinguish them from the common partition.
  • Adds a link to the default pool in the virtual server resources configuration page.

Beta

The script parses the LTM log and displays the content in the top bar.

How to use this snippet:

Installation instructions

  1. Download Tampermonkey for Chrome or Firefox
  2. Download the script from https://github.com/epacke/F5-UI-FrontendEnhancements
  3. if you want to be on the edge, the beta version from https://github.com/epacke/F5-UI-FrontendEnhancements/blob/master/F5-Frontend-Enhancements-beta.js
  4. Click on the small icon at the top right corner of your browser and select "Dashboard"
  5. Click on the new script icon:
  6. Paste the content of the js file in the window and click on the save icon (floppy drive).



Done.

Code :

This snippet adds UI tweaks to v12 (for v13 and v14 devices, use the BETA). It's been tested by me, but use it at your own risk. :)

Tested this on version:

13.0
Published Apr 21, 2021
Version 1.0

Was this article helpful?

7 Comments