2
0

circuittermination_edit.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. {% extends '_base.html' %}
  2. {% load staticfiles %}
  3. {% load form_helpers %}
  4. {% block content %}
  5. <form action="." method="post" class="form form-horizontal">
  6. {% csrf_token %}
  7. {% for field in form.hidden_fields %}
  8. {{ field }}
  9. {% endfor %}
  10. <div class="row">
  11. <div class="col-md-6 col-md-offset-3">
  12. <h3>{% block title %}Circuit {{ obj.circuit }} - {{ form.term_side.value }} Side{% endblock %}</h3>
  13. {% if form.non_field_errors %}
  14. <div class="panel panel-danger">
  15. <div class="panel-heading"><strong>Errors</strong></div>
  16. <div class="panel-body">
  17. {{ form.non_field_errors }}
  18. </div>
  19. </div>
  20. {% endif %}
  21. <div class="panel panel-default">
  22. <div class="panel-heading"><strong>Location</strong></div>
  23. <div class="panel-body">
  24. <div class="form-group">
  25. <label class="col-md-3 control-label">Provider</label>
  26. <div class="col-md-9">
  27. <p class="form-control-static">{{ obj.circuit.provider }}</p>
  28. </div>
  29. </div>
  30. <div class="form-group">
  31. <label class="col-md-3 control-label">Circuit</label>
  32. <div class="col-md-9">
  33. <p class="form-control-static">{{ obj.circuit.cid }}</p>
  34. </div>
  35. </div>
  36. <div class="form-group">
  37. <label class="col-md-3 control-label">Termination</label>
  38. <div class="col-md-9">
  39. <p class="form-control-static">{{ form.term_side.value }}</p>
  40. </div>
  41. </div>
  42. {% render_field form.site %}
  43. {% render_field form.rack %}
  44. {% render_field form.device %}
  45. {% render_field form.interface %}
  46. </div>
  47. </div>
  48. <div class="panel panel-default">
  49. <div class="panel-heading"><strong>Termination Details</strong></div>
  50. <div class="panel-body">
  51. <div class="form-group">
  52. <label class="col-md-3 control-label required" for="id_port_speed">{{ form.port_speed.label }}</label>
  53. <div class="col-md-9">
  54. <div class="input-group">
  55. {{ form.port_speed }}
  56. {% include 'circuits/inc/speed_widget.html' with target_field='port_speed' %}
  57. </div>
  58. <span class="help-block">{{ form.port_speed.help_text }}</span>
  59. </div>
  60. </div>
  61. <div class="form-group">
  62. <label class="col-md-3 control-label" for="id_upstream_speed">{{ form.upstream_speed.label }}</label>
  63. <div class="col-md-9">
  64. <div class="input-group">
  65. {{ form.upstream_speed }}
  66. {% include 'circuits/inc/speed_widget.html' with target_field='upstream_speed' %}
  67. </div>
  68. <span class="help-block">{{ form.upstream_speed.help_text }}</span>
  69. </div>
  70. </div>
  71. {% render_field form.xconnect_id %}
  72. {% render_field form.pp_info %}
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. <div class="row">
  78. <div class="col-md-6 col-md-offset-3 text-right">
  79. {% if obj.pk %}
  80. <button type="submit" name="_update" class="btn btn-primary">Update</button>
  81. {% else %}
  82. <button type="submit" name="_create" class="btn btn-primary">Create</button>
  83. {% endif %}
  84. <a href="{{ return_url }}" class="btn btn-default">Cancel</a>
  85. </div>
  86. </div>
  87. </form>
  88. {% endblock %}
  89. {% block javascript %}
  90. <script src="{% static 'js/livesearch.js' %}?v{{ settings.VERSION }}"></script>
  91. <script type="text/javascript">
  92. $("a.set_speed").click(function(e) {
  93. e.preventDefault();
  94. $("#id_" + $(this).attr("target")).val($(this).attr("data"));
  95. });
  96. </script>
  97. {% endblock %}