vlan.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. {% extends '_base.html' %}
  2. {% load helpers %}
  3. {% block content %}
  4. {% include 'ipam/inc/vlan_header.html' with active_tab='vlan' %}
  5. <div class="row">
  6. <div class="col-md-6">
  7. <div class="panel panel-default">
  8. <div class="panel-heading">
  9. <strong>VLAN</strong>
  10. </div>
  11. <table class="table table-hover panel-body attr-table">
  12. <tr>
  13. <td>Site</td>
  14. <td>
  15. {% if vlan.site %}
  16. {% if vlan.site.region %}
  17. <a href="{{ vlan.site.region.get_absolute_url }}">{{ vlan.site.region }}</a>
  18. <i class="fa fa-angle-right"></i>
  19. {% endif %}
  20. <a href="{% url 'dcim:site' slug=vlan.site.slug %}">{{ vlan.site }}</a>
  21. {% else %}
  22. <span class="text-muted">None</span>
  23. {% endif %}
  24. </td>
  25. </tr>
  26. <tr>
  27. <td>Group</td>
  28. <td>
  29. {% if vlan.group %}
  30. <a href="{{ vlan.group.get_absolute_url }}">{{ vlan.group }}</a>
  31. {% else %}
  32. <span class="text-muted">None</span>
  33. {% endif %}
  34. </td>
  35. </tr>
  36. <tr>
  37. <td>VLAN ID</td>
  38. <td>{{ vlan.vid }}</td>
  39. </tr>
  40. <tr>
  41. <td>Name</td>
  42. <td>{{ vlan.name }}</td>
  43. </tr>
  44. <tr>
  45. <td>Tenant</td>
  46. <td>
  47. {% if vlan.tenant %}
  48. {% if vlan.tenant.group %}
  49. <a href="{{ vlan.tenant.group.get_absolute_url }}">{{ vlan.tenant.group }}</a>
  50. <i class="fa fa-angle-right"></i>
  51. {% endif %}
  52. <a href="{{ vlan.tenant.get_absolute_url }}">{{ vlan.tenant }}</a>
  53. {% else %}
  54. <span class="text-muted">None</span>
  55. {% endif %}
  56. </td>
  57. </tr>
  58. <tr>
  59. <td>Status</td>
  60. <td>
  61. <span class="label label-{{ vlan.get_status_class }}">{{ vlan.get_status_display }}</span>
  62. </td>
  63. </tr>
  64. <tr>
  65. <td>Role</td>
  66. <td>
  67. {% if vlan.role %}
  68. <a href="{% url 'ipam:vlan_list' %}?role={{ vlan.role.slug }}">{{ vlan.role }}</a>
  69. {% else %}
  70. <span class="text-muted">None</span>
  71. {% endif %}
  72. </td>
  73. </tr>
  74. <tr>
  75. <td>Description</td>
  76. <td>
  77. {% if vlan.description %}
  78. {{ vlan.description }}
  79. {% else %}
  80. <span class="text-muted">N/A</span>
  81. {% endif %}
  82. </td>
  83. </tr>
  84. <tr>
  85. <td>Tags</td>
  86. <td>
  87. {% for tag in vlan.tags.all %}
  88. {% tag 'ipam:vlan_list' tag %}
  89. {% empty %}
  90. <span class="text-muted">N/A</span>
  91. {% endfor %}
  92. </td>
  93. </tr>
  94. </table>
  95. </div>
  96. {% with vlan.get_custom_fields as custom_fields %}
  97. {% include 'inc/custom_fields_panel.html' %}
  98. {% endwith %}
  99. </div>
  100. <div class="col-md-6">
  101. <div class="panel panel-default">
  102. <div class="panel-heading">
  103. <strong>Prefixes</strong>
  104. </div>
  105. {% include 'responsive_table.html' with table=prefix_table %}
  106. {% if perms.ipam.add_prefix %}
  107. <div class="panel-footer text-right">
  108. <a href="{% url 'ipam:prefix_add' %}?{% if vlan.tenant %}tenant={{ vlan.tenant.pk }}&{% endif %}site={{ vlan.site.pk }}&vlan={{ vlan.pk }}" class="btn btn-primary btn-xs">
  109. <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
  110. Add a prefix
  111. </a>
  112. </div>
  113. {% endif %}
  114. </div>
  115. </div>
  116. </div>
  117. {% endblock %}