100 lines
5.4 KiB
HTML
100 lines
5.4 KiB
HTML
|
<!doctype html>
|
||
|
|
<html lang="en">
|
||
|
|
<head>
|
||
|
|
<meta charset="utf-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
|
||
|
|
<title>Send whisper message</title>
|
||
|
|
<style type="text/css">
|
||
|
|
h4 small {
|
||
|
|
color: #c3c3c3;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<body class="bg-light">
|
||
|
|
<div class="container">
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-12 order-md-1">
|
||
|
|
<h4 class="mb-3"><br />Send whisper message <small>ws://localhost:8546</small></h4>
|
||
|
|
<p><code>web3</code> is available in your browser's console: <code>Tools > Developer Tools</code></p>
|
||
|
|
<b>Keys</b>:
|
||
|
|
<ul style="font-size:12px">
|
||
|
|
<li>Public: <span class="pub"></span></li>
|
||
|
|
<li>Private <span class="priv"></span></li>
|
||
|
|
</ul>
|
||
|
|
<form novalidate>
|
||
|
|
<div class="mb-3">
|
||
|
|
<label for="publicKey">Public Key</label>
|
||
|
|
<div class="input-group">
|
||
|
|
<div class="input-group-prepend">
|
||
|
|
<span class="input-group-text">0x</span>
|
||
|
|
</div>
|
||
|
|
<input type="text" class="form-control" id="publicKey" placeholder="Public Key" required>
|
||
|
|
</div>
|
||
|
|
<div class="invalid-feedback publicKey" style="width: 100%;">
|
||
|
|
Invalid Public Key
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="col-md-3 mb-3">
|
||
|
|
<label for="topic">Topic</label>
|
||
|
|
<div class="input-group">
|
||
|
|
<div class="input-group-prepend">
|
||
|
|
<span class="input-group-text">0x</span>
|
||
|
|
</div>
|
||
|
|
<input type="text" class="form-control" id="topic" placeholder="" value="" required>
|
||
|
|
</div>
|
||
|
|
<div class="invalid-feedback topic" style="width: 100%;">
|
||
|
|
Invalid Topic
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-3 mb-3">
|
||
|
|
<label for="ttl">TTL</label>
|
||
|
|
<input type="text" class="form-control" id="ttl" value="1000" placeholder="" required>
|
||
|
|
<div class="invalid-feedback ttl" style="width: 100%;">
|
||
|
|
Invalid TTL
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-3 mb-3">
|
||
|
|
<label for="powTarget">PoW Target</label>
|
||
|
|
<input type="text" class="form-control" id="powTarget" value="1" placeholder="" required>
|
||
|
|
<div class="invalid-feedback powTarget" style="width: 100%;">
|
||
|
|
Invalid PoW Target
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="col-md-3 mb-3">
|
||
|
|
<label for="powTime">PoW Time</label>
|
||
|
|
<input type="text" class="form-control" id="powTime" value="20" placeholder="" required>
|
||
|
|
<div class="invalid-feedback powTime" style="width: 100%;">
|
||
|
|
Invalid PoW Time
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="mb-3">
|
||
|
|
<label for="payload">Payload</label>
|
||
|
|
<div class="input-group">
|
||
|
|
<div class="input-group-prepend">
|
||
|
|
<span class="input-group-text">0x</span>
|
||
|
|
</div>
|
||
|
|
<input type="text" class="form-control" id="payload" placeholder="Payload" required>
|
||
|
|
</div>
|
||
|
|
<div class="invalid-feedback payload" style="width: 100%;">
|
||
|
|
Invalid Payload
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<hr class="mb-4">
|
||
|
|
<p class="result"></p>
|
||
|
|
<p id="messageArea"></p>
|
||
|
|
<button class="btn btn-primary btn-lg btn-block" type="submit">Send Message</button>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="https://code.jquery.com/jquery-3.2.1.min.js" crossorigin="anonymous"></script>
|
||
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
|
||
|
|
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
|
||
|
|
<script src="web3.min.js"></script>
|
||
|
|
<script src="sendmsg.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|