1
0
mirror of https://github.com/netbox-community/netbox.git synced 2024-05-10 07:54:54 +00:00

Use shaded tabs

This commit is contained in:
jeremystretch
2021-07-21 09:24:43 -04:00
parent ebe7779f40
commit d42138384f
21 changed files with 226 additions and 190 deletions

View File

@@ -9,7 +9,7 @@
{% block content %}
<div class="row">
<div class="col col-md-10">
<div class="col">
<div class="card">
<div class="card-overlay">
<div class="spinner-border" role="status">
@@ -18,12 +18,12 @@
</div>
<h5 class="card-header">Device Configuration</h5>
<div class="card-body">
<ul class="nav nav-tabs" role="tablist">
<ul class="nav nav-pills" role="tablist">
<li role="presentation"><a class="nav-link active" href="#running" aria-controls="running" role="tab" data-bs-toggle="tab">Running</a></li>
<li role="presentation"><a class="nav-link" href="#startup" aria-controls="startup" role="tab" data-bs-toggle="tab">Startup</a></li>
<li role="presentation"><a class="nav-link" href="#candidate" aria-controls="candidate" role="tab" data-bs-toggle="tab">Candidate</a></li>
</ul>
<div class="tab-content pt-3">
<div class="tab-content p-3">
<div role="tabpanel" class="tab-pane active" id="running">
<pre id="running_config"></pre>
</div>

View File

@@ -1,5 +1,5 @@
{% extends 'generic/object_bulk_import.html' %}
{% block tabs %}
{% include 'dcim/inc/device_import_header.html' %}
{% include 'dcim/inc/device_import_header.html' %}
{% endblock %}

View File

@@ -1,5 +1,5 @@
{% extends 'generic/object_bulk_import.html' %}
{% block tabs %}
{% include 'dcim/inc/device_import_header.html' with active_tab='child_import' %}
{% include 'dcim/inc/device_import_header.html' with active_tab='child_import' %}
{% endblock %}

View File

@@ -148,7 +148,7 @@
</div>
<div class="row my-3">
<div class="col col-md-12">
<ul class="nav nav-tabs" role="tablist">
<ul class="nav nav-pills" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" data-bs-target="#interfaces" role="tab" data-bs-toggle="tab">
Interfaces {% badge interface_table.rows|length %}
@@ -190,7 +190,7 @@
</button>
</li>
</ul>
<div class="tab-content my-3">
<div class="tab-content p-0">
<div role="tabpanel" class="tab-pane active" id="interfaces">
{% include 'dcim/inc/devicetype_component_table.html' with table=interface_table title='Interfaces' tab='interfaces' %}
</div>

View File

@@ -1,4 +1,4 @@
<ul class="nav nav-tabs justify-content-center" style="margin-bottom: 20px">
<ul class="nav nav-tabs px-3">
<li class="nav-item" role="presentation">
<a class ="nav-link{% if not active_tab %} active{% endif %}" href="{% url 'dcim:device_import' %}">Racked Devices</a>
</li>