[Steemit javascript api 사용하기 레슨7] 업보팅 계산하기2(나의보팅파워와 스팀달라넣기)

in kr •  6 years ago  (edited)

안녕하세요 @fullmi입니다.

오늘은 저번과 같이 업보팅 계산을 할건데요. 

저번에는 직접 자기의 스팀파워와 보팅파워를 수동으롤 넣어서 계산하게 했습니다.

오늘은 스팀파워 보팅파워를 자동으로 셋팅해서 계산하는 시간을 가지려 합니다.

소스는 다 비슷하고요 스팀파워와 보팅파워를 가져오는 부분이 좀 틀릴수 있네요

주석을달아 놨으니 혹시 모르시는 부분이 있으시면 말씀 부탁드릴께요.


<!-- 오늘은 업보팅을 계산해 보려합니다.
일단 저도 지식이 전무해서
위의 사이트 스크립트를 이용해 보겠습니다.
위 사이트에서는 steam-js를 이용했네요
저희도 똑같이 해보겠습니다.
일단 아래의 스크립트를 참조합니다.

스팀파워,보팅파워,보팅웨이트를 넣을 박스를 만듭니다.
아래의 <body>이하의 html과 같이 이름을 꼭 맞춰주셔야해요^^


-->
<!doctype html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>Voteing Power</title>
<script>
$(function () {
var a, n, r, i, o, p = 1e4;
//입력한 값으로 보팅 달러 계산하기
function init() {
//보팅파워계산해서 엘러먼트에 반인딩
$.ajax({
url: '
https://api.steemit.com / https://api.steemit.com
',
type: "POST",
data: '{"id":0,"jsonrpc":"2.0","method":"database_api.find_accounts","params":{"accounts":["fullmi"]}}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (result) {
console.log(result);
var account = result.result.accounts[0];
var votingPower = account.voting_power;
//최근보팅이 얼마전에 있었는지 계산이 필요함
var sec = (new Date - new Date(account.last_vote_time + "Z")) / 1000;
//다음으로는 마지막으로 업보드한 보팅파워에 새롭게 계산된 파팅파워를 더한다.
var reVotingPower = votingPower + (10000 * sec / 432000);
//소수점 2자리까지 계산한 보팅파워 단 100%를 넘지 않는다.
reVotingPower = Math.min(reVotingPower / 100, 100).toFixed(2);
$("input[name='frm_votingpower']").val(reVotingPower);
}
});
//스팀파워계산해서 엘러먼트에 바인딩
$.ajax({
url: '
https://api.steemit.com / https://api.steemit.com
',
type: "POST",
data: '{"id": 0,"jsonrpc":"2.0","method":"database_api.find_accounts","params":{"accounts": ["fullmi"]}}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (r) {
console.log(r);
var response = r.result.accounts[0];
//나의 영향력.
var vestingShares = response.vesting_shares.amount / Math.pow(10, response.vesting_shares.precision);;
console.log(vestingShares);
//글로벌 프로퍼티값 가져오기
$.ajax({
url: '
https://api.steemit.com / https://api.steemit.com
',
type: "POST",
data: '{"id": 1,"jsonrpc":"2.0","method":"database_api.get_dynamic_global_properties"}',
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (g) {
console.log(g);
var gr = g.result;
//토탈기여스팀 기여도
var totalVestingFundSteem = gr.total_vesting_fund_steem.amount / Math.pow(10, gr.total_vesting_fund_steem.precision);
//토탈기여도
var totalVests = gr.total_vesting_shares.amount / Math.pow(10, gr.total_vesting_shares.precision);;
a = totalVestingFundSteem / totalVests;
//스팀파워
var steemPower = (totalVestingFundSteem * (vestingShares / totalVests)).toFixed(2);
console.log(steemPower);
$("input[name='frm_steempower']").val(steemPower);
}
})
}
})
}
function e() {
var e = $("input[name='frm_steempower']").val()
, t = $("input[name='frm_votingpower']").val()
, n = $("input[name='frm_voteweight']").val()
, r = e / a
, m = parseInt(100 * t * (100 * n) / p);
m = parseInt((m + 49) / 50);
var l = parseInt(r * m * 100) * i * o;
$("#vote_value").text(l.toFixed(2)),
$("#vote_value").hide().fadeIn("fast")
}
function t() {
//리워드값 가져오기
steem.api.getRewardFund("post", function (e, t) {
n = t.reward_balance,
r = t.recent_claims,
i = n.replace(" STEEM", "") / r,
$("#reward_balance").text(parseInt(n).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",")),
$("#recent_claims").text(parseInt(r / 1e9).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") + "B")
}),
steem.api.getCurrentMedianHistoryPrice(function (e, t) {
o = t.base.replace(" SBD", "") / t.quote.replace(" STEEM", ""),
$("#steem_price_sbd").text("$" + o.toFixed(2))
}),
setTimeout(t, 1e4);//10*10*10*10이니까 10초마다 호출해서 가져오는거네요
}

steem.api.setOptions({
url: "
https://api.steemit.com / https://api.steemit.com
"
}),


t();
$("#form_calc").on("submit", function (t) {
e(),
t.preventDefault()
});
init();

});
</script>
</head>

<body>
<div id="mainwrapper">
<br>

<div class="topbox">Steem Price
<br>
<span class="value" id="steem_price_sbd">$0.00</span>
</div>
<div class="topbox">Reward balance
<br>
<span class="value" id="reward_balance">0</span>
</div>
<div class="topbox">Recent claims
<br>
<span class="value" id="recent_claims">0</span>
</div>


<div style="clear:both;height:40px"></div>

<section class="box">
<div class="header">
<span>Upvote Calculator</span>
</div>
<div style="float:right;padding-top:36px;font-size:44px;width:40%">
<b>$
<span id="vote_value">0.00</span>
</b>
</div>
<form id="form_calc" method="get" style="padding:16px;line-height:21px">
<label for="frm_steempower">
<span style="width:130px">Steem Power</span>
<input name="frm_steempower" size="6" value="10000">
</label>
<br>
<label for="frm_votingpower">
<span style="width:130px">Voting Power</span>
<input name="frm_votingpower" size="6" value="100"> %</label>
<br>
<label for="frm_voteweight">
<span style="width:130px">Vote Weight</span>
<input name="frm_voteweight" size="6" value="100"> %</label>
<br>
<label style="display:block;margin-top:14px">
<span>&nbsp;</span>
<input type="submit" value="Calculate">
</label>
</form>
</section>

</div>


</div>
</body>

</html>
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

정말 공부 하고 싶은 건데 ㅠ,.ㅠ
쉽지가 않네요 ㅠ,.ㅠ

ㅎㅎ
그렇죠. 저도 사실 쉽지 않아요

IT를 하고 있긴 하나 -0- ;;
개발에 대한 지식은 부족하다 보니 ...


다시 해보려고 환경 구성 등 어떻게 세팅해야 하나 등등 찾아 보고 있는 중 입니다 .ㅎ

고생하셨습니다.

감사합니다.

pairplay 가 kr-dev 컨텐츠를 응원합니다! :)