aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--js/craftmine.js7
-rw-r--r--js/shop.js57
2 files changed, 61 insertions, 3 deletions
diff --git a/js/craftmine.js b/js/craftmine.js
index 912d10c..dc4ee9a 100644
--- a/js/craftmine.js
+++ b/js/craftmine.js
@@ -44,9 +44,10 @@ function withdrawMine() {
}
function initCraftMine() {
- sendRequest("craftmine.php", "op=getCraftMine", function(xhr) {
- var ret = xhr;
- data.gold = parseInt(ret); // Server's response is a string
+ sendRequest("craftmine.php", "op=getCraftMine", function(ret) {
+ data.gold = parseInt(ret.gold); // Server's response is a string
+ if(ret.shop) displayShop(ret.shop);
+ displayInventory(ret.inventory);
updateData("gold");
})
}
diff --git a/js/shop.js b/js/shop.js
new file mode 100644
index 0000000..00636e1
--- /dev/null
+++ b/js/shop.js
@@ -0,0 +1,57 @@
+function displayShop(ret) {
+ var tmphtml = "<h4> Select an item to buy it:</h4>";
+ tmphtml += "<ul class=\"list-inline\">";
+ for(var i=0; i < ret.items.length; i++) {
+ tmphtml += "<li>";
+ tmphtml += "<button type=\"submit\" class=\"btn btn-primary\" onclick=\"buyItem('" + ret.items[i].name + "')\"><span class=\"item-icon\">" + ret.items[i].icon + "</span><br />" + ret.items[i].name + "</button>";
+ tmphtml += "</li>";
+ }
+ tmphtml += "</ul>"
+ document.getElementById("tab2").innerHTML = tmphtml;
+}
+
+function displayInventory(items) {
+ for(var i=0; i < items.length; i++) {
+ addItem(items[i]);
+ }
+}
+
+function buildShop() {
+ sendRequest("craftmine.php", "op=buildShop", function(ret) {
+ displayShop(ret);
+ debitAccount(ret.cost);
+ });
+}
+
+function addItem(ret) {
+ var itemhtml = "<li>";
+ itemhtml += "<button type=\"submit\" class=\"btn btn-primary\" onclick=\"useItem('" + ret.name + "')\"><span class=\"item-icon\">" + ret.icon + "</span><br />" + ret.name + "</button>";
+ itemhtml += "</li>";
+
+ var invcontent = document.getElementById("tab3");
+
+ if(invcontent.children.length <= 1)
+ {
+ var tmphtml = "<h4>Your bag contains the following items:</h4>";
+ tmphtml += "<ul class=\"list-inline\">";
+ tmphtml += itemhtml;
+ tmphtml += "</ul>"
+ invcontent.innerHTML = tmphtml;
+ } else
+ invcontent.getElementsByTagName('ul')[0].innerHTML += itemhtml;
+
+ showInfo(ret.desc);
+}
+
+function buyItem(name) {
+ sendRequest("craftmine.php", "op=buyItem&item="+name, function(ret) {
+ addItem(ret);
+ debitAccount(ret.cost);
+ });
+}
+
+function useItem(name) {
+ sendRequest("craftmine.php", "op=useItem&item="+name, function(ret) {
+ });
+}
+