virtualmachine.html 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. {% extends 'virtualization/virtualmachine/base.html' %}
  2. {% load buttons %}
  3. {% load static %}
  4. {% load helpers %}
  5. {% load plugins %}
  6. {% block content %}
  7. <div class="row my-3">
  8. <div class="col col-md-6">
  9. <div class="card">
  10. <h5 class="card-header">
  11. Virtual Machine
  12. </h5>
  13. <div class="card-body">
  14. <table class="table table-hover attr-table">
  15. <tr>
  16. <th scope="row">Name</th>
  17. <td>{{ object }}</td>
  18. </tr>
  19. <tr>
  20. <th scope="row">Status</th>
  21. <td>{% badge object.get_status_display bg_color=object.get_status_color %}</td>
  22. </tr>
  23. <tr>
  24. <th scope="row">Role</th>
  25. <td>{{ object.role|linkify|placeholder }}</td>
  26. </tr>
  27. <tr>
  28. <th scope="row">Platform</th>
  29. <td>{{ object.platform|linkify|placeholder }}</td>
  30. </tr>
  31. <tr>
  32. <th scope="row">Tenant</th>
  33. <td>
  34. {% if object.tenant.group %}
  35. {{ object.tenant.group|linkify }} /
  36. {% endif %}
  37. {{ object.tenant|linkify|placeholder }}
  38. </td>
  39. </tr>
  40. <tr>
  41. <th scope="row">Primary IPv4</th>
  42. <td>
  43. {% if object.primary_ip4 %}
  44. <a href="{% url 'ipam:ipaddress' pk=object.primary_ip4.pk %}">{{ object.primary_ip4.address.ip }}</a>
  45. {% if object.primary_ip4.nat_inside %}
  46. (NAT for <a href="{{ object.primary_ip4.nat_inside.get_absolute_url }}">{{ object.primary_ip4.nat_inside.address.ip }}</a>)
  47. {% elif object.primary_ip4.nat_outside %}
  48. (NAT: <a href="{{ object.primary_ip4.nat_outside.get_absolute_url }}">{{ object.primary_ip4.nat_outside.address.ip }}</a>)
  49. {% endif %}
  50. {% else %}
  51. <span class="text-muted">&mdash;</span>
  52. {% endif %}
  53. </td>
  54. </tr>
  55. <tr>
  56. <th scope="row">Primary IPv6</th>
  57. <td>
  58. {% if object.primary_ip6 %}
  59. <a href="{% url 'ipam:ipaddress' pk=object.primary_ip6.pk %}">{{ object.primary_ip6.address.ip }}</a>
  60. {% if object.primary_ip6.nat_inside %}
  61. (NAT for <a href="{{ object.primary_ip6.nat_inside.get_absolute_url }}">{{ object.primary_ip6.nat_inside.address.ip }}</a>)
  62. {% elif object.primary_ip6.nat_outside %}
  63. (NAT: <a href="{{ object.primary_ip6.nat_outside.get_absolute_url }}">{{ object.primary_ip6.nat_outside.address.ip }}</a>)
  64. {% endif %}
  65. {% else %}
  66. <span class="text-muted">&mdash;</span>
  67. {% endif %}
  68. </td>
  69. </tr>
  70. </table>
  71. </div>
  72. </div>
  73. {% include 'inc/panels/custom_fields.html' %}
  74. {% include 'inc/panels/tags.html' %}
  75. {% include 'inc/panels/comments.html' %}
  76. {% plugin_left_page object %}
  77. </div>
  78. <div class="col col-md-6">
  79. <div class="card">
  80. <h5 class="card-header">
  81. Cluster
  82. </h5>
  83. <div class="card-body">
  84. <table class="table table-hover attr-table">
  85. <tr>
  86. <th scope="row">Cluster</th>
  87. <td>
  88. {% if object.cluster.group %}
  89. {{ object.cluster.group|linkify }} /
  90. {% endif %}
  91. {{ object.cluster|linkify }}
  92. </td>
  93. </tr>
  94. <tr>
  95. <th scope="row">Cluster Type</th>
  96. <td>{{ object.cluster.type }}</td>
  97. </tr>
  98. </table>
  99. </div>
  100. </div>
  101. <div class="card">
  102. <h5 class="card-header">
  103. Resources
  104. </h5>
  105. <div class="card-body">
  106. <table class="table table-hover attr-table">
  107. <tr>
  108. <th scope="row"><i class="mdi mdi-gauge"></i> Virtual CPUs</th>
  109. <td>{{ object.vcpus|placeholder }}</td>
  110. </tr>
  111. <tr>
  112. <th scope="row"><i class="mdi mdi-chip"></i> Memory</th>
  113. <td>
  114. {% if object.memory %}
  115. {{ object.memory|humanize_megabytes }}
  116. {% else %}
  117. <span class="text-muted">&mdash;</span>
  118. {% endif %}
  119. </td>
  120. </tr>
  121. <tr>
  122. <th scope="row"><i class="mdi mdi-harddisk"></i> Disk Space</th>
  123. <td>
  124. {% if object.disk %}
  125. {{ object.disk }} GB
  126. {% else %}
  127. <span class="text-muted">&mdash;</span>
  128. {% endif %}
  129. </td>
  130. </tr>
  131. </table>
  132. </div>
  133. </div>
  134. <div class="card">
  135. <h5 class="card-header">
  136. Services
  137. </h5>
  138. <div class="card-body">
  139. {% if services %}
  140. <table class="table table-hover">
  141. {% for service in services %}
  142. {% include 'ipam/inc/service.html' %}
  143. {% endfor %}
  144. </table>
  145. {% else %}
  146. <span class="text-muted">None</span>
  147. {% endif %}
  148. </div>
  149. {% if perms.ipam.add_service %}
  150. <div class="card-footer text-end noprint">
  151. <a href="{% url 'ipam:service_add' %}?virtual_machine={{ object.pk }}" class="btn btn-sm btn-primary">
  152. <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Assign Service
  153. </a>
  154. </div>
  155. {% endif %}
  156. </div>
  157. {% include 'inc/panels/contacts.html' %}
  158. {% plugin_right_page object %}
  159. </div>
  160. </div>
  161. <div class="row">
  162. <div class="col col-md-12">
  163. {% plugin_full_width_page object %}
  164. </div>
  165. </div>
  166. {% endblock %}