Add Virtual Chassis name to pane on Device View

[cmcknz77]

NetBox version

v4.2.6

Feature type

Change to existing functionality

Proposed functionality

I propose an amendment to the device view template

to add {{ object.virtual_chassis.name }} to the prefetch list and add the following to the h2 Header for the Virtual Chassis section:

Here's what it might look like (although I've had to redact some info):

{% if vc_members %}
                <div class="card">
                    <h2 class="card-header">
                      {% trans "Virtual Chassis" %}: {{ object.virtual_chassis.name }}
                      <div class="card-actions">
                        <a href="{{ object.virtual_chassis.get_absolute_url }}" class="btn btn-ghost-primary btn-sm">
                          <span class="mdi mdi-arrow-right-bold" aria-hidden="true"></span> {% trans "View Virtual Chassis" %}
                        </a>
                      </div>
                    </h2>

Use case

I work with a number of Virtual Chassis in my environment and in a lot of cases the member Device Name does not have a direct relationship with the name of the Virtual Chassis that device is a member of to help make the device easily identifiable.

It would be really handy if when a device is a member of a Virtual Chassis, the name of that Virtual Chassis is visible on the device page.

For example in your demo environment the Camden site is connected with 2 SDWAN Redundant devices operating as a single SDWAN Edge with name "NACamdenEdge-VC".

But when you click on the devices themselves there's no way to tell which Edge device it's a member of:

Database changes

None required - this is a purely cosmetic change.

External dependencies

No response

[jeremystretch]

Let's use parentheses instead of a colon to be more consistent with other areas of the UI.