1 files changed, 66 insertions, 0 deletions
diff --git a/ethereal/assets/samplecoin/samplecoin.html b/ethereal/assets/samplecoin/samplecoin.html
new file mode 100644
index 000000000..1f4d1e3e1
--- /dev/null
+++ b/ethereal/assets/samplecoin/samplecoin.html
@@ -0,0 +1,66 @@
+<html>
+<head>
+<title>jeffcoin</title>
+
+<link rel="stylesheet" href="bootstrap.min.css">
+<link rel="stylesheet" href="bootstrap-theme.min.css">
+<link rel="stylesheet" href="samplecoin.css">
+<meta name="viewport" content="minimum-scale=1; maximum-scale=1; initial-scale=1;">
+
+<script type="text/javascript">
+var jefcoinAddr = "3dff537f51350239abc95c76a5864aa605259e7d"
+
+function createTransaction() {
+	var addr = document.querySelector("#addr").value;
+	var amount = document.querySelector("#amount").value;
+
+	var data = "0x" + addr + "\n" + amount
+	eth.transact("", jefcoinAddr, 0, "10000000", "250", data, function(tx) {
+		debug("received tx hash:", tx)
+	})
+}
+
+function init() {
+	eth.getKey(function(key) {
+		eth.getStorageAt(jefcoinAddr, key, function(storage) {
+			document.querySelector("#current-amount").innerHTML = storage;
+		});
+
+		eth.watch(jefcoinAddr, function(stateObject) {
+			eth.getStorageAt(jefcoinAddr, key, function(storage) {
+				document.querySelector("#current-amount").innerHTML = storage;
+			});
+		});
+	});
+}
+
+</script>
+</head>
+
+<body onload="init();">
+<div class="container">
+	<div class="header">
+		<h3 class="text-muted">JeffCoin</h3>
+	</div>
+
+	<div class="jumbotron ">
+		<img src="icon.png">
+		<div>Amount: <strong id="current-amount"></strong></div>
+
+		<div id="transactions">
+			<form role="form">
+				<div class="form-group">
+					<input id="addr" class="form-control" type="text" placeholder="Receiver address"></input><br>
+					<input id="amount" class="form-control" type="text" placeholder="Amount"></input><br>
+				</div>
+
+				<button class="btn btn-default" onclick="createTransaction();">Send Tx</button>
+		</div>
+	</div>
+
+	<div id="debug" style="border: 1px solid block"></div>
+</div>
+
+</body>
+</html>
+