provider.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160
  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-6">
  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">
  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. </table>
  106. </div>
  107. {% with provider.get_custom_fields as custom_fields %}
  108. {% include 'inc/custom_fields_panel.html' %}
  109. {% endwith %}
  110. <div class="panel panel-default">
  111. <div class="panel-heading">
  112. <strong>Comments</strong>
  113. </div>
  114. <div class="panel-body">
  115. {% if provider.comments %}
  116. {{ provider.comments|gfm }}
  117. {% else %}
  118. <span class="text-muted">None</span>
  119. {% endif %}
  120. </div>
  121. </div>
  122. </div>
  123. <div class="col-md-6">
  124. <div class="panel panel-default">
  125. <div class="panel-heading">
  126. <strong>Circuits</strong>
  127. </div>
  128. <table class="table table-hover panel-body">
  129. {% for c in circuits %}
  130. <tr>
  131. <td>
  132. <a href="{% url 'circuits:circuit' pk=c.pk %}">{{ c.cid }}</a>
  133. </td>
  134. <td>
  135. <a href="{% url 'dcim:site' slug=c.site.slug %}">{{ c.site }}</a>
  136. </td>
  137. <td>
  138. {% if c.interface %}
  139. <a href="{% url 'dcim:device' pk=c.interface.device.pk %}">{{ c.interface.device }}</a>
  140. {% endif %}
  141. </td>
  142. <td>{{ c.port_speed_human }}</td>
  143. </tr>
  144. {% empty %}
  145. <tr>
  146. <td class="text-muted">None</td>
  147. </tr>
  148. {% endfor %}
  149. </table>
  150. </div>
  151. </div>
  152. </div>
  153. {% include 'inc/graphs_modal.html' %}
  154. {% endblock %}
  155. {% block javascript %}
  156. <script src="{% static 'js/graphs.js' %}"></script>
  157. {% endblock %}