Implement JQuery polling of user balance on page

This commit is contained in:
Trever Fischer
2012-03-03 18:12:54 -05:00
parent 11788ecb34
commit 9f1acfb70c
3 changed files with 9285 additions and 1 deletions

14
static/js/balance-poll.js Normal file
View File

@@ -0,0 +1,14 @@
function updateBalance() {
$.get("/api/balance", function(data) {
$("#balance-display").html(data['balance']);
});
}
function pollBalance() {
updateBalance();
window.setTimeout(pollBalance, 1000);
}
$(document).ready(function () {
pollBalance();
});

9266
static/js/jquery.js vendored Normal file

File diff suppressed because it is too large Load Diff

View File

@@ -11,6 +11,10 @@
<link rel="stylesheet" type="text/css" href="{{ STATIC_PREFIX }}/css/960.css"/>
<link rel="stylesheet" type="text/css" href="{{ STATIC_PREFIX }}/css/main.css"/>
</style>
<script type="text/javascript" language="javascript" src="{{STATIC_PREFIX}}/js/jquery.js"></script>
{% if user.is_authenticated %}
<script type="text/javascript" language="javascript" src="{{STATIC_PREFIX}}/js/balance-poll.js"></script>
{% endif %}
</head>
<body>
<div id="wrapper" class="container_12">
@@ -33,7 +37,7 @@
{% avatar user %}
</div>
<div class="balance">
{{ user.get_profile.currencyaccount.balance|floatformat:2 }} grist
<span id="balance-display">{{ user.get_profile.currencyaccount.balance|floatformat:2 }}</span> grist
</div>
</div>
<ul>