Add copy to clipboard button for abi

bodhiproject · Nov 23, 2017 · 138d079 · 138d079
1 parent 3315a60
commit 138d079
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 24 deletions.
diff --git 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
-```
+	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
@@ -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
@@ -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
@@ -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']