provider.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  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-12">
  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>
  14. <div class="pull-right">
  15. <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">
  16. <i class="glyphicon glyphicon-signal" aria-hidden="true"></i>
  17. Graphs
  18. </button>
  19. {% if perms.circuits.change_provider %}
  20. <a href="{% url 'circuits:provider_edit' slug=provider.slug %}" class="btn btn-warning">
  21. <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
  22. Edit this provider
  23. </a>
  24. {% endif %}
  25. {% if perms.circuits.delete_provider %}
  26. <a href="{% url 'circuits:provider_delete' slug=provider.slug %}" class="btn btn-danger">
  27. <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
  28. Delete this provider
  29. </a>
  30. {% endif %}
  31. </div>
  32. <h1>{{ provider }}</h1>
  33. <div class="row">
  34. <div class="col-md-6">
  35. <div class="panel panel-default">
  36. <div class="panel-heading">
  37. <strong>Provider</strong>
  38. </div>
  39. <table class="table table-hover panel-body">
  40. <tr>
  41. <td>ASN</td>
  42. <td>{{ provider.asn }}</td>
  43. </tr>
  44. <tr>
  45. <td>Account</td>
  46. <td>{{ provider.account }}</td>
  47. </tr>
  48. <tr>
  49. <td>Customer Portal</td>
  50. <td>
  51. <a href="{{ provider.portal_url }}">{{ provider.portal_url }}</a>
  52. </td>
  53. </tr>
  54. <tr>
  55. <td>NOC Contact</td>
  56. <td>{{ provider.noc_contact|linebreaksbr }}</td>
  57. </tr>
  58. <tr>
  59. <td>Admin Contact</td>
  60. <td>{{ provider.admin_contact|linebreaksbr }}</td>
  61. </tr>
  62. <tr>
  63. <td>Created</td>
  64. <td>{{ provider.created }}</td>
  65. </tr>
  66. <tr>
  67. <td>Last Updated</td>
  68. <td>{{ provider.last_updated }}</td>
  69. </tr>
  70. </table>
  71. </div>
  72. <div class="panel panel-default">
  73. <div class="panel-heading">
  74. <strong>Comments</strong>
  75. </div>
  76. <div class="panel-body">
  77. {% if provider.comments %}
  78. {{ provider.comments|gfm }}
  79. {% else %}
  80. <span class="text-muted">None</span>
  81. {% endif %}
  82. </div>
  83. </div>
  84. </div>
  85. <div class="col-md-6">
  86. <div class="panel panel-default">
  87. <div class="panel-heading">
  88. <strong>Circuits</strong>
  89. </div>
  90. <table class="table table-hover panel-body">
  91. {% for c in circuits %}
  92. <tr>
  93. <td>
  94. <a href="{% url 'circuits:circuit' pk=c.pk %}">{{ c.cid }}</a>
  95. </td>
  96. <td>
  97. <a href="{% url 'dcim:site' slug=c.site.slug %}">{{ c.site }}</a>
  98. </td>
  99. <td>
  100. {% if c.interface %}
  101. <a href="{% url 'dcim:device' pk=c.interface.device.pk %}">{{ c.interface.device }}</a>
  102. {% endif %}
  103. </td>
  104. <td>{{ c.port_speed_human }}</td>
  105. </tr>
  106. {% empty %}
  107. <tr>
  108. <td class="text-muted">None</td>
  109. </tr>
  110. {% endfor %}
  111. </table>
  112. </div>
  113. </div>
  114. </div>
  115. {% include 'inc/graphs_modal.html' %}
  116. {% endblock %}
  117. {% block javascript %}
  118. <script src="{% static 'js/graphs.js' %}"></script>
  119. {% endblock %}