nodeway-cw
Version:
a microservices
100 lines (98 loc) • 4.34 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bill</title>
<script src="./Bill.js"></script>
<style type="text/css">
* {margin:0;padding:0;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.left,.right {padding:2em; float:left;width:30%; min-height:460px;}
.right {border-left:1px solid #eee; width:70%;}
label {display: block; text-align: right;}
input,select{ margin-left: 1em; text-align: left; width: 168px;height:2em;}
input[type=button] {width: 100%; height: 3em; text-align: center;margin-top:2em; border:1px solid #eee; cursor:pointer; background:#ddd;}
</style>
</head>
<body>
<div class="left">
<form action="">
<label for="">fn:<select name="fn" id="fn">
<option value="login" selected>login</option>
<option value="passwd">passwd</option>
<option value="cando">cando</option>
<option value="done">done</option>
<option value="getAgent">getAgent</option>
</select></label>
<label for="">usr:<input type="text" name="usr"></label>
<label for="">pass:<input type="text" name="pass"></label>
<label for="">op:<input type="text" name="op"></label>
<label for="">domain:<input type="text" name="domain"></label>
<label for="">years:<input type="text" name="period"></label>
<label for="">appID:<input type="text" name="appID"></label>
<label for="">registrant:<input type="text" name="registrant"></label>
<label for="">opDate:<input type="text" name="opDate"></label>
<label for="">price:<input type="text" name="price"></label>
<label for="">exDate:<input type="text" name="exDate"></label>
<label for="">oldID:<input type="text" name="oldID"></label>
<label for="">uniID:<input type="text" name="uniID"></label>
<label for="">cookie:<input type="text" name="cookie"></label>
<input type="button" onclick="call()" value="confirm" />
<script>
var api = new Bill;
function cb(err,data){
var ret ='';
if(err) ret = err.message;
else ret = data;
document.querySelector('#ret').innerHTML = JSON.stringify(ret, null, 2);
}
function login(usr, pass){
api.on('data', cb);
api.login(usr, pass, cb);
}
function passwd(usr, pass){
api.on('data', cb);
api.passwd(usr, pass, cb);
}
function cando(usr, op, domain, period){
api.on('data', cb);
api.cando(usr, op, domain, period, cb);
}
function done(usr,op,domain,appID,registrant,opDate,price,period,exDate,oldID,uniID){
api.on('data', cb);
api.done(usr,op,domain,appID,registrant,opDate,price,period,exDate,oldID,uniID, cb);
}
function getAgent(domain){
api.on('data', cb);
api.getAgent(domain, cb);
}
function call(){
var fn = document.querySelector('#fn').value;
var usr = document.querySelector('input[name=usr]').value;
var pass = document.querySelector('input[name=pass]').value;
var op = document.querySelector('input[name=op]').value;
var domain = document.querySelector('input[name=domain]').value;
var period = document.querySelector('input[name=period]').value;
var appID = document.querySelector('input[name=appID]').value;
var registrant = document.querySelector('input[name=registrant]').value;
var opDate = document.querySelector('input[name=opDate]').value;
var price = document.querySelector('input[name=price]').value;
var exDate = document.querySelector('input[name=exDate]').value;
var oldID = document.querySelector('input[name=oldID]').value;
var uniID = document.querySelector('input[name=uniID]').value;
var cookie = document.querySelector('input[name=cookie]').value;
switch(fn){
case 'login': login(usr, pass); break;
case 'passwd': passwd(usr, pass); break;
case 'cando': cando(usr, op, domain, period); break;
case 'done': api.registry(cookie,function(){done(usr,op,domain,appID,registrant,opDate,price,period,exDate,oldID,uniID);}); break;
case 'getAgent': getAgent(domain); break;
}
}
</script>
</form>
</div>
<div class="right">
<pre id="ret"></pre>
</div>
</body>
</html>