From 138d079080ca92cfee9eb292c05b36e8ac4910b2 Mon Sep 17 00:00:00 2001
From: Deric Walintukan <deric.walintukan@gmail.com>
Date: Thu, 23 Nov 2017 15:26:01 +0700
Subject: [PATCH] Add copy to clipboard button for abi

---
 docs/bodhi_token/info.md | 47 ++++++++++++++++++++--------------------
 docs/css/custom.css      | 14 ++++++++++++
 docs/js/clipboard.js     |  6 +++++
 mkdocs.yml               |  4 ++++
 4 files changed, 47 insertions(+), 24 deletions(-)
 create mode 100644 docs/css/custom.css
 create mode 100644 docs/js/clipboard.js

diff --git a/docs/bodhi_token/info.md b/docs/bodhi_token/info.md
index 4801f4e..d81131b 100644
--- a/docs/bodhi_token/info.md
+++ b/docs/bodhi_token/info.md
@@ -14,33 +14,32 @@
 * 100000000 Botoshi = 1 BOT
 
 # Interface (ABI)
-```
+<textarea id="abi">
 [{"constant":true,"inputs":[],"name":"name","outputs":[{"name":"","type":"string"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"_spender","type":"address"},{"name":"_value","type":"uint256"}],"name":"approve","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[],"name":"totalSupply","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"_from","type":"address"},{"name":"_to","type":"address"},{"name":"_value","type":"uint256"}],"name":"transferFrom","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[],"name":"decimals","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"_to","type":"address"},{"name":"_amount","type":"uint256"}],"name":"mintByOwner","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[{"name":"_owner","type":"address"}],"name":"balanceOf","outputs":[{"name":"balance","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"owner","outputs":[{"name":"","type":"address"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":true,"inputs":[],"name":"symbol","outputs":[{"name":"","type":"string"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"_to","type":"address"},{"name":"_value","type":"uint256"}],"name":"transfer","outputs":[{"name":"","type":"bool"}],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[{"name":"_owner","type":"address"},{"name":"_spender","type":"address"}],"name":"allowance","outputs":[{"name":"remaining","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"constant":false,"inputs":[{"name":"newOwner","type":"address"}],"name":"transferOwnership","outputs":[],"payable":false,"stateMutability":"nonpayable","type":"function"},{"constant":true,"inputs":[],"name":"tokenTotalSupply","outputs":[{"name":"","type":"uint256"}],"payable":false,"stateMutability":"view","type":"function"},{"inputs":[],"payable":false,"stateMutability":"nonpayable","type":"constructor"},{"anonymous":false,"inputs":[{"indexed":false,"name":"supply","type":"uint256"},{"indexed":true,"name":"to","type":"address"},{"indexed":false,"name":"amount","type":"uint256"}],"name":"Mint","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"name":"_owner","type":"address"},{"indexed":true,"name":"_spender","type":"address"},{"indexed":false,"name":"_value","type":"uint256"}],"name":"Approval","type":"event"},{"anonymous":false,"inputs":[{"indexed":true,"name":"_from","type":"address"},{"indexed":true,"name":"_to","type":"address"},{"indexed":false,"name":"_value","type":"uint256"}],"name":"Transfer","type":"event"}]
-```
-
+</textarea>
+<button class="btn" data-clipboard-target="#abi">Copy ABI</button>
+<span class="copied">Copied!</span>
 
 # Function Signatures
-```
-dd62ed3e: allowance(address,address)
-095ea7b3: approve(address,uint256)
-70a08231: balanceOf(address)
-313ce567: decimals()
-3542aee2: mintByOwner(address,uint256)
-06fdde03: name()
-8da5cb5b: owner()
-95d89b41: symbol()
-f7abab9e: tokenTotalSupply()
-18160ddd: totalSupply()
-a9059cbb: transfer(address,uint256)
-23b872dd: transferFrom(address,address,uint256)
-f2fde38b: transferOwnership(address)
-```
+
+	dd62ed3e: allowance(address,address)
+	095ea7b3: approve(address,uint256)
+	70a08231: balanceOf(address)
+	313ce567: decimals()
+	3542aee2: mintByOwner(address,uint256)
+	06fdde03: name()
+	8da5cb5b: owner()
+	95d89b41: symbol()
+	f7abab9e: tokenTotalSupply()
+	18160ddd: totalSupply()
+	a9059cbb: transfer(address,uint256)
+	23b872dd: transferFrom(address,address,uint256)
+	f2fde38b: transferOwnership(address)
 
 # Event Hashes
-```
-event Mint(uint256 supply, address indexed to, uint256 amount): 
-4e3883c75cc9c752bb1db2e406a822e4a75067ae77ad9a0a4d179f2709b9e1f6
 
-event Transfer(address indexed _from, address indexed _to, uint256 _value):
-ddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef
-```
\ No newline at end of file
+	event Mint(uint256 supply, address indexed to, uint256 amount): 
+	4e3883c75cc9c752bb1db2e406a822e4a75067ae77ad9a0a4d179f2709b9e1f6
+
+	event Transfer(address indexed _from, address indexed _to, uint256 _value):
+	ddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef
diff --git a/docs/css/custom.css b/docs/css/custom.css
new file mode 100644
index 0000000..98dca16
--- /dev/null
+++ b/docs/css/custom.css
@@ -0,0 +1,14 @@
+#abi {
+	height: 80px;
+	resize: none;
+}
+
+.btn {
+	margin-top: 2px;
+}
+
+.copied {
+	color: green;
+	display: none;
+	margin-left: 10px;
+}
diff --git a/docs/js/clipboard.js b/docs/js/clipboard.js
new file mode 100644
index 0000000..902c242
--- /dev/null
+++ b/docs/js/clipboard.js
@@ -0,0 +1,6 @@
+var clip = new Clipboard('.btn');
+
+clip.on('success', function(e) {
+    $('.copied').show();
+	$('.copied').fadeOut(1000);
+});
diff --git a/mkdocs.yml b/mkdocs.yml
index b3a544e..28a3c75 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -12,3 +12,7 @@ pages:
     - Qtum-cli (Desktop): bodhi_token/qtum_cli.md
   - Contract Deployment: deployment.md
   - Help: help.md
+extra_javascript:
+  ['https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.10/clipboard.min.js','js/clipboard.js']
+extra_css:
+  ['css/custom.css']
\ No newline at end of file