device_status.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. {% extends '_base.html' %}
  2. {% block title %}{{ device }} - NAPALM{% endblock %}
  3. {% block content %}
  4. {% include 'dcim/inc/device_header.html' with active_tab='status' %}
  5. <div class="row">
  6. <div class="col-md-6">
  7. <div class="panel panel-default">
  8. <div class="panel-heading"><strong>Device Facts</strong></div>
  9. <table class="table panel-body">
  10. <tr>
  11. <th>Hostname</th>
  12. <td id="hostname"></td>
  13. </tr>
  14. <tr>
  15. <th>FQDN</th>
  16. <td id="fqdn"></td>
  17. </tr>
  18. <tr>
  19. <th>Vendor</th>
  20. <td id="vendor"></td>
  21. </tr>
  22. <tr>
  23. <th>Model</th>
  24. <td id="model"></td>
  25. </tr>
  26. <tr>
  27. <th>Serial Number</th>
  28. <td id="serial_number"></td>
  29. </tr>
  30. <tr>
  31. <th>OS Version</th>
  32. <td id="os_version"></td>
  33. </tr>
  34. <tr>
  35. <th>Uptime</th>
  36. <td id="uptime"></td>
  37. </tr>
  38. </table>
  39. </div>
  40. </div>
  41. </div>
  42. {% endblock %}
  43. {% block javascript %}
  44. <script type="text/javascript">
  45. $(document).ready(function() {
  46. $.ajax({
  47. url: "{% url 'dcim-api:device-napalm' pk=device.pk %}?method=get_facts",
  48. dataType: 'json',
  49. success: function(json) {
  50. $('#hostname').html(json['get_facts']['hostname']);
  51. $('#fqdn').html(json['get_facts']['fqdn']);
  52. $('#vendor').html(json['get_facts']['vendor']);
  53. $('#model').html(json['get_facts']['model']);
  54. $('#serial_number').html(json['get_facts']['serial_number']);
  55. $('#os_version').html(json['get_facts']['os_version']);
  56. $('#uptime').html(json['get_facts']['uptime']);
  57. },
  58. error: function(xhr) {
  59. alert(xhr.responseText);
  60. }
  61. });
  62. });
  63. </script>
  64. {% endblock %}