provider.html 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
  1. {% extends '_base.html' %}
  2. {% load static from staticfiles %}
  3. {% load helpers %}
  4. {% block title %}{{ provider }}{% endblock %}
  5. {% block content %}
  6. <div class="row">
  7. <div class="col-sm-8 col-md-9">
  8. <ol class="breadcrumb">
  9. <li><a href="{% url 'circuits:provider_list' %}">Providers</a></li>
  10. <li>{{ provider }}</li>
  11. </ol>
  12. </div>
  13. <div class="col-sm-4 col-md-3">
  14. <form action="{% url 'circuits:provider_list' %}" method="get">
  15. <div class="input-group">
  16. <input type="text" name="q" class="form-control" />
  17. <span class="input-group-btn">
  18. <button type="submit" class="btn btn-primary">
  19. <span class="fa fa-search" aria-hidden="true"></span>
  20. </button>
  21. </span>
  22. </div>
  23. </form>
  24. </div>
  25. </div>
  26. <div class="pull-right">
  27. {% if show_graphs %}
  28. <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#graphs_modal" data-obj="{{ provider.name }}" data-url="{% url 'circuits-api:provider-graphs' pk=provider.pk %}" title="Show graphs">
  29. <i class="fa fa-signal" aria-hidden="true"></i>
  30. Graphs
  31. </button>
  32. {% endif %}
  33. {% if perms.circuits.change_provider %}
  34. <a href="{% url 'circuits:provider_edit' slug=provider.slug %}" class="btn btn-warning">
  35. <span class="fa fa-pencil" aria-hidden="true"></span>
  36. Edit this provider
  37. </a>
  38. {% endif %}
  39. {% if perms.circuits.delete_provider %}
  40. <a href="{% url 'circuits:provider_delete' slug=provider.slug %}" class="btn btn-danger">
  41. <span class="fa fa-trash" aria-hidden="true"></span>
  42. Delete this provider
  43. </a>
  44. {% endif %}
  45. </div>
  46. <h1>{{ provider }}</h1>
  47. {% include 'inc/created_updated.html' with obj=provider %}
  48. <div class="row">
  49. <div class="col-md-4">
  50. <div class="panel panel-default">
  51. <div class="panel-heading">
  52. <strong>Provider</strong>
  53. </div>
  54. <table class="table table-hover panel-body attr-table">
  55. <tr>
  56. <td>ASN</td>
  57. <td>
  58. {% if provider.asn %}
  59. {{ provider.asn }}
  60. {% else %}
  61. <span class="text-muted">N/A</span>
  62. {% endif %}
  63. </td>
  64. </tr>
  65. <tr>
  66. <td>Account</td>
  67. <td>
  68. {% if provider.account %}
  69. {{ provider.account }}
  70. {% else %}
  71. <span class="text-muted">N/A</span>
  72. {% endif %}
  73. </td>
  74. </tr>
  75. <tr>
  76. <td>Customer Portal</td>
  77. <td>
  78. {% if provider.portal_url %}
  79. <a href="{{ provider.portal_url }}">{{ provider.portal_url }}</a>
  80. {% else %}
  81. <span class="text-muted">N/A</span>
  82. {% endif %}
  83. </td>
  84. </tr>
  85. <tr>
  86. <td>NOC Contact</td>
  87. <td>
  88. {% if provider.noc_contact %}
  89. {{ provider.noc_contact|linebreaksbr }}
  90. {% else %}
  91. <span class="text-muted">N/A</span>
  92. {% endif %}
  93. </td>
  94. </tr>
  95. <tr>
  96. <td>Admin Contact</td>
  97. <td>
  98. {% if provider.admin_contact %}
  99. {{ provider.admin_contact|linebreaksbr }}
  100. {% else %}
  101. <span class="text-muted">N/A</span>
  102. {% endif %}
  103. </td>
  104. </tr>
  105. <tr>
  106. <td>Circuits</td>
  107. <td>
  108. <a href="{% url 'circuits:circuit_list' %}?provider={{ provider.slug }}">{{ provider.circuits.count }}</a>
  109. </td>
  110. </tr>
  111. </table>
  112. </div>
  113. {% with provider.get_custom_fields as custom_fields %}
  114. {% include 'inc/custom_fields_panel.html' %}
  115. {% endwith %}
  116. <div class="panel panel-default">
  117. <div class="panel-heading">
  118. <strong>Comments</strong>
  119. </div>
  120. <div class="panel-body">
  121. {% if provider.comments %}
  122. {{ provider.comments|gfm }}
  123. {% else %}
  124. <span class="text-muted">None</span>
  125. {% endif %}
  126. </div>
  127. </div>
  128. </div>
  129. <div class="col-md-8">
  130. <div class="panel panel-default">
  131. <div class="panel-heading">
  132. <strong>Circuits</strong>
  133. </div>
  134. <table class="table table-hover panel-body">
  135. <tr>
  136. <th>Circuit ID</th>
  137. <th>Type</th>
  138. <th>Tenant</th>
  139. <th>A Side</th>
  140. <th>Z Side</th>
  141. <th>Description</th>
  142. </tr>
  143. {% for c in circuits %}
  144. <tr>
  145. <td>
  146. <a href="{% url 'circuits:circuit' pk=c.pk %}">{{ c.cid }}</a>
  147. </td>
  148. <td>
  149. <a href="{% url 'circuits:circuit_list' %}?type={{ c.type.slug }}">{{ c.type }}</a>
  150. </td>
  151. <td>
  152. {% if c.tenant %}
  153. <a href="{% url 'tenancy:tenant' slug=c.tenant.slug %}">{{ c.tenant }}</a>
  154. {% else %}
  155. <span class="text-muted">&mdash;</span>
  156. {% endif %}
  157. </td>
  158. <td>
  159. {% if c.termination_a %}
  160. <a href="{% url 'dcim:site' slug=c.termination_a.site.slug %}">{{ c.termination_a.site }}</a>
  161. {% else %}
  162. <span class="text-muted">&mdash;</span>
  163. {% endif %}
  164. </td>
  165. <td>
  166. {% if c.termination_z %}
  167. <a href="{% url 'dcim:site' slug=c.termination_z.site.slug %}">{{ c.termination_z.site }}</a>
  168. {% else %}
  169. <span class="text-muted">&mdash;</span>
  170. {% endif %}
  171. </td>
  172. <td>
  173. {% if c.description %}
  174. {{ c.description }}
  175. {% else %}
  176. <span class="text-muted">&mdash;</span>
  177. {% endif %}
  178. </td>
  179. </tr>
  180. {% empty %}
  181. <tr>
  182. <td colspan="6" class="text-muted">None</td>
  183. </tr>
  184. {% endfor %}
  185. </table>
  186. {% if perms.circuits.add_circuit %}
  187. <div class="panel-footer text-right">
  188. <a href="{% url 'circuits:circuit_add' %}?provider={{ provider.pk }}" class="btn btn-xs btn-primary">
  189. <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> Add circuit
  190. </a>
  191. </div>
  192. {% endif %}
  193. </div>
  194. </div>
  195. </div>
  196. {% include 'inc/graphs_modal.html' %}
  197. {% endblock %}
  198. {% block javascript %}
  199. <script src="{% static 'js/graphs.js' %}?v{{ settings.VERSION }}"></script>
  200. {% endblock %}