wynnbuilder-forked-for-changes/js/sq2bs.js

414 lines
14 KiB
JavaScript
Raw Normal View History

2021-10-27 13:51:37 +00:00
let weapon_keys = ['dagger', 'wand', 'bow', 'relik', 'spear'];
2022-01-07 08:12:00 +00:00
let armor_keys = ['helmet', 'chestplate', 'leggings', 'boots'];
2021-10-22 09:03:50 +00:00
let skp_keys = ['str', 'dex', 'int', 'def', 'agi'];
2022-01-07 08:12:00 +00:00
let accessory_keys= ['ring1', 'ring2', 'bracelet', 'necklace'];
let powderable_keys = ['helmet', 'chestplate', 'leggings', 'boots', 'weapon'];
let equipment_keys = ['helmet', 'chestplate', 'leggings', 'boots', 'ring1', 'ring2', 'bracelet', 'necklace', 'weapon'];
2021-10-27 13:51:37 +00:00
let spell_disp = ['spell0-info', 'spell1-info', 'spell2-info', 'spell3-info'];
let other_disp = ['build-order', 'set-info', 'int-info'];
2021-10-26 13:21:06 +00:00
2021-10-22 09:03:50 +00:00
document.addEventListener('DOMContentLoaded', function() {
2021-10-23 13:51:54 +00:00
2021-10-26 11:43:51 +00:00
for (const eq of equipment_keys) {
document.querySelector("#"+eq+"-choice").setAttribute("oninput", "update_field('"+ eq +"'); calcBuildSchedule();");
2022-01-07 08:12:00 +00:00
document.querySelector("#"+eq+"-tooltip").setAttribute("onclick", "collapse_element('#"+ eq +"-tooltip'); toggle_plus_minus('" + eq + "-pm'); ");
}
for (const eq of powderable_keys) {
2022-01-09 03:36:24 +00:00
document.querySelector("#"+eq+"-powder").setAttribute("oninput", "calcBuildSchedule(); updatePowders('" + eq + "-powder');");
2021-10-22 09:03:50 +00:00
}
2021-10-26 13:21:06 +00:00
for (const i of spell_disp) {
document.querySelector("#"+i+"Avg").setAttribute("onclick", "toggle_spell_tab('"+i+"')");
}
2021-10-23 13:51:54 +00:00
document.querySelector("#level-choice").setAttribute("oninput", "calcBuildSchedule()")
2021-10-21 14:11:04 +00:00
2021-10-22 09:03:50 +00:00
let skp_fields = document.getElementsByClassName("skp-update");
for (i = 0; i < skp_fields.length; i++) {
skp_fields[i].setAttribute("oninput", "updateStatSchedule()");
}
2021-10-26 11:43:51 +00:00
let masonry = Macy({
container: "#masonry-container",
columns: 1,
mobileFirst: true,
breakAt: {
1200: 4,
},
margin: {
x: 20,
y: 20,
}
});
2021-10-29 08:08:36 +00:00
let search_masonry = Macy({
container: "#search-results",
columns: 1,
mobileFirst: true,
breakAt: {
1200: 4,
},
margin: {
x: 20,
y: 20,
}
});
document.querySelector("#search-container").addEventListener("keyup", function(event) {
if (event.key === "Escape") {
document.querySelector("#search-container").style.display = "none";
};
});
2021-10-26 11:43:51 +00:00
2021-10-20 15:52:33 +00:00
});
2021-10-22 09:03:50 +00:00
// phanta scheduler
2021-10-21 14:11:04 +00:00
let calcBuildTask = null;
let updateStatTask = null;
let doSearchTask = null;
function calcBuildSchedule(){
if (calcBuildTask !== null) {
clearTimeout(calcBuildTask);
}
calcBuildTask = setTimeout(function(){
calcBuildTask = null;
calculateBuild();
2021-10-26 11:43:51 +00:00
}, 500);
2021-10-21 14:11:04 +00:00
}
function updateStatSchedule(){
if (updateStatTask !== null) {
clearTimeout(updateStatTask);
}
updateStatTask = setTimeout(function(){
updateStatTask = null;
updateStats();
}, 500);
}
function doSearchSchedule(){
if (doSearchTask !== null) {
clearTimeout(doSearchTask);
}
doSearchTask = setTimeout(function(){
doSearchTask = null;
doItemSearch();
2021-10-29 08:08:36 +00:00
window.dispatchEvent(new Event('resize'));
2021-10-21 14:11:04 +00:00
}, 500);
}
2021-10-22 09:03:50 +00:00
// equipment field dynamic styling
2021-10-26 11:43:51 +00:00
function update_field(field) {
// built on the assumption of no one will type in CI/CR letter by letter
// resets
document.querySelector("#"+field+"-choice").classList.remove("text-light", "is-invalid", 'Normal', 'Unique', 'Rare', 'Legendary', 'Fabled', 'Mythic', 'Set', 'Crafted', 'Custom');
document.querySelector("#" + field + "-img").classList.remove('Normal-shadow', 'Unique-shadow', 'Rare-shadow', 'Legendary-shadow', 'Fabled-shadow', 'Mythic-shadow', 'Set-shadow', 'Crafted-shadow', 'Custom-shadow');
2021-10-26 11:43:51 +00:00
item = document.querySelector("#"+field+"-choice").value
let powder_slots;
let tier;
let category;
let type;
// get item info
if (item.slice(0, 3) == "CI-") {
item = getCustomFromHash(item);
powder_slots = item.statMap.get("slots");
tier = item.statMap.get("tier");
category = item.statMap.get("category");
type = item.statMap.get("type");
}
else if (item.slice(0, 3) == "CR-") {
item = getCraftFromHash(item);
powder_slots = item.statMap.get("slots");
tier = item.statMap.get("tier");
category = item.statMap.get("category");
type = item.statMap.get("type");
}
else if (itemMap.get(item)) {
item = itemMap.get(item);
if (!item) {return false;}
powder_slots = item.slots;
tier = item.tier;
category = item.category;
type = item.type;
}
else {
// item not found
document.querySelector("#"+field+"-choice").classList.add("text-light");
if (item) { document.querySelector("#"+field+"-choice").classList.add("is-invalid"); }
2022-01-07 08:12:00 +00:00
/*if (!accessory_keys.contains(type.toLowerCase())) {
document.querySelector("#"+type+"-powder").disabled = true;
}*/
2021-10-26 11:43:51 +00:00
return false;
}
2021-10-23 15:34:47 +00:00
2022-01-07 08:12:00 +00:00
2021-10-29 08:08:36 +00:00
if ((type != field.replace(/[0-9]/g, '')) && (category != field.replace(/[0-9]/g, ''))) {
document.querySelector("#"+field+"-choice").classList.add("text-light");
if (item) { document.querySelector("#"+field+"-choice").classList.add("is-invalid"); }
2022-01-07 08:12:00 +00:00
//document.querySelector("#"+equipment_keys[i]+"-powder").disabled = true;
2021-10-29 08:08:36 +00:00
return false;
}
2021-10-26 11:43:51 +00:00
// set item color
document.querySelector("#"+field+"-choice").classList.add(tier);
document.querySelector("#"+field+"-img").classList.add(tier + "-shadow");
2021-10-23 15:34:47 +00:00
2021-10-23 15:43:50 +00:00
2022-01-07 08:12:00 +00:00
if (powderable_keys.includes(field)) {
// set powder slots
document.querySelector("#"+field+"-powder").setAttribute("placeholder", powder_slots+" slots");
if (powder_slots == 0) {
document.querySelector("#"+field+"-powder").disabled = true;
} else {
document.querySelector("#"+field+"-powder").disabled = false;
}
2021-10-26 11:43:51 +00:00
}
2021-10-23 13:51:54 +00:00
2021-10-26 11:43:51 +00:00
// set weapon img
if (category == 'weapon') {
document.querySelector("#weapon-img").setAttribute('src', '../media/items/new/generic-'+type+'.png');
2021-10-21 14:11:04 +00:00
}
2021-10-26 11:43:51 +00:00
2021-10-26 11:43:51 +00:00
// call calc build
2021-10-21 14:11:04 +00:00
}
2021-10-29 08:08:36 +00:00
/* tabulars | man i hate this code but too lazy to fix /shrug */
2021-10-26 11:43:51 +00:00
2022-01-07 08:12:00 +00:00
let tabs = ['overall-stats', 'offensive-stats', 'defensive-stats'];
2021-10-22 09:03:50 +00:00
function show_tab(tab) {
2022-01-07 08:12:00 +00:00
//console.log(itemFilters)
//hide all tabs, then show the tab of the div clicked and highlight the correct button
2021-10-22 09:03:50 +00:00
for (const i in tabs) {
2022-01-07 08:12:00 +00:00
document.querySelector("#" + tabs[i]).style.display = "none";
document.getElementById("tab-" + tabs[i].split("-")[0] + "-btn").classList.remove("selected-btn");
2021-10-22 09:03:50 +00:00
}
2022-01-07 08:12:00 +00:00
document.querySelector("#" + tab).style.display = "";
document.getElementById("tab-" + tab.split("-")[0] + "-btn").classList.add("selected-btn");
2021-10-23 13:51:54 +00:00
}
2021-10-26 13:21:06 +00:00
function toggle_spell_tab(tab) {
if (document.querySelector("#"+tab).style.display == "none") {
document.querySelector("#"+tab).style.display = "";
} else {
document.querySelector("#"+tab).style.display = "none";
}
}
2021-10-26 11:43:51 +00:00
function toggle_boost_tab(tab) {
for (const i of skp_keys) {
document.querySelector("#"+i+"-boost").style.display = "none";
document.getElementById(i + "-boost-tab").classList.remove("selected-btn");
2021-10-26 11:43:51 +00:00
}
document.querySelector("#"+tab+"-boost").style.display = "";
document.getElementById(tab + "-boost-tab").classList.add("selected-btn");
2021-10-26 11:43:51 +00:00
}
2021-10-27 13:51:37 +00:00
// toggle tab
function toggle_tab(tab) {
if (document.querySelector("#"+tab).style.display == "none") {
document.querySelector("#"+tab).style.display = "";
} else {
document.querySelector("#"+tab).style.display = "none";
}
}
2021-10-29 08:08:36 +00:00
function collapse_element(elmnt) {
elem_list = document.querySelector(elmnt).children;
2022-01-07 08:12:00 +00:00
if (elem_list) {
for (elem of elem_list) {
if (elem.classList.contains("no-collapse")) { continue; }
if (elem.style.display == "none") {
elem.style.display = "";
} else {
elem.style.display = "none";
}
}
2021-10-26 11:43:51 +00:00
}
// macy quirk
window.dispatchEvent(new Event('resize'));
// weird bug where display: none overrides??
2022-01-07 08:12:00 +00:00
document.querySelector(elmnt).style.removeProperty('display');
2021-10-29 08:08:36 +00:00
}
// search misc
function set_item(item) {
document.querySelector("#search-container").style.display = "none";
let type;
// if (!player_build) {return false;}
if (item.get("category") === "weapon") {
type = "weapon";
} else if (item.get("type") === "ring") {
if (!document.querySelector("#ring1-choice").value) {
type = "ring1";
} else {
type = "ring2";
}
} else {
type = item.get("type");
}
document.querySelector("#"+type+"-choice").value = item.get("displayName");
calcBuildSchedule();
update_field(type);
2021-10-26 11:43:51 +00:00
}
2021-10-26 12:48:56 +00:00
// disable boosts
function reset_powder_specials() {
let specials = ["Quake", "Chain_Lightning", "Curse", "Courage", "Wind_Prison"]
for (const special of specials) {
for (i = 1; i < 6; i++) {
if (document.querySelector("#"+special+"-"+i).classList.contains("toggleOn")) {
document.querySelector("#"+special+"-"+i).classList.remove("toggleOn");
}
}
}
}
2021-10-23 13:51:54 +00:00
// autocomplete initialize
function init_autocomplete() {
let dropdowns = new Map()
2021-10-26 11:43:51 +00:00
for (const eq of equipment_keys) {
2021-10-23 13:51:54 +00:00
// build dropdown
2021-10-26 11:43:51 +00:00
console.log('init dropdown for '+ eq)
2021-10-23 13:51:54 +00:00
let item_arr = [];
2021-10-26 11:43:51 +00:00
if (eq == 'weapon') {
2021-10-23 13:51:54 +00:00
for (const weaponType of weapon_keys) {
for (const weapon of itemLists.get(weaponType)) {
let item_obj = itemMap.get(weapon);
if (item_obj["restrict"] && item_obj["restrict"] === "DEPRECATED") {
continue;
}
2021-10-26 11:43:51 +00:00
if (item_obj["name"] == 'No '+ eq.charAt(0).toUpperCase() + eq.slice(1)) {
2021-10-23 15:34:47 +00:00
continue;
}
2021-10-23 13:51:54 +00:00
item_arr.push(weapon);
}
}
} else {
2021-10-26 11:43:51 +00:00
for (const item of itemLists.get(eq.replace(/[0-9]/g, ''))) {
2021-10-23 13:51:54 +00:00
let item_obj = itemMap.get(item);
if (item_obj["restrict"] && item_obj["restrict"] === "DEPRECATED") {
continue;
}
2021-10-26 11:43:51 +00:00
if (item_obj["name"] == 'No '+ eq.charAt(0).toUpperCase() + eq.slice(1)) {
2021-10-23 15:34:47 +00:00
continue;
}
2021-10-23 13:51:54 +00:00
item_arr.push(item)
}
}
// create dropdown
2021-10-26 11:43:51 +00:00
dropdowns.set(eq, new autoComplete({
2021-10-23 13:51:54 +00:00
data: {
src: item_arr
},
2021-10-26 11:43:51 +00:00
selector: "#"+ eq +"-choice",
2021-10-23 13:51:54 +00:00
wrapper: false,
resultsList: {
maxResults: 1000,
2021-10-23 13:51:54 +00:00
tabSelect: true,
2021-10-23 15:34:47 +00:00
noResults: true,
2021-10-23 13:51:54 +00:00
class: "search-box dark-7 rounded-bottom px-2 fw-bold dark-shadow-sm",
element: (list, data) => {
// dynamic result loc
2021-10-26 11:43:51 +00:00
let position = document.getElementById(eq+'-dropdown').getBoundingClientRect();
2021-10-23 13:51:54 +00:00
list.style.top = position.bottom + window.scrollY +"px";
list.style.left = position.x+"px";
list.style.width = position.width+"px";
list.style.maxHeight = position.height * 2 +"px";
2021-10-23 15:34:47 +00:00
if (!data.results.length) {
message = document.createElement('li');
2021-10-23 15:58:53 +00:00
message.classList.add('scaled-font');
2021-10-26 11:43:51 +00:00
message.textContent = "No results found!";
2021-10-23 15:34:47 +00:00
list.prepend(message);
}
2021-10-23 13:51:54 +00:00
},
},
resultItem: {
class: "scaled-font search-item",
selected: "dark-5",
element: (item, data) => {
2021-10-23 15:58:53 +00:00
item.classList.add(itemMap.get(data.value).tier);
2021-10-23 13:51:54 +00:00
},
},
events: {
input: {
selection: (event) => {
2021-10-23 15:34:47 +00:00
if (event.detail.selection.value) {
event.target.value = event.detail.selection.value;
}
2021-10-26 11:43:51 +00:00
update_field(eq);
2021-10-23 13:51:54 +00:00
calcBuildSchedule();
},
},
}
}));
}
2021-10-29 08:08:36 +00:00
let filter_loc = ["filter1", "filter2", "filter3", "filter4"];
for (const i of filter_loc) {
console.log(i);
console.log('init dropdown for '+i+"-choice" )
dropdowns.set(i+"-choice", new autoComplete({
data: {
src: sq2ItemFilters,
2021-10-29 08:08:36 +00:00
},
selector: "#"+i+"-choice",
wrapper: false,
resultsList: {
tabSelect: true,
noResults: true,
class: "search-box dark-7 rounded-bottom px-2 fw-bold dark-shadow-sm",
element: (list, data) => {
// dynamic result loc
console.log(i);
list.style.zIndex = "100";
let position = document.getElementById(i+"-dropdown").getBoundingClientRect();
window_pos = document.getElementById("search-container").getBoundingClientRect();
list.style.top = position.bottom - window_pos.top + 5 +"px";
list.style.left = position.x - window_pos.x +"px";
list.style.width = position.width+"px";
if (!data.results.length) {
message = document.createElement('li');
message.classList.add('scaled-font');
message.textContent = "No filters found!";
list.prepend(message);
}
},
},
resultItem: {
class: "scaled-font search-item",
selected: "dark-5",
},
events: {
input: {
selection: (event) => {
if (event.detail.selection.value) {
event.target.value = event.detail.selection.value;
}
doSearchSchedule();
},
},
}
}));
}
}