ipaddress_edit.html 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. {% extends 'utilities/obj_edit.html' %}
  2. {% load static from staticfiles %}
  3. {% load form_helpers %}
  4. {% block tabs %}
  5. {% if not obj.pk %}
  6. {% include 'ipam/inc/ipadress_edit_header.html' with active_tab='add' %}
  7. {% endif %}
  8. {% endblock %}
  9. {% block form %}
  10. <div class="panel panel-default">
  11. <div class="panel-heading"><strong>IP Address</strong></div>
  12. <div class="panel-body">
  13. {% render_field form.address %}
  14. {% render_field form.status %}
  15. {% render_field form.role %}
  16. {% render_field form.vrf %}
  17. {% render_field form.description %}
  18. </div>
  19. </div>
  20. <div class="panel panel-default">
  21. <div class="panel-heading"><strong>Tenancy</strong></div>
  22. <div class="panel-body">
  23. {% render_field form.tenant_group %}
  24. {% render_field form.tenant %}
  25. </div>
  26. </div>
  27. <div class="panel panel-default">
  28. <div class="panel-heading">
  29. <strong>Interface Assignment</strong>
  30. </div>
  31. <div class="panel-body">
  32. {% render_field form.interface_site %}
  33. {% render_field form.interface_rack %}
  34. {% render_field form.interface_device %}
  35. {% render_field form.interface %}
  36. {% render_field form.primary_for_device %}
  37. </div>
  38. </div>
  39. <div class="panel panel-default">
  40. <div class="panel-heading"><strong>NAT IP (Inside)</strong></div>
  41. <div class="panel-body">
  42. <ul class="nav nav-tabs" role="tablist">
  43. <li role="presentation" class="active"><a href="#select" aria-controls="home" role="tab" data-toggle="tab">By Device</a></li>
  44. <li role="presentation"><a href="#search" aria-controls="search" role="tab" data-toggle="tab">By IP</a></li>
  45. </ul>
  46. <div class="tab-content">
  47. <div class="tab-pane active" id="select">
  48. {% render_field form.nat_site %}
  49. {% render_field form.nat_rack %}
  50. {% render_field form.nat_device %}
  51. </div>
  52. <div class="tab-pane" id="search">
  53. {% render_field form.livesearch %}
  54. </div>
  55. </div>
  56. {% render_field form.nat_inside %}
  57. </div>
  58. </div>
  59. {% if form.custom_fields %}
  60. <div class="panel panel-default">
  61. <div class="panel-heading"><strong>Custom Fields</strong></div>
  62. <div class="panel-body">
  63. {% render_custom_fields form %}
  64. </div>
  65. </div>
  66. {% endif %}
  67. {% endblock %}
  68. {% block javascript %}
  69. <script src="{% static 'js/livesearch.js' %}?v{{ settings.VERSION }}"></script>
  70. {% endblock %}