home.html 9.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
  1. {% extends '_base.html' %}
  2. {% load render_table from django_tables2 %}
  3. {% block content %}
  4. <div class="row home-search" style="padding: 15px 0px 20px">
  5. <div class="col-sm-6 col-md-3">
  6. <form action="{% url 'dcim:device_list' %}" method="get">
  7. <div class="input-group">
  8. <input type="text" name="q" placeholder="Search devices" class="form-control" />
  9. <span class="input-group-btn">
  10. <button type="submit" class="btn btn-primary">
  11. <span class="fa fa-search" aria-hidden="true"></span>
  12. Devices
  13. </button>
  14. </span>
  15. </div>
  16. </form>
  17. <p></p>
  18. </div>
  19. <div class="col-sm-6 col-md-3">
  20. <form action="{% url 'ipam:prefix_list' %}" method="get">
  21. <div class="input-group">
  22. <input type="text" name="q" placeholder="Search prefixes" class="form-control" />
  23. <span class="input-group-btn">
  24. <button type="submit" class="btn btn-primary">
  25. <span class="fa fa-search" aria-hidden="true"></span>
  26. Prefixes
  27. </button>
  28. </span>
  29. </div>
  30. </form>
  31. <p></p>
  32. </div>
  33. <div class="col-sm-6 col-md-3">
  34. <form action="{% url 'ipam:ipaddress_list' %}" method="get">
  35. <div class="input-group">
  36. <input type="text" name="q" placeholder="Search IPs" class="form-control" />
  37. <span class="input-group-btn">
  38. <button type="submit" class="btn btn-primary">
  39. <span class="fa fa-search" aria-hidden="true"></span>
  40. IPs
  41. </button>
  42. </span>
  43. </div>
  44. </form>
  45. <p></p>
  46. </div>
  47. <div class="col-sm-6 col-md-3">
  48. <form action="{% url 'circuits:circuit_list' %}" method="get">
  49. <div class="input-group">
  50. <input type="text" name="q" placeholder="Search circuits" class="form-control" />
  51. <span class="input-group-btn">
  52. <button type="submit" class="btn btn-primary">
  53. <span class="fa fa-search" aria-hidden="true"></span>
  54. Circuits
  55. </button>
  56. </span>
  57. </div>
  58. </form>
  59. <p></p>
  60. </div>
  61. </div>
  62. <div class="row">
  63. <div class="col-sm-6 col-md-4">
  64. <div class="panel panel-default">
  65. <div class="panel-heading">
  66. <strong>Organization</strong>
  67. </div>
  68. <div class="list-group">
  69. <div class="list-group-item">
  70. <span class="badge pull-right">{{ stats.site_count }}</span>
  71. <h4 class="list-group-item-heading"><a href="{% url 'dcim:site_list' %}">Sites</a></h4>
  72. <p class="list-group-item-text text-muted">Geographic locations</p>
  73. </div>
  74. <div class="list-group-item">
  75. <span class="badge pull-right">{{ stats.tenant_count }}</span>
  76. <h4 class="list-group-item-heading"><a href="{% url 'tenancy:tenant_list' %}">Tenants</a></h4>
  77. <p class="list-group-item-text text-muted">Customers or departments</p>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="panel panel-default">
  82. <div class="panel-heading">
  83. <strong>DCIM</strong>
  84. </div>
  85. <div class="list-group">
  86. <div class="list-group-item">
  87. <span class="badge pull-right">{{ stats.rack_count }}</span>
  88. <h4 class="list-group-item-heading"><a href="{% url 'dcim:rack_list' %}">Racks</a></h4>
  89. <p class="list-group-item-text text-muted">Equipment racks, optionally organized by group</p>
  90. </div>
  91. <div class="list-group-item">
  92. <span class="badge pull-right">{{ stats.device_count }}</span>
  93. <h4 class="list-group-item-heading"><a href="{% url 'dcim:device_list' %}">Devices</a></h4>
  94. <p class="list-group-item-text text-muted">Rack-mounted network equipment, servers, and other devices</p>
  95. </div>
  96. <div class="list-group-item">
  97. <h4 class="list-group-item-heading">Connections</h4>
  98. <span class="badge pull-right">{{ stats.interface_connections_count }}</span>
  99. <p style="padding-left: 20px;"><a href="{% url 'dcim:interface_connections_list' %}">Interfaces</a></p>
  100. <span class="badge pull-right">{{ stats.console_connections_count }}</span>
  101. <p style="padding-left: 20px;"><a href="{% url 'dcim:console_connections_list' %}">Console</a></p>
  102. <span class="badge pull-right">{{ stats.power_connections_count }}</span>
  103. <p class="list-group-item-text" style="padding-left: 20px;"><a href="{% url 'dcim:power_connections_list' %}">Power</a></p>
  104. </div>
  105. </div>
  106. </div>
  107. </div>
  108. <div class="col-sm-6 col-md-4">
  109. <div class="panel panel-default">
  110. <div class="panel-heading">
  111. <strong>IPAM</strong>
  112. </div>
  113. <div class="list-group">
  114. <div class="list-group-item">
  115. <span class="badge pull-right">{{ stats.vrf_count }}</span>
  116. <h4 class="list-group-item-heading"><a href="{% url 'ipam:vrf_list' %}">VRFs</a></h4>
  117. <p class="list-group-item-text text-muted">Virtual routing and forwarding tables</p>
  118. </div>
  119. <div class="list-group-item">
  120. <span class="badge pull-right">{{ stats.aggregate_count }}</span>
  121. <h4 class="list-group-item-heading"><a href="{% url 'ipam:aggregate_list' %}">Aggregates</a></h4>
  122. <p class="list-group-item-text text-muted">Top-level IP allocations</p>
  123. </div>
  124. <div class="list-group-item">
  125. <span class="badge pull-right">{{ stats.prefix_count }}</span>
  126. <h4 class="list-group-item-heading"><a href="{% url 'ipam:prefix_list' %}">Prefixes</a></h4>
  127. <p class="list-group-item-text text-muted">IPv4 and IPv6 network assignments</p>
  128. </div>
  129. <div class="list-group-item">
  130. <span class="badge pull-right">{{ stats.ipaddress_count }}</span>
  131. <h4 class="list-group-item-heading"><a href="{% url 'ipam:ipaddress_list' %}">IP Addresses</a></h4>
  132. <p class="list-group-item-text text-muted">Individual IPv4 and IPv6 addresses</p>
  133. </div>
  134. <div class="list-group-item">
  135. <span class="badge pull-right">{{ stats.vlan_count }}</span>
  136. <h4 class="list-group-item-heading"><a href="{% url 'ipam:vlan_list' %}">VLANs</a></h4>
  137. <p class="list-group-item-text text-muted">Layer two domains, identified by VLAN ID</p>
  138. </div>
  139. </div>
  140. </div>
  141. <div class="panel panel-default">
  142. <div class="panel-heading">
  143. <strong>Circuits</strong>
  144. </div>
  145. <div class="list-group">
  146. <div class="list-group-item">
  147. <span class="badge pull-right">{{ stats.provider_count }}</span>
  148. <h4 class="list-group-item-heading"><a href="{% url 'circuits:provider_list' %}">Providers</a></h4>
  149. <p class="list-group-item-text text-muted">Organizations which provide circuit connectivity</p>
  150. </div>
  151. <div class="list-group-item">
  152. <span class="badge pull-right">{{ stats.circuit_count }}</span>
  153. <h4 class="list-group-item-heading"><a href="{% url 'circuits:circuit_list' %}">Circuits</a></h4>
  154. <p class="list-group-item-text text-muted">Communication links for Internet transit, peering, and other services</p>
  155. </div>
  156. </div>
  157. </div>
  158. </div>
  159. <div class="col-sm-6 col-md-4">
  160. {% if perms.secrets %}
  161. <div class="panel panel-default">
  162. <div class="panel-heading">
  163. <strong>Secrets</strong>
  164. </div>
  165. <div class="list-group">
  166. <div class="list-group-item">
  167. <span class="badge pull-right">{{ stats.secret_count }}</span>
  168. <h4 class="list-group-item-heading"><a href="{% url 'secrets:secret_list' %}">Secrets</a></h4>
  169. <p class="list-group-item-text text-muted">Sensitive data (such as passwords) which has been stored securely</p>
  170. </div>
  171. </div>
  172. </div>
  173. {% endif %}
  174. <div class="panel panel-default">
  175. <div class="panel-heading">
  176. <strong>Recent Activity</strong>
  177. </div>
  178. <div class="list-group">
  179. {% for a in recent_activity %}
  180. <div class="list-group-item">
  181. {{ a.icon }} {{ a.message|safe }}<br />
  182. <small class="text-muted">{{ a.user }} - {{ a.time|date:'SHORT_DATETIME_FORMAT' }}</small>
  183. </div>
  184. {% empty %}
  185. <div class="list-group-item">
  186. Welcome to NetBox! {% if perms.add_site %} <a href="{% url 'dcim:site_add' %}">Add a site</a> to get started.{% endif %}
  187. </div>
  188. {% endfor %}
  189. </div>
  190. </div>
  191. </div>
  192. </div>
  193. {% endblock %}