powerfeed.html 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
  1. {% extends 'generic/object.html' %}
  2. {% load buttons %}
  3. {% load static %}
  4. {% load custom_links %}
  5. {% load helpers %}
  6. {% load plugins %}
  7. {% block breadcrumbs %}
  8. <li class="breadcrumb-item"><a href="{% url 'dcim:powerfeed_list' %}">Power Feeds</a></li>
  9. <li class="breadcrumb-item"><a href="{{ object.power_panel.site.get_absolute_url }}">{{ object.power_panel.site }}</a></li>
  10. <li class="breadcrumb-item"><a href="{{ object.power_panel.get_absolute_url }}">{{ object.power_panel }}</a></li>
  11. {% if object.rack %}
  12. <li class="breadcrumb-item"><a href="{{ object.rack.get_absolute_url }}">{{ object.rack }}</a></li>
  13. {% endif %}
  14. <li class="breadcrumb-item">{{ object }}</li>
  15. {% endblock %}
  16. {% block content %}
  17. <div class="row">
  18. <div class="col-md-6">
  19. <div class="card">
  20. <h5 class="card-header">
  21. Power Feed
  22. </h5>
  23. <div class="card-body">
  24. <table class="table table-hover attr-table">
  25. <tr>
  26. <th scope="row">Power Panel</th>
  27. <td>
  28. <a href="{{ object.power_panel.get_absolute_url }}">{{ object.power_panel }}</a>
  29. </td>
  30. </tr>
  31. <tr>
  32. <th scope="row">Rack</th>
  33. <td>
  34. {% if object.rack %}
  35. <a href="{{ object.rack.get_absolute_url }}">{{ object.rack }}</a>
  36. {% else %}
  37. <span class="text-muted">None</span>
  38. {% endif %}
  39. </td>
  40. </tr>
  41. <tr>
  42. <th scope="row">Type</th>
  43. <td>
  44. <span class="badge bg-{{ object.get_type_class }}">{{ object.get_type_display }}</span>
  45. </td>
  46. </tr>
  47. <tr>
  48. <th scope="row">Status</th>
  49. <td>
  50. <span class="badge bg-{{ object.get_status_class }}">{{ object.get_status_display }}</span>
  51. </td>
  52. </tr>
  53. <tr>
  54. <th scope="row">Connected Device</th>
  55. <td>
  56. {% if object.connected_endpoint %}
  57. <a href="{{ object.connected_endpoint.device.get_absolute_url }}">{{ object.connected_endpoint.device }}</a> ({{ object.connected_endpoint }})
  58. {% else %}
  59. <span class="text-muted">None</span>
  60. {% endif %}
  61. </td>
  62. </tr>
  63. <tr>
  64. <th scope="row">Utilization (Allocated)</th>
  65. {% with utilization=object.connected_endpoint.get_power_draw %}
  66. {% if utilization %}
  67. <td>
  68. {{ utilization.allocated }}VA / {{ object.available_power }}VA
  69. {% if object.available_power > 0 %}
  70. {% utilization_graph utilization.allocated|percentage:object.available_power %}
  71. {% endif %}
  72. </td>
  73. {% else %}
  74. <td class="text-muted">N/A</td>
  75. {% endif %}
  76. {% endwith %}
  77. </tr>
  78. </table>
  79. </div>
  80. </div>
  81. <div class="card">
  82. <h5 class="card-header">
  83. Electrical Characteristics
  84. </h5>
  85. <div class="card-body">
  86. <table class="table table-hover attr-table">
  87. <tr>
  88. <th scope="row">Supply</th>
  89. <td>{{ object.get_supply_display }}</td>
  90. </tr>
  91. <tr>
  92. <th scope="row">Voltage</th>
  93. <td>{{ object.voltage }}V</td>
  94. </tr>
  95. <tr>
  96. <th scope="row">Amperage</th>
  97. <td>{{ object.amperage }}A</td>
  98. </tr>
  99. <tr>
  100. <th scope="row">Phase</th>
  101. <td>{{ object.get_phase_display }}</td>
  102. </tr>
  103. <tr>
  104. <th scope="row">Max Utilization</th>
  105. <td>{{ object.max_utilization }}%</td>
  106. </tr>
  107. </table>
  108. </div>
  109. </div>
  110. {% include 'inc/custom_fields_panel.html' %}
  111. {% include 'extras/inc/tags_panel.html' with tags=object.tags.all url='dcim:powerfeed_list' %}
  112. {% plugin_left_page object %}
  113. </div>
  114. <div class="col-md-6">
  115. <div class="card">
  116. <h5 class="card-header">
  117. Connection
  118. </h5>
  119. <div class="card-body">
  120. {% if object.mark_connected %}
  121. <div class="text-muted">
  122. <span class="text-success"><i class="mdi mdi-check-bold"></i></span> Marked as connected
  123. </div>
  124. {% elif object.cable %}
  125. <table class="table table-hover attr-table">
  126. <tr>
  127. <th scope="row">Cable</th>
  128. <td>
  129. <a href="{{ object.cable.get_absolute_url }}">{{ object.cable }}</a>
  130. <a href="{% url 'dcim:powerfeed_trace' pk=object.pk %}" class="btn btn-primary btn-xs" title="Trace">
  131. <i class="mdi mdi-transit-connection-variant" aria-hidden="true"></i>
  132. </a>
  133. </td>
  134. </tr>
  135. {% if object.connected_endpoint %}
  136. <tr>
  137. <th scope="row">Device</th>
  138. <td>
  139. <a href="{{ object.connected_endpoint.device.get_absolute_url }}">{{ object.connected_endpoint.device }}</a>
  140. </td>
  141. </tr>
  142. <tr>
  143. <th scope="row">Name</th>
  144. <td>
  145. <a href="{{ object.connected_endpoint.get_absolute_url }}">{{ object.connected_endpoint.name }}</a>
  146. </td>
  147. </tr>
  148. <tr>
  149. <th scope="row">Type</th>
  150. <td>{{ object.connected_endpoint.get_type_display|placeholder }}</td>
  151. </tr>
  152. <tr>
  153. <th scope="row">Description</th>
  154. <td>{{ object.connected_endpoint.description|placeholder }}</td>
  155. </tr>
  156. <tr>
  157. <th scope="row">Path Status</th>
  158. <td>
  159. {% if object.path.is_active %}
  160. <span class="badge bg-success">Reachable</span>
  161. {% else %}
  162. <span class="badge bg-danger">Not Reachable</span>
  163. {% endif %}
  164. </td>
  165. </tr>
  166. {% endif %}
  167. </table>
  168. {% else %}
  169. <div class="text-muted">
  170. Not connected
  171. </div>
  172. {% endif %}
  173. </div>
  174. {% if not object.mark_connected and not object.cable %}
  175. <div class="card-footer">
  176. {% if perms.dcim.add_cable %}
  177. <a href="{% url 'dcim:powerfeed_connect' termination_a_id=object.pk termination_b_type='power-port' %}?return_url={{ object.get_absolute_url }}"
  178. class="btn btn-primary btn-sm float-end">
  179. <i class="mdi mdi-ethernet-cable" aria-hidden="true"></i> Connect
  180. </a>
  181. {% endif %}
  182. </div>
  183. {% endif %}
  184. </div>
  185. <div class="card">
  186. <h5 class="card-header">
  187. Comments
  188. </h5>
  189. <div class="card-body rendered-markdown">
  190. {% if object.comments %}
  191. {{ object.comments|render_markdown }}
  192. {% else %}
  193. <span class="text-muted">None</span>
  194. {% endif %}
  195. </div>
  196. </div>
  197. {% plugin_right_page object %}
  198. </div>
  199. </div>
  200. <div class="row">
  201. <div class="col-md-12">
  202. {% plugin_full_width_page object %}
  203. </div>
  204. </div>
  205. {% endblock %}