provider.html 6.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  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-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-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. <div class="row">
  48. <div class="col-md-6">
  49. <div class="panel panel-default">
  50. <div class="panel-heading">
  51. <strong>Provider</strong>
  52. </div>
  53. <table class="table table-hover panel-body">
  54. <tr>
  55. <td>ASN</td>
  56. <td>
  57. {% if provider.asn %}
  58. {{ provider.asn }}
  59. {% else %}
  60. <span class="text-muted">N/A</span>
  61. {% endif %}
  62. </td>
  63. </tr>
  64. <tr>
  65. <td>Account</td>
  66. <td>
  67. {% if provider.account %}
  68. {{ provider.account }}
  69. {% else %}
  70. <span class="text-muted">N/A</span>
  71. {% endif %}
  72. </td>
  73. </tr>
  74. <tr>
  75. <td>Customer Portal</td>
  76. <td>
  77. {% if provider.portal_url %}
  78. <a href="{{ provider.portal_url }}">{{ provider.portal_url }}</a>
  79. {% else %}
  80. <span class="text-muted">N/A</span>
  81. {% endif %}
  82. </td>
  83. </tr>
  84. <tr>
  85. <td>NOC Contact</td>
  86. <td>
  87. {% if provider.noc_contact %}
  88. {{ provider.noc_contact|linebreaksbr }}
  89. {% else %}
  90. <span class="text-muted">N/A</span>
  91. {% endif %}
  92. </td>
  93. </tr>
  94. <tr>
  95. <td>Admin Contact</td>
  96. <td>
  97. {% if provider.admin_contact %}
  98. {{ provider.admin_contact|linebreaksbr }}
  99. {% else %}
  100. <span class="text-muted">N/A</span>
  101. {% endif %}
  102. </td>
  103. </tr>
  104. <tr>
  105. <td>Created</td>
  106. <td>{{ provider.created }}</td>
  107. </tr>
  108. <tr>
  109. <td>Last Updated</td>
  110. <td>{{ provider.last_updated }}</td>
  111. </tr>
  112. </table>
  113. </div>
  114. {% with provider.custom_fields as custom_fields %}
  115. {% include 'inc/custom_fields_panel.html' %}
  116. {% endwith %}
  117. <div class="panel panel-default">
  118. <div class="panel-heading">
  119. <strong>Comments</strong>
  120. </div>
  121. <div class="panel-body">
  122. {% if provider.comments %}
  123. {{ provider.comments|gfm }}
  124. {% else %}
  125. <span class="text-muted">None</span>
  126. {% endif %}
  127. </div>
  128. </div>
  129. </div>
  130. <div class="col-md-6">
  131. <div class="panel panel-default">
  132. <div class="panel-heading">
  133. <strong>Circuits</strong>
  134. </div>
  135. <table class="table table-hover panel-body">
  136. {% for c in circuits %}
  137. <tr>
  138. <td>
  139. <a href="{% url 'circuits:circuit' pk=c.pk %}">{{ c.cid }}</a>
  140. </td>
  141. <td>
  142. <a href="{% url 'dcim:site' slug=c.site.slug %}">{{ c.site }}</a>
  143. </td>
  144. <td>
  145. {% if c.interface %}
  146. <a href="{% url 'dcim:device' pk=c.interface.device.pk %}">{{ c.interface.device }}</a>
  147. {% endif %}
  148. </td>
  149. <td>{{ c.port_speed_human }}</td>
  150. </tr>
  151. {% empty %}
  152. <tr>
  153. <td class="text-muted">None</td>
  154. </tr>
  155. {% endfor %}
  156. </table>
  157. </div>
  158. </div>
  159. </div>
  160. {% include 'inc/graphs_modal.html' %}
  161. {% endblock %}
  162. {% block javascript %}
  163. <script src="{% static 'js/graphs.js' %}"></script>
  164. {% endblock %}