From 4dc6395b3a498a9e0ac67c851d487fc04348b918 Mon Sep 17 00:00:00 2001
From: sairajzero <sairaj0630@gmail.com>
Date: Fri, 10 Jun 2022 02:35:25 +0530
Subject: [PATCH] Adding base-UI

forms and functions for the following
- generate-address
- retrieve-address
- check-balance
- send-tx (backend not completed)
---
 index.html | 80 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 80 insertions(+)
 create mode 100644 index.html
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..98c2249
--- /dev/null
+++ b/index.html
@@ -0,0 +1,80 @@
+<html>
+
+<head>
+    <title>test</title>
+    <script type="text/javascript" src="lib.js"></script>
+    <script type="text/javascript" src="lib_btc.js"></script>
+</head>
+
+<body>
+    <form id="generate-address">
+        <fieldset>
+            <legend>generate-address</legend>
+            <input type="button" value="generate" onclick="generateNew();">
+            Address: <input name="address" type="text" placeholder="Address" disabled />
+            PrivateKey: <input name="private" type="text" placeholder="Private-Key" disabled />
+        </fieldset>
+    </form>
+    <form id="retrieve-address">
+        <fieldset>
+            <legend>retrieve-address</legend>
+            <input name="private" type="text" placeholder="Private-Key" />
+            <input type="button" value="retrieve" onclick="retrieveAddress();">
+            Address: <input name="address" type="text" placeholder="Address" disabled />
+        </fieldset>
+    </form>
+    <form id="check-balance">
+        <fieldset>
+            <legend>check-balance</legend>
+            <input name="address" type="text" placeholder="Address" />
+            <input type="button" value="check" onclick="checkBalance();">
+            <div>Balance: <input name="balance" disabled /></div>
+        </fieldset>
+    </form>
+    <form id="send-tx">
+        <fieldset>
+            <legend>send-tx</legend>
+            <input name="sender" type="text" placeholder="Sender" />
+            <input name="receiver" type="text" placeholder="Receiver" />
+            <input name="amount" type="number" placeholder="Amount" />
+            <input name="fee" type="number" placeholder="fee" step="0.0001" />
+            <input type="button" value="send" onclick="sendTx();">
+        </fieldset>
+    </form>
+</body>
+<script>
+    function generateNew() {
+        let newKeys = btc_api.newKeys;
+        let form = document.forms['generate-address'];
+        form['private'].value = newKeys.privkey;
+        form['address'].value = newKeys.address;
+    }
+
+    function retrieveAddress() {
+        let form = document.forms['retrieve-address'];
+        form['address'].value = btc_api.address(form['private'].value);
+    }
+
+    function checkBalance() {
+        let form = document.forms['check-balance'];
+        let address = form["address"].value;
+        btc_api.getBalance(address)
+            .then(result => form["balance"].value = result)
+            .catch(error => console.error(error))
+    }
+
+    function sendTx() {
+        let form = document.forms['send-tx'];
+        let sender = form["sender"].value,
+            receiver = form["receiver"].value,
+            amount = parseFloat(form["amount"].value),
+            fee = parseFloat(form["fee"].value);
+        let privKey = prompt("Enter Private Key:");
+        btc_api.sendTx(sender, privKey, receiver, amount, fee).then(result => {
+            console.log(result);
+            alert("transaction id: " + result.txid);
+        }).catch(error => console.error(error))
+    }
+</script>
+
+</html>
\ No newline at end of file
