15148 add copy button to config context

Author: arthanson

netbox/templates/extras/inc/configcontext_data.html

@@ -1,5 +1,5 @@
 {% load helpers %}
 
 <div class="rendered-context-data">
-    <pre class="block">{% if format == 'json' %}{{ data|json }}{% elif format == 'yaml' %}{{ data|yaml }}{% else %}{{ data }}{% endif %}</pre>
+    <pre class="block" {% if copyid %}id="{{ copyid }}{% endif %}">{% if format == 'json' %}{{ data|json }}{% elif format == 'yaml' %}{{ data|yaml }}{% else %}{{ data }}{% endif %}</pre>
 </div>

netbox/templates/extras/inc/configcontext_format.html

@@ -1,4 +1,7 @@
 <div class="float-end">
+    {% if copyid %}
+    {% copy_content copyid %}
+    {% endif %}
     <div class="btn-group btn-group-sm" role="group">
         <a href="?format=json" type="button" class="btn btn-outline-dark{% if format == 'json' %} active{% endif %}">JSON</a>
         <a href="?format=yaml" type="button" class="btn btn-outline-dark{% if format == 'yaml' %} active{% endif %}">YAML</a>

netbox/templates/extras/object_configcontext.html

@@ -9,10 +9,10 @@
             <div class="card">
                 <h5 class="card-header">
                     {% trans "Rendered Context" %}
-                    {% include 'extras/inc/configcontext_format.html' %}
+                    {% include 'extras/inc/configcontext_format.html' with copyid="rendered_context" %}
                 </h5>
                 <div class="card-body">
-                    {% include 'extras/inc/configcontext_data.html' with data=rendered_context format=format %}
+                    {% include 'extras/inc/configcontext_data.html' with data=rendered_context format=format copyid="rendered_context" %}
                 </div>
             </div>
         </div>