Implement purchasing option for custom css

This commit is contained in:
Jeremy Zhang
2017-09-11 09:00:42 +00:00
parent 10b5deffe4
commit 247133229c
3 changed files with 82 additions and 4 deletions

View File

@ -1,4 +1,4 @@
/* global $ */
/* global $, location, Materialize */
(function () {
$('#token-slider').on('input', function(){
var slider_value = $("#token-slider").val();
@ -16,4 +16,34 @@
$(document.body).append(form);
form.submit();
});
function patchForm(item, amount) {
var funct = $.ajax({
dataType: "json",
method: "PATCH",
data: {"item": item, "amount": amount},
});
return funct.promise();
}
$("#buy-custom-css-slots-btn").click(function () {
var amount = $.trim($("#custom-css-slots-amount").val());
if (amount == "") {
return;
}
var formPatch = patchForm("custom_css_slots", amount);
formPatch.done(function (data) {
alert("Successfully bought " + amount + " custom css slots!");
location.reload();
});
formPatch.fail(function (data) {
if (data.status == 400) {
Materialize.toast('Amount cannot be zero or under!', 10000);
} else if (data.status == 402) {
Materialize.toast('Insufficient token funds!', 10000);
} else {
Materialize.toast('Purchasing custom css slots failed!', 10000);
}
});
});
})();