Skip to content

Instantly share code, notes, and snippets.

@sogatanco

sogatanco/payment.html

Created January 1, 2019 22:48
Show Gist options
  • Save sogatanco/b0e4770a44881c1d6efe5ef6dda3fe2f to your computer and use it in GitHub Desktop.
Save sogatanco/b0e4770a44881c1d6efe5ef6dda3fe2f to your computer and use it in GitHub Desktop.
Download ZIP
how to create payment with SBD page on e-commerce site
Raw
payment.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdn.steemjs.com/lib/latest/steem.min.js"></script>
<style type="text/css">
.col-sm-6, .col-sm-8{
padding: 40px;
}
.col-sm-4{
padding-top: 40px;
}
</style>
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="#">Pay With SBD</a>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-sm-6">
<table class="table">
<thead>
<tr>
<th>Nama Barang</th>
<th>Harga(SBD)</th>
</tr>
</thead>
<tbody>
<tr>
<td>apam</td>
<td>10</td>
</tr>
<tr>
<td>Pizza</td>
<td>5</td>
</tr>
<tr>
<th>Total</th>
<th id="total">15</th>
</tr>
</tbody>
</table>
</div>
<div class="col-sm-6">
<div class="input-group">
<input type="text" id="name" class="form-control" placeholder="Input Your Steem Account">
<div class="input-group-btn">
<button id="button" class="btn btn-default">Check</button>
</div>
</div>
<div class="row" id="display">
</div>
</div>
</div>
</div>
</body>
<script>
$(document).ready(function(){
$("#button").click(function(){
$("#display").empty();
var name=$("#name").val();
steem.api.getAccounts([name], function(err, result) {
var balance=result[0].sbd_balance;
balance=balance.split(" ");
total=$("#total").text();
console.log(Number(balance[0]));
if(Number(total)>Number(balance[0])){
var display='<div class="col-sm-8"><div class="panel panel-default"><div class="panel-body text-center"><img src="https://img.busy.org/@'+name+'" class="img-circle" alt="Cinque Terre" width="70px"><p>your balance : '+balance+'</p></div></div></div><div class="col-sm-4"><p class="text-danger">Your Balance is not enough, please use other account</p></div>';
}
else{
var display='<div class="col-sm-8"><div class="panel panel-default"><div class="panel-body text-center"><img src="https://img.busy.org/@'+name+'" class="img-circle" alt="Cinque Terre" width="70px"><p>your balance : '+balance+'</p></div></div></div><div class="col-sm-4"><a href="https://steemconnect.com/sign/transfer?from='+name+'&to=team2dev&amount='+total+'%20SBD&memo=paywithsbd&redirect_uri=http://team2dev.site/payment" class="btn btn-info">Pay Now</a></div>';
}
$("#display").append(display);
});
})
});
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment