virtualmachine.html 15 KB

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