|
|
|
@ -4,24 +4,37 @@
|
|
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
|
|
*/
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var inventoryloadedfromplacepopup = false;
|
|
|
|
|
|
|
|
|
|
|
|
function loadInventory(reload) {
|
|
|
|
function loadInventory(reload, target) {
|
|
|
|
|
|
|
|
if (typeof target != "string") {
|
|
|
|
|
|
|
|
target = "#inventory-page";
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
inventoryloadedfromplacepopup = false;
|
|
|
|
|
|
|
|
if ($("#place-popup").hasClass("modal-in")) {
|
|
|
|
|
|
|
|
inventoryloadedfromplacepopup = true;
|
|
|
|
|
|
|
|
}
|
|
|
|
if (typeof reload != "boolean") {
|
|
|
|
if (typeof reload != "boolean") {
|
|
|
|
reload = false;
|
|
|
|
reload = false;
|
|
|
|
// Make it reload if there's already stuff there,
|
|
|
|
// Make it reload if there's already stuff there,
|
|
|
|
// to keep the items from disappearing and coming back
|
|
|
|
// to keep the items from disappearing and coming back
|
|
|
|
if ($("#item-bin .item-col").length > 0) {
|
|
|
|
if ($(target + " .item-bin .item-col").length > 0) {
|
|
|
|
reload = true;
|
|
|
|
reload = true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
if (reload == false) {
|
|
|
|
if (reload == false) {
|
|
|
|
$("#item-bin .item-col").remove();
|
|
|
|
$(target + " .item-bin .item-col").remove();
|
|
|
|
$("#item-bin #bag-preloader").removeClass("display-none");
|
|
|
|
$(target + " .item-bin .bag-preloader").removeClass("display-none");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
callAPI("inventory", {
|
|
|
|
callAPI("inventory", {
|
|
|
|
username: localStorage.getItem("username"),
|
|
|
|
username: localStorage.getItem("username"),
|
|
|
|
password: localStorage.getItem("password")
|
|
|
|
password: localStorage.getItem("password")
|
|
|
|
}, function (resp) {
|
|
|
|
}, function (resp) {
|
|
|
|
|
|
|
|
if (resp.items.length == 0) {
|
|
|
|
|
|
|
|
$(target + " .bag-empty").removeClass("display-none");
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
$(target + " .bag-empty").addClass("display-none");
|
|
|
|
|
|
|
|
}
|
|
|
|
var items = [];
|
|
|
|
var items = [];
|
|
|
|
for (var i = 0; i < resp.items.length; i++) {
|
|
|
|
for (var i = 0; i < resp.items.length; i++) {
|
|
|
|
var item = resp.items[i];
|
|
|
|
var item = resp.items[i];
|
|
|
|
@ -41,49 +54,57 @@ function loadInventory(reload) {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
$("#item-bin .item-col").remove();
|
|
|
|
$(target + " .item-bin .item-col").remove();
|
|
|
|
if (reload == false) {
|
|
|
|
if (reload == false) {
|
|
|
|
$("#item-bin #bag-preloader").addClass("display-none");
|
|
|
|
$(target + " .item-bin .bag-preloader").addClass("display-none");
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
items.forEach(function (item) {
|
|
|
|
items.forEach(function (item) {
|
|
|
|
$("#item-bin").append('<div class="col-100 tablet-33 desktop-25 item-col">'
|
|
|
|
var usebtn = "";
|
|
|
|
|
|
|
|
if (item.classname == "healmagic" || (inventoryloadedfromplacepopup && item.classname == "artifact")) {
|
|
|
|
|
|
|
|
usebtn = '<button class="button button-fill margin-top useitem-button">Use</button>';
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
$(target + " .item-bin").append('<div class="col-100 tablet-33 ' + (target == "#inventory-page" ? "desktop-25 " : "") + 'item-col">'
|
|
|
|
+ '<div class="card padding-half">'
|
|
|
|
+ '<div class="card padding-half">'
|
|
|
|
+ (item.qty > 1 ? '<span class="badge color-green text-color-black padding">x' + item.qty + '</span>' : "")
|
|
|
|
+ (item.qty > 1 ? '<span class="badge color-green text-color-black padding">x' + item.qty + '</span>' : "")
|
|
|
|
+ '<div class="item card-content" data-uuids="' + item.uuids.join("|") + '" data-qty="' + item.qty + '">'
|
|
|
|
+ '<div class="item card-content" data-uuids="' + item.uuids.join("|") + '" data-qty="' + item.qty + '">'
|
|
|
|
+ '<i class="item-icon ' + item.icon + ' text-color-' + item.color + '"></i><br />'
|
|
|
|
+ '<i class="item-icon ' + item.icon + ' text-color-' + item.color + '"></i><br />'
|
|
|
|
+ '<h3>' + item.name + '</h3>'
|
|
|
|
+ '<h3>' + item.name + '</h3>'
|
|
|
|
+ item.description
|
|
|
|
+ item.description
|
|
|
|
+ (item.classname == "healmagic" ? '<button class="button button-fill margin-top useitem-button">Use</button>' : '')
|
|
|
|
+ usebtn
|
|
|
|
+ '</div>'
|
|
|
|
+ '</div>'
|
|
|
|
+ '</div>'
|
|
|
|
+ '</div>'
|
|
|
|
+ '</div>');
|
|
|
|
+ '</div>');
|
|
|
|
})
|
|
|
|
});
|
|
|
|
}, function (msg) {
|
|
|
|
}, function (msg) {
|
|
|
|
app.dialog.alert(msg, "Error");
|
|
|
|
app.dialog.alert(msg, "Error");
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
$("body").on("click", ".useitem-button", function () {
|
|
|
|
// Prevent multiple events from firing
|
|
|
|
var itemdom = $(this).parent(".item");
|
|
|
|
$(target).unbind("click");
|
|
|
|
var uuids = itemdom.data("uuids") + "";
|
|
|
|
|
|
|
|
console.log(uuids);
|
|
|
|
$(target).on("click", ".useitem-button", function () {
|
|
|
|
console.log(uuids.split("|")[0]);
|
|
|
|
var itemdom = $(this).parent(".item");
|
|
|
|
var qty = itemdom.data("qty");
|
|
|
|
var uuids = itemdom.data("uuids") + "";
|
|
|
|
var uuid = uuids.split("|")[0];
|
|
|
|
console.log(uuids);
|
|
|
|
callAPI("useitem", {
|
|
|
|
console.log(uuids.split("|")[0]);
|
|
|
|
username: localStorage.getItem("username"),
|
|
|
|
var qty = itemdom.data("qty");
|
|
|
|
password: localStorage.getItem("password"),
|
|
|
|
var uuid = uuids.split("|")[0];
|
|
|
|
uuid: uuid
|
|
|
|
callAPI("useitem", {
|
|
|
|
}, function (success) {
|
|
|
|
username: localStorage.getItem("username"),
|
|
|
|
app.toast.show({
|
|
|
|
password: localStorage.getItem("password"),
|
|
|
|
text: '<i class="game-icon game-icon-school-bag"></i> ' + success.msg,
|
|
|
|
uuid: uuid,
|
|
|
|
position: "center",
|
|
|
|
placeid: (inventoryloadedfromplacepopup ? $("#place-popup").data("placeid") : null)
|
|
|
|
destroyOnClose: true,
|
|
|
|
}, function (success) {
|
|
|
|
closeTimeout: 5000
|
|
|
|
app.toast.show({
|
|
|
|
|
|
|
|
text: '<i class="game-icon game-icon-school-bag"></i> ' + success.msg,
|
|
|
|
|
|
|
|
position: "center",
|
|
|
|
|
|
|
|
destroyOnClose: true,
|
|
|
|
|
|
|
|
closeTimeout: 5000
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
loadInventory(true, target);
|
|
|
|
|
|
|
|
}, function (error) {
|
|
|
|
|
|
|
|
//app.dialog.alert(error, "Error");
|
|
|
|
});
|
|
|
|
});
|
|
|
|
loadInventory(true);
|
|
|
|
|
|
|
|
}, function (error) {
|
|
|
|
|
|
|
|
app.dialog.alert(error, "Error");
|
|
|
|
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
