cable.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111
  1. {% extends 'base.html' %}
  2. {% load buttons %}
  3. {% load custom_links %}
  4. {% load helpers %}
  5. {% load plugins %}
  6. {% block header %}
  7. <div class="row noprint">
  8. <div class="col-md-12">
  9. <ol class="breadcrumb">
  10. <li><a href="{% url 'dcim:cable_list' %}">Cables</a></li>
  11. <li>{{ object }}</li>
  12. </ol>
  13. </div>
  14. </div>
  15. <div class="pull-right noprint">
  16. {% plugin_buttons object %}
  17. {% if perms.dcim.change_cable %}
  18. {% edit_button object %}
  19. {% endif %}
  20. {% if perms.dcim.delete_cable %}
  21. {% delete_button object %}
  22. {% endif %}
  23. </div>
  24. <h1>{% block title %}Cable {{ object }}{% endblock %}</h1>
  25. {% include 'inc/created_updated.html' with obj=object %}
  26. <div class="pull-right noprint">
  27. {% custom_links object %}
  28. </div>
  29. <ul class="nav nav-tabs">
  30. <li role="presentation"{% if not active_tab %} class="active"{% endif %}>
  31. <a href="{{ object.get_absolute_url }}">Cable</a>
  32. </li>
  33. {% if perms.extras.view_objectchange %}
  34. <li role="presentation"{% if active_tab == 'changelog' %} class="active"{% endif %}>
  35. <a href="{% url 'dcim:cable_changelog' pk=object.pk %}">Change Log</a>
  36. </li>
  37. {% endif %}
  38. </ul>
  39. {% endblock %}
  40. {% block content %}
  41. <div class="row">
  42. <div class="col-md-6">
  43. <div class="panel panel-default">
  44. <div class="panel-heading">
  45. <strong>Cable</strong>
  46. </div>
  47. <table class="table table-hover panel-body attr-table">
  48. <tr>
  49. <td>Type</td>
  50. <td>{{ object.get_type_display|placeholder }}</td>
  51. </tr>
  52. <tr>
  53. <td>Status</td>
  54. <td>
  55. <span class="label label-{{ object.get_status_class }}">{{ object.get_status_display }}</span>
  56. </td>
  57. </tr>
  58. <tr>
  59. <td>Label</td>
  60. <td>{{ object.label|placeholder }}</td>
  61. </tr>
  62. <tr>
  63. <td>Color</td>
  64. <td>
  65. {% if object.color %}
  66. <span class="label color-block" style="background-color: #{{ object.color }}">&nbsp;</span>
  67. {% else %}
  68. <span class="text-muted">&mdash;</span>
  69. {% endif %}
  70. </td>
  71. </tr>
  72. <tr>
  73. <td>Length</td>
  74. <td>
  75. {% if object.length %}
  76. {{ object.length }} {{ object.get_length_unit_display }}
  77. {% else %}
  78. <span class="text-muted">&mdash;</span>
  79. {% endif %}
  80. </td>
  81. </tr>
  82. </table>
  83. </div>
  84. {% include 'inc/custom_fields_panel.html' with obj=object %}
  85. {% include 'extras/inc/tags_panel.html' with tags=object.tags.all url='dcim:cable_list' %}
  86. {% plugin_left_page object %}
  87. </div>
  88. <div class="col-md-6">
  89. <div class="panel panel-default">
  90. <div class="panel-heading">
  91. <strong>Termination A</strong>
  92. </div>
  93. {% include 'dcim/inc/cable_termination.html' with termination=object.termination_a %}
  94. </div>
  95. <div class="panel panel-default">
  96. <div class="panel-heading">
  97. <strong>Termination B</strong>
  98. </div>
  99. {% include 'dcim/inc/cable_termination.html' with termination=object.termination_b %}
  100. </div>
  101. {% plugin_right_page object %}
  102. </div>
  103. </div>
  104. <div class="row">
  105. <div class="col-md-12">
  106. {% plugin_full_width_page object %}
  107. </div>
  108. </div>
  109. {% endblock %}