Standardized graphs_modal markup; added graphs to Provider view

netbox/templates/circuits/provider.html

@@ -1,4 +1,5 @@
 {% extends '_base.html' %}
+{% load static from staticfiles %}
 {% load helpers %}
 
 {% block title %}{{ provider }}{% endblock %}
@@ -13,6 +14,10 @@
     </div>
 </div>
 <div class="pull-right">
+    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#graphs_modal" data-obj="{{ provider.name }}" data-url="{% url 'circuits-api:provider_graphs' pk=provider.pk %}" title="Show graphs">
+        <i class="glyphicon glyphicon-signal" aria-hidden="true"></i>
+        Graphs
+    </button>
     {% if perms.circuits.change_provider %}
 		<a href="{% url 'circuits:provider_edit' slug=provider.slug %}" class="btn btn-warning">
 			<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
@@ -109,4 +114,9 @@
         </div>
     </div>
 </div>
+{% include 'inc/graphs_modal.html' %}
+{% endblock %}
+
+{% block javascript %}
+<script src="{% static 'js/graphs.js' %}"></script>
 {% endblock %}

netbox/templates/dcim/device.html

@@ -327,19 +327,7 @@
         {% endif %}
 	</div>
 </div>
-
-<div class="modal fade" id="graphs_modal" tabindex="-1" role="dialog">
-    <div class="modal-dialog modal-lg" role="document">
-        <div class="modal-content">
-            <div class="modal-header">
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                <h4 class="modal-title" id="graphs_modal_title">Modal title</h4>
-            </div>
-            <div class="modal-body"></div>
-        </div>
-    </div>
-</div>
-
+{% include 'inc/graphs_modal.html' %}
 {% include 'secrets/inc/private_key_modal.html' %}
 {% endblock %}
 

netbox/templates/dcim/site.html

@@ -145,18 +145,7 @@
         </div>
 	</div>
 </div>
-
-<div class="modal fade" id="graphs_modal" tabindex="-1" role="dialog">
-    <div class="modal-dialog modal-lg" role="document">
-        <div class="modal-content">
-            <div class="modal-header">
-                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                <h4 class="modal-title" id="graphs_modal_title">Modal title</h4>
-            </div>
-            <div class="modal-body"></div>
-        </div>
-    </div>
-</div>
+{% include 'inc/graphs_modal.html' %}
 {% endblock %}
 
 {% block javascript %}

netbox/templates/inc/graphs_modal.html

@@ -0,0 +1,11 @@
+<div class="modal fade" id="graphs_modal" tabindex="-1" role="dialog">
+    <div class="modal-dialog modal-lg" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
+                <h4 class="modal-title" id="graphs_modal_title">Modal title</h4>
+            </div>
+            <div class="modal-body"></div>
+        </div>
+    </div>
+</div>