circuit.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. {% extends '_base.html' %}
  2. {% load helpers %}
  3. {% block title %}{{ circuit.provider }} Circuit {{ circuit.cid }}{% endblock %}
  4. {% block content %}
  5. <div class="row">
  6. <div class="col-md-9">
  7. <ol class="breadcrumb">
  8. <li><a href="{% url 'circuits:circuit_list' %}">Circuits</a></li>
  9. <li><a href="{% url 'circuits:circuit_list' %}?provider={{ circuit.provider.slug }}">{{ circuit.provider }}</a></li>
  10. <li>{{ circuit.cid }}</li>
  11. </ol>
  12. </div>
  13. <div class="col-md-3">
  14. <form action="{% url 'circuits:circuit_list' %}" method="get">
  15. <div class="input-group">
  16. <input type="text" name="q" class="form-control" placeholder="Circuit ID" />
  17. <span class="input-group-btn">
  18. <button type="submit" class="btn btn-primary">
  19. <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
  20. </button>
  21. </span>
  22. </div>
  23. </form>
  24. </div>
  25. </div>
  26. <div class="pull-right">
  27. {% if perms.circuits.change_circuit %}
  28. <a href="{% url 'circuits:circuit_edit' pk=circuit.pk %}" class="btn btn-warning">
  29. <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
  30. Edit this circuit
  31. </a>
  32. {% endif %}
  33. {% if perms.circuits.delete_circuit %}
  34. <a href="{% url 'circuits:circuit_delete' pk=circuit.pk %}" class="btn btn-danger">
  35. <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
  36. Delete this circuit
  37. </a>
  38. {% endif %}
  39. </div>
  40. <h1>{{ circuit.provider }} Circuit {{ circuit.cid }}</h1>
  41. <div class="row">
  42. <div class="col-md-6">
  43. <div class="panel panel-default">
  44. <div class="panel-heading">
  45. <strong>Circuit</strong>
  46. </div>
  47. <table class="table table-hover panel-body">
  48. <tr>
  49. <td>Provider</td>
  50. <td>
  51. <a href="{% url 'circuits:provider' slug=circuit.provider.slug %}">{{ circuit.provider }}</a>
  52. </td>
  53. </tr>
  54. <tr>
  55. <td>Circuit ID</td>
  56. <td>{{ circuit.cid }}</td>
  57. </tr>
  58. <tr>
  59. <td>Type</td>
  60. <td><a href="{{ circuit.type.get_absolute_url }}">{{ circuit.type }}</a></td>
  61. </tr>
  62. <tr>
  63. <td>Tenant</td>
  64. <td>
  65. {% if circuit.tenant %}
  66. <a href="{{ circuit.tenant.get_absolute_url }}">{{ circuit.tenant }}</a>
  67. {% else %}
  68. <span class="text-muted">N/A</span>
  69. {% endif %}
  70. </td>
  71. </tr>
  72. <tr>
  73. <td>Port Speed</td>
  74. <td>{{ circuit.port_speed_human }}</td>
  75. </tr>
  76. <tr>
  77. <td>Commit Rate</td>
  78. <td>{% if circuit.commit_rate %}{{ circuit.commit_rate_human }}{% else %}<span class="text-muted">N/A</span>{% endif %}</td>
  79. </tr>
  80. <tr>
  81. <td>Created</td>
  82. <td>{{ circuit.created }}</td>
  83. </tr>
  84. <tr>
  85. <td>Last Updated</td>
  86. <td>{{ circuit.last_updated }}</td>
  87. </tr>
  88. </table>
  89. </div>
  90. </div>
  91. <div class="col-md-6">
  92. <div class="panel panel-default">
  93. <div class="panel-heading">
  94. <strong>Termination</strong>
  95. </div>
  96. <table class="table table-hover panel-body">
  97. <tr>
  98. <td>Site</td>
  99. <td>
  100. <a href="{% url 'dcim:site' slug=circuit.site.slug %}">{{ circuit.site }}</a>
  101. </td>
  102. </tr>
  103. <tr>
  104. <td>Termination</td>
  105. <td>
  106. {% if circuit.interface %}
  107. <span><a href="{% url 'dcim:device' pk=circuit.interface.device.pk %}">{{ circuit.interface.device }}</a> {{ circuit.interface }}</span>
  108. {% else %}
  109. <span class="text-muted">Not defined</span>
  110. {% endif %}
  111. </td>
  112. </tr>
  113. <tr>
  114. <td>Install Date</td>
  115. <td>
  116. {% if circuit.install_date %}
  117. {{ circuit.install_date }}
  118. {% else %}
  119. <span class="text-muted">N/A</span>
  120. {% endif %}
  121. </td>
  122. </tr>
  123. <tr>
  124. <td>Cross-Connect</td>
  125. <td>
  126. {% if circuit.xconnect_id %}
  127. {{ circuit.xconnect_id }}
  128. {% else %}
  129. <span class="text-muted">N/A</span>
  130. {% endif %}
  131. </td>
  132. </tr>
  133. <tr>
  134. <td>Patch Panel/Port</td>
  135. <td>
  136. {% if circuit.pp_info %}
  137. {{ circuit.pp_info }}
  138. {% else %}
  139. <span class="text-muted">N/A</span>
  140. {% endif %}
  141. </td>
  142. </tr>
  143. </table>
  144. </div>
  145. <div class="panel panel-default">
  146. <div class="panel-heading">
  147. <strong>Comments</strong>
  148. </div>
  149. <div class="panel-body">
  150. {% if circuit.comments %}
  151. {{ circuit.comments|gfm }}
  152. {% else %}
  153. <span class="text-muted">None</span>
  154. {% endif %}
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. {% endblock %}