virtualmachine.html 7.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  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. {{ ''|placeholder }}
  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. {{ ''|placeholder }}
  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">Cluster</h5>
  81. <div class="card-body">
  82. <table class="table table-hover attr-table">
  83. <tr>
  84. <th scope="row">Site</th>
  85. <td>
  86. {{ object.site|linkify|placeholder }}
  87. </td>
  88. </tr>
  89. <tr>
  90. <th scope="row">Cluster</th>
  91. <td>
  92. {% if object.cluster.group %}
  93. {{ object.cluster.group|linkify }} /
  94. {% endif %}
  95. {{ object.cluster|linkify|placeholder }}
  96. </td>
  97. </tr>
  98. <tr>
  99. <th scope="row">Cluster Type</th>
  100. <td>{{ object.cluster.type }}</td>
  101. </tr>
  102. <tr>
  103. <th scope="row">Device</th>
  104. <td>
  105. {{ object.device|linkify|placeholder }}
  106. </td>
  107. </tr>
  108. </table>
  109. </div>
  110. </div>
  111. <div class="card">
  112. <h5 class="card-header">Resources</h5>
  113. <div class="card-body">
  114. <table class="table table-hover attr-table">
  115. <tr>
  116. <th scope="row"><i class="mdi mdi-gauge"></i> Virtual CPUs</th>
  117. <td>{{ object.vcpus|placeholder }}</td>
  118. </tr>
  119. <tr>
  120. <th scope="row"><i class="mdi mdi-chip"></i> Memory</th>
  121. <td>
  122. {% if object.memory %}
  123. {{ object.memory|humanize_megabytes }}
  124. {% else %}
  125. {{ ''|placeholder }}
  126. {% endif %}
  127. </td>
  128. </tr>
  129. <tr>
  130. <th scope="row"><i class="mdi mdi-harddisk"></i> Disk Space</th>
  131. <td>
  132. {% if object.disk %}
  133. {{ object.disk }} GB
  134. {% else %}
  135. {{ ''|placeholder }}
  136. {% endif %}
  137. </td>
  138. </tr>
  139. </table>
  140. </div>
  141. </div>
  142. <div class="card">
  143. <h5 class="card-header">
  144. Services
  145. </h5>
  146. <div class="card-body">
  147. {% if services %}
  148. <table class="table table-hover">
  149. {% for service in services %}
  150. {% include 'ipam/inc/service.html' %}
  151. {% endfor %}
  152. </table>
  153. {% else %}
  154. <span class="text-muted">None</span>
  155. {% endif %}
  156. </div>
  157. {% if perms.ipam.add_service %}
  158. <div class="card-footer text-end noprint">
  159. <a href="{% url 'ipam:service_add' %}?virtual_machine={{ object.pk }}" class="btn btn-sm btn-primary">
  160. <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Assign Service
  161. </a>
  162. </div>
  163. {% endif %}
  164. </div>
  165. {% include 'inc/panels/contacts.html' %}
  166. {% plugin_right_page object %}
  167. </div>
  168. </div>
  169. <div class="row">
  170. <div class="col col-md-12">
  171. {% plugin_full_width_page object %}
  172. </div>
  173. </div>
  174. {% endblock %}