Add copy button for dotted config properties

Author: michalvavrik

_plugins/asciidoctor-extension.rb

@@ -52,6 +52,20 @@
   end
 end
 
+# keeps copy target in hidden span because properties may contain unescaped quotes
+# therefore, prefer 'data-clipboard-target' over 'data-clipboard-text'
+config_property_id=0
+Extensions.register do
+  inline_macro do
+    named :config_property_copy_button
+    resolve_attributes false
+    process do |parent, target, attrs|
+      copy_btn = %(<span id="dotted-config-property-#{config_property_id}" class="display-none">#{target}</span><button class="btn-copy fa fa-clipboard inline-btn-copy" data-clipboard-action="copy" data-clipboard-target="#dotted-config-property-#{config_property_id}" title="Copy to clipboard" do-not-collapse="true"></button>)
+      config_property_id += 1
+      create_inline_pass parent, %(#{copy_btn})
+    end
+  end
+end
 
 ### ALL CONFIG page processors
 

_sass/core/global.scss

@@ -306,3 +306,7 @@ form {
   width: 100%;
   height: 100%;
 }
+
+.display-none {
+  display: none;
+}