From 6c5b953a4bee07e476c511b301c40d60cd7acb39 Mon Sep 17 00:00:00 2001
From: Jake <Jake@docforce.io>
Date: Mon, 13 Sep 2021 15:49:42 -0700
Subject: [PATCH] Add copy button to websocket tool

---
 template/page-websocket-api-tool.html.jinja | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/template/page-websocket-api-tool.html.jinja b/template/page-websocket-api-tool.html.jinja
index 3af3a7fb04..90e960f508 100644
--- a/template/page-websocket-api-tool.html.jinja
+++ b/template/page-websocket-api-tool.html.jinja
@@ -1,4 +1,15 @@
 {% extends "base.html.jinja" %}
+{% block head %}
+
+    <!-- copy code button -->
+    <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.8/dist/clipboard.min.js"></script>
+    <script>
+        $(document).ready(function() {
+            new ClipboardJS('.clipboard-btn');
+        });
+    </script>
+
+{% endblock %}
 
 {% block right_sidebar %}
   <div class="command-list-wrapper">
@@ -152,6 +163,7 @@
 
         </div><!--/.modal-body-->
         <div class="modal-footer">
+          <button alt="Copy to clipboard" class="btn btn-outline-secondary clipboard-btn" data-clipboard-target="#permalink-box-1" id="permalink-box-1button"><i class="fa fa-clipboard"></i></button>
           <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
         </div><!--/.modal-footer-->
       </div><!--/.modal-content-->
@@ -175,6 +187,7 @@
 
         </div><!--/.modal-body-->
         <div class="modal-footer">
+        <button alt="Copy to clipboard" class="btn btn-outline-secondary clipboard-btn" data-clipboard-target="#curl-box-1" id="curl-box-1button"><i class="fa fa-clipboard"></i></button>
           <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Close</button>
         </div><!--/.modal-footer-->
       </div><!--/.modal-content-->