virtualmachine.html 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
  1. {% extends 'base.html' %}
  2. {% load buttons %}
  3. {% load custom_links %}
  4. {% load static %}
  5. {% load helpers %}
  6. {% load plugins %}
  7. {% block header %}
  8. <div class="row noprint">
  9. <div class="col-sm-8 col-md-9">
  10. <ol class="breadcrumb">
  11. {% if object.cluster %}
  12. <li><a href="{{ object.cluster.get_absolute_url }}">{{ object.cluster }}</a></li>
  13. {% endif %}
  14. <li>{{ object }}</li>
  15. </ol>
  16. </div>
  17. <div class="col-sm-4 col-md-3">
  18. <form action="{% url 'virtualization:virtualmachine_list' %}" method="get">
  19. <div class="input-group">
  20. <input type="text" name="q" class="form-control" placeholder="Search virtual machines" />
  21. <span class="input-group-btn">
  22. <button type="submit" class="btn btn-primary">
  23. <span class="mdi mdi-magnify"></span>
  24. </button>
  25. </span>
  26. </div>
  27. </form>
  28. </div>
  29. </div>
  30. <div class="pull-right noprint">
  31. {% if perms.virtualization.add_vminterface %}
  32. <a href="{% url 'virtualization:vminterface_add' %}?virtual_machine={{ object.pk }}&return_url={{ object.get_absolute_url }}" class="btn btn-primary">
  33. <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Add Interfaces
  34. </a>
  35. {% endif %}
  36. {% plugin_buttons object %}
  37. {% if perms.virtualization.add_virtualmachine %}
  38. {% clone_button object %}
  39. {% endif %}
  40. {% if perms.virtualization.change_virtualmachine %}
  41. {% edit_button object %}
  42. {% endif %}
  43. {% if perms.virtualization.delete_virtualmachine %}
  44. {% delete_button object %}
  45. {% endif %}
  46. </div>
  47. <h1>{% block title %}{{ object }}{% endblock %}</h1>
  48. {% include 'inc/created_updated.html' with obj=object %}
  49. <div class="pull-right noprint">
  50. {% custom_links object %}
  51. </div>
  52. <ul class="nav nav-tabs">
  53. <li role="presentation"{% if not active_tab %} class="active"{% endif %}>
  54. <a href="{{ object.get_absolute_url }}">Virtual Machine</a>
  55. </li>
  56. {% if perms.extras.view_configcontext %}
  57. <li role="presentation"{% if active_tab == 'config-context' %} class="active"{% endif %}>
  58. <a href="{% url 'virtualization:virtualmachine_configcontext' pk=object.pk %}">Config Context</a>
  59. </li>
  60. {% endif %}
  61. {% if perms.extras.view_objectchange %}
  62. <li role="presentation"{% if active_tab == 'changelog' %} class="active"{% endif %}>
  63. <a href="{% url 'virtualization:virtualmachine_changelog' pk=object.pk %}">Change Log</a>
  64. </li>
  65. {% endif %}
  66. </ul>
  67. {% endblock %}
  68. {% block content %}
  69. <div class="row">
  70. <div class="col-md-6">
  71. <div class="panel panel-default">
  72. <div class="panel-heading">
  73. <strong>Virtual Machine</strong>
  74. </div>
  75. <table class="table table-hover panel-body attr-table">
  76. <tr>
  77. <td>Name</td>
  78. <td>{{ object }}</td>
  79. </tr>
  80. <tr>
  81. <td>Status</td>
  82. <td>
  83. <span class="label label-{{ object.get_status_class }}">{{ object.get_status_display }}</span>
  84. </td>
  85. </tr>
  86. <tr>
  87. <td>Role</td>
  88. <td>
  89. {% if object.role %}
  90. <a href="{% url 'virtualization:virtualmachine_list' %}?role={{ object.role.slug }}">{{ object.role }}</a>
  91. {% else %}
  92. <span class="text-muted">None</span>
  93. {% endif %}
  94. </td>
  95. </tr>
  96. <tr>
  97. <td>Platform</td>
  98. <td>
  99. {% if object.platform %}
  100. <a href="{% url 'virtualization:virtualmachine_list' %}?platform={{ object.platform.slug }}">{{ object.platform }}</a>
  101. {% else %}
  102. <span class="text-muted">None</span>
  103. {% endif %}
  104. </td>
  105. </tr>
  106. <tr>
  107. <td>Tenant</td>
  108. <td>
  109. {% if object.tenant %}
  110. {% if object.tenant.group %}
  111. <a href="{{ object.tenant.group.get_absolute_url }}">{{ object.tenant.group }}</a> /
  112. {% endif %}
  113. <a href="{{ object.tenant.get_absolute_url }}">{{ object.tenant }}</a>
  114. {% else %}
  115. <span class="text-muted">None</span>
  116. {% endif %}
  117. </td>
  118. </tr>
  119. <tr>
  120. <td>Primary IPv4</td>
  121. <td>
  122. {% if object.primary_ip4 %}
  123. <a href="{% url 'ipam:ipaddress' pk=object.primary_ip4.pk %}">{{ object.primary_ip4.address.ip }}</a>
  124. {% if object.primary_ip4.nat_inside %}
  125. <span>(NAT for {{ object.primary_ip4.nat_inside.address.ip }})</span>
  126. {% elif object.primary_ip4.nat_outside %}
  127. <span>(NAT: {{ object.primary_ip4.nat_outside.address.ip }})</span>
  128. {% endif %}
  129. {% else %}
  130. <span class="text-muted">&mdash;</span>
  131. {% endif %}
  132. </td>
  133. </tr>
  134. <tr>
  135. <td>Primary IPv6</td>
  136. <td>
  137. {% if object.primary_ip6 %}
  138. <a href="{% url 'ipam:ipaddress' pk=object.primary_ip6.pk %}">{{ object.primary_ip6.address.ip }}</a>
  139. {% if object.primary_ip6.nat_inside %}
  140. <span>(NAT for {{ object.primary_ip6.nat_inside.address.ip }})</span>
  141. {% elif object.primary_ip6.nat_outside %}
  142. <span>(NAT: {{ object.primary_ip6.nat_outside.address.ip }})</span>
  143. {% endif %}
  144. {% else %}
  145. <span class="text-muted">&mdash;</span>
  146. {% endif %}
  147. </td>
  148. </tr>
  149. </table>
  150. </div>
  151. {% include 'inc/custom_fields_panel.html' with obj=object %}
  152. {% include 'extras/inc/tags_panel.html' with tags=object.tags.all url='virtualization:virtualmachine_list' %}
  153. <div class="panel panel-default">
  154. <div class="panel-heading">
  155. <strong>Comments</strong>
  156. </div>
  157. <div class="panel-body rendered-markdown">
  158. {% if object.comments %}
  159. {{ object.comments|render_markdown }}
  160. {% else %}
  161. <span class="text-muted">None</span>
  162. {% endif %}
  163. </div>
  164. </div>
  165. {% plugin_left_page object %}
  166. </div>
  167. <div class="col-md-6">
  168. <div class="panel panel-default">
  169. <div class="panel-heading">
  170. <strong>Cluster</strong>
  171. </div>
  172. <table class="table table-hover panel-body attr-table">
  173. <tr>
  174. <td>Cluster</td>
  175. <td>
  176. {% if object.cluster.group %}
  177. <a href="{{ object.cluster.group.get_absolute_url }}">{{ object.cluster.group }}</a> /
  178. {% endif %}
  179. <a href="{{ object.cluster.get_absolute_url }}">{{ object.cluster }}</a>
  180. </td>
  181. </tr>
  182. <tr>
  183. <td>Cluster Type</td>
  184. <td>{{ object.cluster.type }}</td>
  185. </tr>
  186. </table>
  187. </div>
  188. <div class="panel panel-default">
  189. <div class="panel-heading">
  190. <strong>Resources</strong>
  191. </div>
  192. <table class="table table-hover panel-body attr-table">
  193. <tr>
  194. <td><i class="mdi mdi-gauge"></i> Virtual CPUs</td>
  195. <td>{{ object.vcpus|placeholder }}</td>
  196. </tr>
  197. <tr>
  198. <td><i class="mdi mdi-chip"></i> Memory</td>
  199. <td>
  200. {% if object.memory %}
  201. {{ object.memory }} MB
  202. {% else %}
  203. <span class="text-muted">&mdash;</span>
  204. {% endif %}
  205. </td>
  206. </tr>
  207. <tr>
  208. <td><i class="mdi mdi-harddisk"></i> Disk Space</td>
  209. <td>
  210. {% if object.disk %}
  211. {{ object.disk }} GB
  212. {% else %}
  213. <span class="text-muted">&mdash;</span>
  214. {% endif %}
  215. </td>
  216. </tr>
  217. </table>
  218. </div>
  219. {% if perms.secrets.view_secret %}
  220. <div class="panel panel-default">
  221. <div class="panel-heading">
  222. <strong>Secrets</strong>
  223. </div>
  224. {% include 'secrets/inc/assigned_secrets.html' %}
  225. {% if perms.secrets.add_secret %}
  226. <div class="panel-footer text-right noprint">
  227. <a href="{% url 'secrets:secret_add' %}?virtual_machine={{ object.pk }}&return_url={{ object.get_absolute_url }}" class="btn btn-xs btn-primary">
  228. <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Add secret
  229. </a>
  230. </div>
  231. {% endif %}
  232. </div>
  233. {% endif %}
  234. <div class="panel panel-default">
  235. <div class="panel-heading">
  236. <strong>Services</strong>
  237. </div>
  238. {% if services %}
  239. <table class="table table-hover panel-body">
  240. {% for service in services %}
  241. {% include 'ipam/inc/service.html' %}
  242. {% endfor %}
  243. </table>
  244. {% else %}
  245. <div class="panel-body text-muted">
  246. None
  247. </div>
  248. {% endif %}
  249. {% if perms.ipam.add_service %}
  250. <div class="panel-footer text-right noprint">
  251. <a href="{% url 'virtualization:virtualmachine_service_assign' object=object.pk %}" class="btn btn-xs btn-primary">
  252. <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Assign service
  253. </a>
  254. </div>
  255. {% endif %}
  256. </div>
  257. {% plugin_right_page object %}
  258. </div>
  259. </div>
  260. <div class="row">
  261. <div class="col-md-12">
  262. {% plugin_full_width_page object %}
  263. </div>
  264. </div>
  265. <div class="row">
  266. <div class="col-md-12">
  267. <form method="post">
  268. {% csrf_token %}
  269. <input type="hidden" name="virtual_machine" value="{{ object.pk }}" />
  270. <div class="panel panel-default">
  271. <div class="panel-heading">
  272. <strong>Interfaces</strong>
  273. <div class="pull-right noprint">
  274. {% if request.user.is_authenticated %}
  275. <button type="button" class="btn btn-default btn-xs" data-toggle="modal" data-target="#VirtualMachineVMInterfaceTable_config" title="Configure table"><i class="mdi mdi-cog"></i> Configure</button>
  276. {% endif %}
  277. </div>
  278. <div class="pull-right col-md-2 noprint">
  279. <input class="form-control interface-filter" type="text" placeholder="Filter" title="Filter text (regular expressions supported)" style="height: 23px" />
  280. </div>
  281. </div>
  282. {% include 'responsive_table.html' with table=vminterface_table %}
  283. {% if perms.virtualization.add_vminterface or perms.virtualization.delete_vminterface %}
  284. <div class="panel-footer noprint">
  285. {% if interfaces and perms.virtualization.change_vminterface %}
  286. <button type="submit" name="_rename" formaction="{% url 'virtualization:vminterface_bulk_rename' %}?return_url={{ object.get_absolute_url }}" class="btn btn-warning btn-xs">
  287. <span class="mdi mdi-pencil" aria-hidden="true"></span> Rename
  288. </button>
  289. <button type="submit" name="_edit" formaction="{% url 'virtualization:vminterface_bulk_edit' %}?return_url={{ object.get_absolute_url }}" class="btn btn-warning btn-xs">
  290. <span class="mdi mdi-pencil" aria-hidden="true"></span> Edit
  291. </button>
  292. {% endif %}
  293. {% if interfaces and perms.virtualization.delete_vminterface %}
  294. <button type="submit" name="_delete" formaction="{% url 'virtualization:vminterface_bulk_delete' %}?return_url={{ object.get_absolute_url }}" class="btn btn-danger btn-xs">
  295. <span class="mdi mdi-trash-can-outline" aria-hidden="true"></span> Delete
  296. </button>
  297. {% endif %}
  298. {% if perms.virtualization.add_vminterface %}
  299. <div class="pull-right">
  300. <a href="{% url 'virtualization:vminterface_add' %}?virtual_machine={{ object.pk }}&return_url={{ object.get_absolute_url }}" class="btn btn-primary btn-xs">
  301. <span class="mdi mdi-plus-thick" aria-hidden="true"></span> Add interfaces
  302. </a>
  303. </div>
  304. <div class="clearfix"></div>
  305. {% endif %}
  306. </div>
  307. {% endif %}
  308. </div>
  309. </form>
  310. {% table_config_form vminterface_table %}
  311. </div>
  312. </div>
  313. {% include 'secrets/inc/private_key_modal.html' %}
  314. {% endblock %}
  315. {% block javascript %}
  316. <script src="{% static 'js/interface_filtering.js' %}?v{{ settings.VERSION }}"></script>
  317. <script src="{% static 'js/tableconfig.js' %}?v{{ settings.VERSION }}"></script>
  318. {% endblock %}