first working

Signed-off-by: Keith Wall <[email protected]>

Author: k-wall

_layouts/guide.html

@@ -2,6 +2,14 @@
 layout: default
 ---
 <!-- _layouts/guide.html -->
+
+
+<!-- TODO don't rely on jquery -->
+<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
+<!-- TODO don't rely resource available from site -->
+<script src="https://cdn.jsdelivr.net/npm/clipboard@1/dist/clipboard.min.js"></script>
+
+
 {%- if page.version != site.data.kroxylicious.latestRelease -%}
 <div class="admonitionblock note alert alert-info mb-0" role="alert">
     <i class="bi bi-info-circle-fill krx-docs-note ms-2 me-4 fs-5" title="Note"></i>
@@ -35,5 +43,31 @@ <h1 class="card-title fs-3">
     </div>
   </div>
 </div>
+
+<script>
+<!-- clipboard.js code -->
+
+var allCodeBlocksElements = $( "code" );
+
+allCodeBlocksElements.each(function(i) {
+
+if ($(this).parents('.listingblock').length) {
+
+  var currentId = "codeblock" + (i + 1);
+  $(this).attr('id', currentId);
+  //trigger
+  var clipButton = '<button class="btn" data-clipboard-target="#' + currentId + '"><img src="https://clipboardjs.com/assets/images/clippy.svg" width="13" alt="Copy to clipboard"></button>';
+     $(this).after(clipButton);
+  }
+}
+);
+ 
+  new Clipboard('.btn');
+
+</script>
+
+
 {% include asciidoctor-scripts/icons.html %}
 {% include asciidoctor-scripts/sectanchors.html %}
+
+