document.addEventListener("DOMContentLoaded", function() { let filterInputs = new Map([["item-category", ["ALL", "armor", "helmet", "chestplate", "leggings", "boots", "accessory", "ring", "bracelet", "necklace", "weapon", "wand", "spear", "bow", "dagger", "relik"]], ["item-rarity", ["ANY", "Normal", "Unique", "Set", "Rare", "Legendary", "Fabled", "Mythic", "Sane"]], ["filter1", sq2ItemFilters], ["filter2", sq2ItemFilters], ["filter3", sq2ItemFilters], ["filter4", sq2ItemFilters]]); for (const [field, data] of filterInputs) { let field_choice = document.getElementById(field+"-choice"); // show dropdown on click field_choice.onclick = function() {field_choice.dispatchEvent(new Event('input', {bubbles:true}));}; filterInputs.set(field, new autoComplete({ data: { src: data, }, threshold: 0, selector: "#"+ field +"-choice", wrapper: false, resultsList: { maxResults: 100, tabSelect: true, noResults: true, class: "search-box dark-7 rounded-bottom px-2 fw-bold dark-shadow-sm", element: (list, data) => { let position = document.getElementById(field+'-choice').getBoundingClientRect(); 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 * 4 +"px"; if (!data.results.length) { message = document.createElement('li'); message.classList.add('scaled-font'); message.textContent = "No results 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; }; }, }, } })); }; }); const sq2_translate_mappings = { //"Name": "name", //"Display Name": "displayName", //"tier"Tier": ", //"Set": "set", "Powder Slots": "slots", //"Type": "type", //"armorType", (deleted) //"color", (deleted) //"lore", (deleted) //"material", (deleted) "Drop type": "drop", "Quest requirement": "quest", "Restriction": "restrict", //"Base Neutral Damage": "nDam", //"Base Fire Damage": "fDam", //"Base Water Damage": "wDam", //"Base Air Damage": "aDam", //"Base Thunder Damage": "tDam", //"Base Earth Damage": "eDam", //"Base Attack Speed": "atkSpd", "Health": "hp", "Raw Fire Defense": "fDef", "Raw Water Defense": "wDef", "Raw Air Defense": "aDef", "Raw Thunder Defense": "tDef", "Raw Earth Defense": "eDef", "Combat Level": "lvl", //"Class Requirement": "classReq", "Req Strength": "strReq", "Req Dexterity": "dexReq", "Req Intelligence": "intReq", "Req Agility": "agiReq", "Req Defense": "defReq", "% Health Regen": "hprPct", "Mana Regen": "mr", "% Spell Damage": "sdPct", "% Melee Damage": "mdPct", "Life Steal": "ls", "Mana Steal": "ms", "XP Bonus": "xpb", "Loot Bonus": "lb", "Reflection": "ref", "Strength": "str", "Dexterity": "dex", "Intelligence": "int", "Agility": "agi", "Defense": "def", "Thorns": "thorns", "Exploding": "expd", "Walk Speed": "spd", "Attack Speed Bonus": "atkTier", "Poison": "poison", "Health Bonus": "hpBonus", "Soul Point Regen": "spRegen", "Stealing": "eSteal", "Raw Health Regen": "hprRaw", "Raw Spell": "sdRaw", "Raw Melee": "mdRaw", "% Fire Damage": "fDamPct", "% Water Damage": "wDamPct", "% Air Damage": "aDamPct", "% Thunder Damage": "tDamPct", "% Earth Damage": "eDamPct", "% Fire Defense": "fDefPct", "% Water Defense": "wDefPct", "% Air Defense": "aDefPct", "% Thunder Defense": "tDefPct", "% Earth Defense": "eDefPct", "Fixed IDs": "fixID", "Custom Skin": "skin", //"Item Category": "category", "1st Spell Cost %": "spPct1", "1st Spell Cost Raw": "spRaw1", "2nd Spell Cost %": "spPct2", "2nd Spell Cost Raw": "spRaw2", "3rd Spell Cost %": "spPct3", "3rd Spell Cost Raw": "spRaw3", "4th Spell Cost %": "spPct4", "4th Spell Cost Raw": "spRaw4", "Rainbow Spell Damage": "rainbowRaw", "Sprint": "sprint", "Sprint Regen": "sprintReg", "Jump Height": "jh", "Loot Quality": "lq", "Gather XP Bonus": "gXp", "Gather Speed Bonus": "gSpd", }; const sq2_special_mappings = { "Sum (skill points)": new SumQuery(["str", "dex", "int", "def", "agi"]), "Sum (Mana Sustain)": new SumQuery(["mr", "ms"]), "Sum (Life Sustain)": new SumQuery(["hpr", "ls"]), "Sum (Health + Health Bonus)": new SumQuery(["hp", "hpBonus"]), "No Strength Req": new NegateQuery("strReq"), "No Dexterity Req": new NegateQuery("dexReq"), "No Intelligence Req": new NegateQuery("intReq"), "No Agility Req": new NegateQuery("agiReq"), "No Defense Req": new NegateQuery("defReq"), }; let sq2ItemFilters = [] for (let x in sq2_translate_mappings) { sq2ItemFilters.push(x); } for (let x in sq2_special_mappings) { sq2ItemFilters.push(x); } function applyQuery(items, query) { return items.filter(query.filter, query).sort(query.compare); } function displayItems(items_copy) { let items_parent = document.getElementById("search-results"); for (let i in items_copy) { if (i > 200) {break;} let item = items_copy[i]; let box = document.createElement("div"); box.classList.add("col-lg-3", "col-sm-6", "p-2"); box.id = "item"+i; box.addEventListener("dblclick", function() {set_item(item);}); let bckgrdbox = document.createElement("div"); bckgrdbox.classList.add("dark-7", "rounded", "px-2", "col-auto"); box.appendChild(bckgrdbox); bckgrdbox.id = "item"+i+"b"; items_parent.appendChild(box); displaysq2ExpandedItem(item, bckgrdbox.id); } } let items_expanded; function doItemSearch() { // window.scrollTo(0, 0); let queries = []; queries.push(new NameQuery(document.getElementById("item-name-choice").value.trim())); let categoryOrType = document.getElementById("item-category-choice").value; if (itemTypes.includes(categoryOrType)) { queries.push(new IdMatchQuery("type", categoryOrType)); } else if (itemCategories.includes(categoryOrType)) { queries.push(new IdMatchQuery("category", categoryOrType)); } let rarity = document.getElementById("item-rarity-choice").value; if (rarity) { if (rarity === "ANY") { } else { queries.push(new IdMatchQuery("tier", rarity)); } } let level_dat = document.getElementById("item-level-choice").value ? document.getElementById("item-level-choice").value.split("-") : [1, 106]; queries.push(new LevelRangeQuery(parseInt(level_dat[0]), parseInt(level_dat[1]))); for (let i = 1; i <= 4; ++i) { let raw_dat = document.getElementById("filter"+i+"-choice").value; let filter_dat = translate_mappings[raw_dat]; if (filter_dat !== undefined) { queries.push(new IdQuery(filter_dat)); continue; } filter_dat = special_mappings[raw_dat]; if (filter_dat !== undefined) { queries.push(filter_dat); continue; } } let items_copy = items_expanded.slice(); document.getElementById("search-results").textContent = ""; for (const query of queries) { console.log(items_copy.length); console.log(query, query.filter); items_copy = applyQuery(items_copy, query); console.log(items_copy.length); } document.getElementById("summary").textContent = items_copy.length + " results:" displayItems(items_copy); } function resetItemSearch() { resetFields = ["item-name-choice", "item-category-choice", "item-rarity-choice", "item-level-choice", "filter1-choice", "filter2-choice", "filter3-choice", "filter4-choice"] for (const field of resetFields) { document.getElementById(field).value = ""; } } function init_items() { items_expanded = items.filter( (i) => !("remapID" in i) ).map( (i) => expandItem(i, []) ); } load_init(init_items);