NeoAnd/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2025-07-16 12:12:53 -06:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

Change display to Modal

Browse Source
This commit is contained in:
Renato Almeida de Oliveira 2022-07-23 20:24:33 +00:00
parent e135f8e74d
commit 7d6882bec2
1 changed files with 58 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
netbox/templates/ipam/prefix.html
View File

@ -143,34 +143,16 @@
{% endwith %}
</td>
</tr>
{% if object.prefix.version == 4 %}
<tr>
<td>
Network Mask
</td>
<td>
{{ object.prefix.netmask }}
</td>
</tr>
<tr>
<td>
Broadcast Address
</td>
<td>
{{ object.prefix.broadcast }}
</td>
</tr>
<tr>
<td>
Wildcard Mask
</td>
<td>
{{ object.prefix.hostmask }}
</td>
</tr>
{% endif %}
</table>
</div>
{% if object.prefix.version == 4 %}
<div class="card-footer text-end noprint">
<a class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#prefix-modal">
<i class="mdi mdi-details" aria-hidden="true"></i>
Details
</a>
</div>
{% endif %}
</div>
{% include 'inc/panels/custom_fields.html' %}
{% include 'inc/panels/tags.html' %}
@ -186,4 +168,54 @@
{% plugin_full_width_page object %}
</div>
</div>
{% if object.prefix.version == 4 %}
<div class="modal fade" id="prefix-modal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Prefix Details</h5>
</div>
<div class="modal-body">
<table class="table table-hover attr-table">
<tr>
<td>
Network Mask
</td>
<td>
{{ object.prefix.netmask }}
</td>
</tr>
<tr>
<td>
Wildcard Mask
</td>
<td>
{{ object.prefix.hostmask }}
</td>
</tr>
<tr>
<td>
Network Address
</td>
<td>
{{ object.prefix.network }}
</td>
</tr>
<tr>
<td>
Broadcast Address
</td>
<td>
{{ object.prefix.broadcast }}
</td>
</tr>
</table>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
{% endif %}
{% endblock %}