cable.html 3.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. {% extends 'generic/object.html' %}
  2. {% load buttons %}
  3. {% load helpers %}
  4. {% load perms %}
  5. {% load plugins %}
  6. {% block content %}
  7. <div class="row">
  8. <div class="col col-md-6">
  9. <div class="card">
  10. <h5 class="card-header">
  11. Cable
  12. </h5>
  13. <div class="card-body">
  14. <table class="table table-hover attr-table">
  15. <tr>
  16. <th scope="row">Type</th>
  17. <td>{{ object.get_type_display|placeholder }}</td>
  18. </tr>
  19. <tr>
  20. <th scope="row">Status</th>
  21. <td>
  22. <span class="badge bg-{{ object.get_status_class }}">{{ object.get_status_display }}</span>
  23. </td>
  24. </tr>
  25. <tr>
  26. <th scope="row">Tenant</th>
  27. <td>
  28. {% if object.tenant %}
  29. {% if object.tenant.group %}
  30. <a href="{{ object.tenant.group.get_absolute_url }}">{{ object.tenant.group }}</a> /
  31. {% endif %}
  32. <a href="{{ object.tenant.get_absolute_url }}">{{ object.tenant }}</a>
  33. {% else %}
  34. <span class="text-muted">None</span>
  35. {% endif %}
  36. </td>
  37. </tr>
  38. <tr>
  39. <th scope="row">Label</th>
  40. <td>{{ object.label|placeholder }}</td>
  41. </tr>
  42. <tr>
  43. <th scope="row">Color</th>
  44. <td>
  45. {% if object.color %}
  46. <span class="color-label" style="background-color: #{{ object.color }}">&nbsp;</span>
  47. {% else %}
  48. <span class="text-muted">&mdash;</span>
  49. {% endif %}
  50. </td>
  51. </tr>
  52. <tr>
  53. <th scope="row">Length</th>
  54. <td>
  55. {% if object.length %}
  56. {{ object.length|floatformat }} {{ object.get_length_unit_display }}
  57. {% else %}
  58. <span class="text-muted">&mdash;</span>
  59. {% endif %}
  60. </td>
  61. </tr>
  62. </table>
  63. </div>
  64. </div>
  65. {% include 'inc/panels/custom_fields.html' %}
  66. {% include 'inc/panels/tags.html' with tags=object.tags.all url='dcim:cable_list' %}
  67. {% plugin_left_page object %}
  68. </div>
  69. <div class="col col-md-6">
  70. <div class="card">
  71. <h5 class="card-header">
  72. Termination A
  73. </h5>
  74. <div class="card-body">
  75. {% include 'dcim/inc/cable_termination.html' with termination=object.termination_a %}
  76. </div>
  77. </div>
  78. <div class="card">
  79. <h5 class="card-header">
  80. Termination B
  81. </h5>
  82. <div class="card-body">
  83. {% include 'dcim/inc/cable_termination.html' with termination=object.termination_b %}
  84. </div>
  85. </div>
  86. {% plugin_right_page object %}
  87. </div>
  88. </div>
  89. <div class="row">
  90. <div class="col col-md-12">
  91. {% plugin_full_width_page object %}
  92. </div>
  93. </div>
  94. {% endblock %}