virtualmachine.html 15 KB

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