// ==UserScript==
// @name Neopets - Battledome Set Selector (BD+)
// @description Adds a toolbar to define and select up to 5 different loadouts. can default 1 loadout to start as selected. Also adds other QoL battledome features, such as disabling battle animations and auto-selecting 1P opponent.
// @author Metamagic
// @version 2025-08-06.1
// @icon https://i.imgur.com/RnuqLRm.png
// @match https://www.neopets.com/dome/*
// @match https://www.neopets.com/tvw/
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_deleteValue
// @run-at document-start
// @downloadURL https://www.scriptneo.com/scripts/download.php?id=15
// @updateURL https://www.scriptneo.com/scripts/download.php?id=15
// ==/UserScript==
const HIGHLIGHT_MAX_REWARDS = true //makes the victory box green tinted if you're maxed on items. set to false to disable
const ANIMATION_DELAY = 0 //delay (in ms) before skipping animations. 0 = no animation, -1 = disable animation skip
const HIDE_USELESS_BUTTONS = true //hides the useless chat/animation buttons
const IMPROVE_CHALLENGER_LIST = true //enables the 1P challenger list improvements, such as the favorites list and auto-selection.
const LOOT_DISPLAY = true //displays earned loot in the form of pretty progress bars
const INDEX_REDIRECT = true //redirects off the main index page to the fight page
const LOOSE_OBELISK_RESTRICTIONS = true //allows the script to be used in obelisk battles if you haven't done your 10 battles or if you haven't earned your 15 items. honor means nothing compared to convenience.
const MAX_NP = 50000
const MAX_ITEMS = 15
const PLOT_MAX_ITEMS = 30
//TO-DO:
// - give obelisk opponents own section in BD list
//==========
// constants
//==========
let firstLoad = true
//button colors in rgb
const red = [180,75,75]
const blue = [107,168,237]
const green = [123,199,88]
const yellow = [249,204,14]
const magenta = [179,89,212]
const gray = [99,99,99]
const colormap = [red,blue,green,magenta,yellow]
const nullset = {set:null, name:null, default:null}
const nullautofill = {turnfill:[null,null,null,null], default:null}
const ROW_COLORS = {
1:"#a9bad4",
2:"#cce9eb",
3:"#cae3cf",
4:"#e3cbc8",
5:"#9fb9cc",
6:"#d6cbc1",
7:"#e6e4d8",
8:"#dcd3e3"
}
//=====
// main
//=====
// lazy plot point tracking
if(window.location.href.includes("/tvw/")) {
await new Promise(r => setTimeout(r, 1000)) // i can't be assed to set up observers
let pp = $("#container__2020 div.plothub-chapter-points div.plothub-point-amt")[0].innerHTML.split("/") // lol pp
GM_setValue("plotpoints", parseInt(pp[0]))
GM_setValue("maxplotpoints", parseInt(pp[1]))
console.log("[BD+] Recorded plot points")
}
else {
let MAX_PP = GM_getValue("maxplotpoints", 3000)
//index page - redirects
if(window.location.href.includes("/dome/index.phtml") || window.location.href == "https://www.neopets.com/dome/" || window.location.href.includes("/dome/?")) {
window.location.replace("https://www.neopets.com/dome/fight.phtml")
}
let difficulty = null //tracked for obelisk point calculation
let obeliskContribution = 0
let isTVW = false
//migration
let bdaf = GM_getValue("bdautofill", false)
if (bdaf != false) { // if we have bdautofill data but no turnfill field, update it
if(!GM_getValue("bdautofill").turnfill) updateDataCompat()
}
else GM_setValue("bdautofill", clone(nullautofill)) // otherwise set new default
//runs on page load
window.addEventListener("DOMContentLoaded", function() {
//arena page (battle)
if(window.location.href.includes("/dome/arena.phtml")) {
addArenaCSS()
//adds set selector bar once bd intro disappears
//the magic happens from there :)
const introObs = new MutationObserver(mutations => {
introbreak:
for(const mutation of mutations) {
for(const removed of mutation.removedNodes) {
if(removed.id === "introdiv") {
isTVW = isVoidOpponent() //plot stuff
difficulty = $("#p2hp")[0].innerHTML
addBar() //adds set bar
handleRewards() //deals with winning rewards
//removes buttons if bar isn't disabled and animations are disabled
if(HIDE_USELESS_BUTTONS && (!limitObelisk() && !is2Player()) && ANIMATION_DELAY >= 0) {
$("#skipreplay")[0].style.visibility = "hidden"
$("#chatbutton")[0].style.visibility = "hidden"
}
introObs.disconnect() //observation done
break introbreak
}
}
}
})
introObs.observe($("#arenacontainer #playground")[0], {childList: true})
}
//fight page (select)
else if(window.location.href.includes("/dome/fight.phtml") && IMPROVE_CHALLENGER_LIST) {
applyDefaultNPC()
applyDefaultPet()
addFightCSS()
addTableCollapse()
modifyTable()
addStep3Toggle()
//obelisk npc special case
let favobnpcs = GM_getValue("favobnpcs", [])
for(const id of favobnpcs) {
popObeliskFavorite(id)
}
}
})
//TVW stuff
const tvw_tag = "_tvw"
function isVoidOpponent() {
let url = $("#p2image")[0].style.backgroundImage.slice(4, -1).replace(/"/g, "")
let regex = new RegExp(`.*?dome\/npcs.*?_tvw\/.*`)
return regex.test(url)
}
//================
// create elements
//================
function addBar() {
let bar = document.createElement("div")
bar.id = "bdsetbar"
bar.classList.add("bdsetbar", "bdbartext")
bar.style.fontSize = "24px"
bar.innerHTML = "(waiting for battle to start)"
//place bar above status
let status = $("#statusmsg")[0]
status.parentNode.insertBefore(bar, status)
let autofilled = -1 //prevents autofilling twice in same round
//checks status bar for when turn is ready
const statusObs = new MutationObserver(mutations => {
if(status.textContent == "Plan your next move..."){
//populates the bar
if(firstLoad) {
bar.innerHTML = ""
fillBar(bar)
}
//after first load, skips animation if not obelisk
else if(!limitObelisk()){
skipAnimation()
}
if(autofilled < getRoundCount() && (!limitObelisk() && !is2Player())) {
autofilled = getRoundCount()
setDefault()
if(firstLoad) skipAnimation(true) //fuck neopets for this one frfr
}
firstLoad = false
}
})
statusObs.observe(status, {childList: true})
//checks hud for when battle is over
let hud = $("#arenacontainer #playground #gQ_scenegraph #hud")[0]
const hpObs = new MutationObserver(mutations => {
for(const mutation of mutations) {
//battle ends when someone reaches 0 hp
if(hud.children[5].innerHTML <= 0 || hud.children[6].innerHTML <= 0) {
let obelisktrack = GM_getValue("obelisktrack", {count:0, points:0, date:-1})
//resets tracked loot on new day
if(getDate() != GM_getValue("bdloottrack", {items:0, np:0, date:null}).date)
{
GM_deleteValue("bdloottrack")
GM_deleteValue("bdtvwtrack")
}
//resets obelisk data after 4 days (aka the duration of the war)
if(new Date().valueOf() - obelisktrack.date > 1000*60*60*24*4) GM_deleteValue("obelisktrack")
//skips final animation
if(!limitObelisk() && ANIMATION_DELAY >= 0) skipAnimation()
//tracks obelisk contribution
if(isObelisk()) {
//both hp = 0, tie
if(hud.children[5].innerHTML == 0 && hud.children[6].innerHTML == 0) obeliskContribution = difficulty * 0.5
//enemy hp 0, player win
if(hud.children[6].innerHTML == 0) obeliskContribution = difficulty * 1.0
//player hp is 0, either lose or draw
else if(hud.children[5].innerHTML == 0) obeliskContribution = difficulty * 0.2
obelisktrack.count += 1
obelisktrack.points += obeliskContribution
if(obelisktrack.date < 0) obelisktrack.date = new Date().valueOf()
GM_setValue("obelisktrack", obelisktrack)
}
hpObs.disconnect()
break
}
}
})
hpObs.observe(hud, {childList: true, subtree: true})
}
//checks to see if bar should be populated before doing that
function fillBar(bar) {
//script is disabled for obelisk once item limit hit
if(isObelisk()) {
if(!limitObelisk()) {
if(firstLoad) {
console.log("[BSS] Obelisk battle permitted, honor discarded.")
console.log("[BSS] Populating BSS bar.")
}
else console.log("[BSS] Refreshing BSS bar.")
populateBar(bar)
}
//hit item limit today, blocked
else {
console.log("[BSS] Obelisk battle detected, BSS denied to prevent advantage.")
bar.innerHTML = "<i>A true warrior enters the battlefield with honor.</i>\n<i><small>The Obelisk rejects those who require assistance in battle. Prove your faction's worth on your own.</small></i>"
}
}
//script is disabled for 2p
else if(is2Player()) {
console.log("[BSS] 2P battle detected, BSS disabled.")
bar.innerHTML = "<i>A true warrior enters the battlefield with honor.</i><i><small>League regulations require you to be on your own in these battles. May fate be by your side.</small></i>"
}
else {
if(firstLoad) console.log("[BSS] Populating BSS bar.")
else console.log("[BSS] Refreshing BSS bar.")
populateBar(bar)
}
}
function populateBar(bar) {
//puts each sets container on the bar
let bdsetdata = getData("bdsets")
//in cases where setdata gets set to undefined/null by accident
if(!bdsetdata) {
setData("bdsets", clone([nullset,nullset,nullset,nullset,nullset]))
setData("bdautofill", nullautofill)
bdsetdata = getData("bdsets")
window.alert("BSS data corrupted, clearing sets.\nSorry for any inconvenience.")
}
bdsetdata.forEach((set, index) => {
//main container of a set
let container = document.createElement("div"), options = document.createElement("div")
//sets element classes
container.classList.add("bdsetcontainer", "bdbartext")
container.id = `bdsetc${index}`
container.style.backgroundColor = getHex(colormap[index])
let button = makeSetButton(set.name, set.set, index)
container.appendChild(button)
//adds option buttons to container
options.classList.add("bdsetoptioncontainer")
container.appendChild(options)
let save = makeSaveButton(index)
let opt = makeSettingsButton(index)
//adds label to container
let defc = document.createElement("div")
defc.style.textAlign = "right"
defc.style.marginTop = "2px"
if(set.default < 0) defc.innerHTML = "<b>Default</b>"
else if(set.default > 0) defc.innerHTML = `<b>T${set.default}</b>`
options.appendChild(save)
options.appendChild(opt)
options.appendChild(defc)
//adds container to bar
bar.appendChild(container)
})
}
//main button to select set
function makeSetButton(name, itemurls, i) {
//null name means empty set
//button
let button = document.createElement("div")
button.classList.add("bdsetbutton", "bdbarclickable", "setbutton")
if(name != null) button.classList.add("activebutton")
else {
button.style.color = "#949494"
button.style.backgroundColor = "#DEDEDE"
}
if(itemurls != null) {
button.setAttribute("item1", itemurls[0])
button.setAttribute("item2", itemurls[1])
button.setAttribute("ability", itemurls[2])
button.addEventListener("click", function(){useSet(itemurls[0], itemurls[1], itemurls[2], i)})
}
//icons on top of button
let icons = document.createElement("div")
icons.classList.add("bdsetthumbnail")
if(itemurls != null) {
itemurls.forEach(url => {
let iconc = document.createElement("div")
iconc.classList.add("bdseticoncontainer")
if(url != null) iconc.innerHTML = `<img src='${url}' class='bdseticon'>`
icons.appendChild(iconc)
})
}
button.appendChild(icons)
//title on bottom of button
let text = document.createElement("div")
text.classList.add("bdbartext")
if(name == null) {
text.innerHTML = "(empty set)"
}
else text.innerHTML = name
button.appendChild(text)
return button
}
//button to save set
function makeSaveButton(i) {
let button = document.createElement("div")
button.classList.add("bdsetoption", "bdbarclickable", "bdbartext", "activeoption")
button.index = i
button.innerHTML = "Save Set"
button.addEventListener("click", function(){saveNewSet(i)})
return button
}
//button to set autofill options
function makeSettingsButton(i) {
let button = document.createElement("div")
button.classList.add("bdsetoption", "bdbarclickable", "bdbartext")
if(getData("bdsets", i).name != null) {
button.classList.add("activeoption")
button.addEventListener("click", function(){makeSettingsMenu(i)})
}
else {
button.style.color = "#4C5252"
button.style.backgroundColor = "#A5B5B5"
}
button.index = i
button.innerHTML = "Options"
return button
}
//one hell of a functiont hat uses JS to make the setting menu
function makeSettingsMenu(i) {
closeSettingsMenus() //closes other menus
let set = getData("bdsets", i)
let isEmptySet = JSON.stringify(set) == JSON.stringify(nullset)
//menu box
let menuc = document.createElement("div")
menuc.id = "bdsettingsmenu"
menuc.classList.add("settingswindow")
menuc.setAttribute("index", i)
let header = document.createElement("div")
header.style.display = "flex"
header.style.justifyContent = "space-between"
header.style.cursor = "pointer"
header.style.backgroundColor = getHex(colormap[i])
header.innerHTML = `<b>Set ${i+1} Options</b>`
header.style.padding = "4px"
let x = document.createElement("a")
x.innerHTML = "<b>x</b>"
x.style.marginRight = "4px"
x.addEventListener("click", function(){closeSettingsMenus(false, i)})
header.append(x)
let container = document.createElement("div")
container.classList.add("container-vertical")
menuc.appendChild(header)
menuc.appendChild(container)
//change name
let namec = document.createElement("div")
namec.classList.add("container-horizontal")
let nametext = document.createElement("div")
nametext.innerHTML = "Name:"
let namebox = document.createElement("INPUT")
namebox.id = "setname"
namebox.type = "text"
namebox.style.width = "65%"
if(set.name == null) namebox.value = "(empty set)"
else namebox.value = set.name
//adjusts name length to fit
namebox.addEventListener("focus", function(){namebox.setAttribute("old", namebox.value)})
namebox.addEventListener("blur", function(){
namebox.value = namebox.value.substring(0, 12);
if(namebox.value.length < 3) {
window.alert("ERROR: The name is too short! (3-12 characters)")
namebox.value = namebox.getAttribute("old")
}
})
if(isEmptySet) namebox.disabled = true
namec.appendChild(nametext)
namec.appendChild(namebox)
container.appendChild(namec)
//change autofill settings
let defc = document.createElement("div")
defc.classList.add("container-horizontal")
let deftext = document.createElement("div")
deftext.innerHTML = "Autofill:"
let defselect = createSelect(i, set)
if(isEmptySet) defselect.disabled = true
defc.appendChild(deftext)
defc.appendChild(defselect)
container.appendChild(defc)
//delete
let del = document.createElement("BUTTON")
del.innerHTML = "Delete Set"
del.style.marginRight = "0"
del.style.marginLeft = "auto"
del.style.width = "120px"
//disabled if empty set
if(isEmptySet) del.disabled = true
else {
del.addEventListener("click", function(){
if(deleteSet(i)) {
closeSettingsMenus(false, i)
window.alert(`Set ${i+1} successfully deleted.`)
}
})
}
container.appendChild(del)
let div = document.createElement("div")
div.style.height = "12px"
container.appendChild(div)
//close menu
let close = document.createElement("BUTTON")
close.innerHTML = "Save Changes"
close.addEventListener("click", function(){closeSettingsMenus(true, i)})
container.appendChild(close)
$("#arenacontainer")[0].parentElement.appendChild(menuc)
}
//saves and closes the setting menu
function closeSettingsMenus(save, i) {
let menu = $("#bdsettingsmenu")[0]
if(menu == undefined) return
//save changes
if(save) {
//check for differences
let oldset = getData("bdsets", i)
let name = $("#bdsettingsmenu #setname")[0].value
let autofill = $("#bdsettingsmenu #setautofill")[0].value
//if no differences, do nothing
if(name == oldset.name && autofill == oldset.default)
window.alert("No changes were saved.")
//if differences, update the set
else {
oldset.name = name
oldset.default = autofill
updateStoredSet(i, oldset, oldset.default == autofill)
}
}
//remove setting menu
menu.innerHTML = ""
menu.remove()
}
function createSelect(i, set) {
let afset = getData("bdautofill")
let defselect = document.createElement("SELECT")
defselect.id = "setautofill"
// never
let o1 = document.createElement("OPTION")
o1.value = null
o1.label = "Never"
o1.innerHTML = "Never"
defselect.appendChild(o1)
// numbered turns
let j = 0
while(j < afset.turnfill.length) {
j += 1
let o = document.createElement("OPTION")
o.label = `Turn ${j}`
o.innerHTML = o.label
o.value = j
defselect.appendChild(o)
}
// default
let o4 = document.createElement("OPTION")
o4.value = -1
o4.label = "Default"
o4.innerHTML = "Default"
if(afset.default != null && afset.default != i) o4.disabled = true
defselect.appendChild(o4)
//sets default value
defselect.value = set.default
//console.log(defselect)
return defselect
}
//=====================
// button functionality
//=====================
//selects items from saved set
function useSet(item1, item2, ability, i) {
//clears slots before selecting
clearSlots()
let error = false //doesnt check rest of slots if error encountered
//item 1
if(item1 != null) error = selectSlot($("#arenacontainer #p1e1m")[0], item1)
//item 2
if(item2 != null && !error) {
//selects second available if 2 of same item chosen
if(item1 == item2) error = selectSlot($("#arenacontainer #p1e2m")[0], item2, 2)
else error = selectSlot($("#arenacontainer #p1e2m")[0], item2)
}
//ability
if(ability != null && !error) selectSlot($("#arenacontainer #p1am")[0], ability)
console.log(`[BSS] Set ${i} applied.`)
}
//save current selection to set
function saveNewSet(i) {
let oldset = getData("bdsets", i)
let newset = getCurrentItems()
//if the new set is empty
if(JSON.stringify(newset) == JSON.stringify([null,null,null])) {
window.alert("ERROR: You cannot save an empty set!")
return
}
//if there are no changes
else if(JSON.stringify(oldset.set) == JSON.stringify(newset)) {
window.alert("ERROR: There are no changes to save!")
return
}
else if(JSON.stringify(oldset) != JSON.stringify(nullset)){
if(!window.confirm("WARNING: Are you sure you wish to update your previous set?")) return
}
//creates new set object
let bdset = {set:newset, name:oldset.name, default:oldset.default}
//choose a name if no name
if(oldset.name == null) {
let n = prompt("Enter a name for the set:", `Weapon Set ${i+1}`)
if(n == null) return
while(n.length < 3 || n.length > 12) {
n = prompt("ERROR: Name must be between 3-12 chars!\nEnter a name for the set:", `Weapon Set ${i+1}`)
}
bdset.name = n
}
updateStoredSet(i, bdset)
console.log(`[BSS] Set slot ${i} saved.`)
updateBar()
}
function clearSlots() {
let e1 = $("#arenacontainer #p1e1m")[0]
e1.children[1].style.opacity = "1"
if(e1.classList.contains("selected")) e1.click()
let e2 = $("#arenacontainer #p1e2m")[0]
if(e2.classList.contains("selected")) e2.click()
e2.children[1].style.opacity = "1"
let a = $("#arenacontainer #p1am")[0]
a.children[1].style.opacity = "1"
if(a.classList.contains("selected")) {
a.click()
$("#arenacontainer #p1ability")[0].style.display = "none"
}
}
//=================
// helper functions
//=================
async function skipAnimation(ignoreDelay = false) {
let d = ANIMATION_DELAY
if(ignoreDelay) d = 0
if(d == 0) {
pressSkipButton()
if(firstLoad) console.log(`[BSS] First animation cancelled.`)
else console.log(`[BSS] Animation cancelled.`)
}
else if(d > 0) {
setTimeout(pressSkipButton, d)
setTimeout(() => {console.log(`[BSS] Animation skipped after ${d}ms.`)}, d)
}
}
function pressSkipButton() {
let button = $("#arenacontainer #skipreplay")[0]
button.click()
}
//selects the default set
function setDefault() {
let round = getRoundCount()
let autofill = getData("bdautofill")
let applied = false
for(let i = 0; i < autofill.turnfill.length; i++) {
let set = autofill.turnfill[i]
if(round == i+1 && set != null) {
applyDefaultSet(set)
applied = true
break
}
}
if(!applied && autofill.default != null) applyDefaultSet(autofill.default)
}
function applyDefaultSet(i) {
let set = getData("bdsets", i).set
if(set == null) {
setData("bdautofill", nullautofill)
window.alert("BSS data corrupted, clearing autofill settings.\nSorry for any inconvenience.")
return
}
useSet(set[0],set[1],set[2], i)
console.log(`[BSS] Set ${i} autofilled.`)
}
//gets the selection id from an item's image url
//selects the nth occurrence of the item (defaults to first)
function getItemInfo(url, n=1) {
let info = null
let itemlist = $("#arenacontainer #p1equipment")[0].children[2].getElementsByTagName("li")
let count = 0
//iterates through each item in bd menu (even if its hidden it still exists)
for(const item of itemlist) { //each column
if(item.children[0].src == url) {
count++
if(count == n) {
info = {id:item.children[0].id, name:item.children[0].alt, node:item.children[0]}
break
}
}
}
return info
}
//for some reason ability list is a table whereas item lists arent??
function getAbilityInfo(url) {
let info = null
let table = $("#arenacontainer #p1ability")[0].children[2].children[0].getElementsByTagName("td")
for(const node of table) {
if(node.getAttribute("title") != null) {
//we found our node
let nodeurl = node.children[0].innerHTML.match(/img src=\"(.*?)\"/)[1]
//sometimes image links dont include 'https:' for some reason
if(!nodeurl.includes("https:")) {
nodeurl = "https:"+nodeurl
}
if(nodeurl == url) {
//ability on cd
if(node.children[0].classList.contains("cooldown")) info = -1
else info = {id: node.children[0].getAttribute("data-ability"), name: node.title, node:node}
break
}
}
}
return info
}
//sets a bd item to a saved slot's item
function selectSlot(slot, item, n=1) {
let isAbility = slot.id == "p1am"
let info = null
if(isAbility)
info = getAbilityInfo(item, n)
else
info = getItemInfo(item, n)
if(info == -1 && isAbility) {
window.alert("WARNING: The selected ability is on cooldown and has not been selected!")
return true
}
if(info == null) {
window.alert(`ERROR: Tried to assign item not equipped to pet!\nURL of missing item: ${item}`)
return true
}
let slotid = slot.id.slice(0, -1)
$(`#arenacontainer #${slotid}`)[0].value = info.id
//updates slot icon
slot.classList.add("selected")
slot.children[1].style.backgroundPosition = "0px 0px"
slot.children[1].style.backgroundSize = "60px 60px"
slot.children[1].style.backgroundImage = `url("${item}")`
if(!isAbility) {
slot.addEventListener("click", function(){ info.node.removeAttribute("style") })
info.node.style.display = "none"
}
return false
}
//remove and re-adds bar to update visuals
function updateBar() {
let bar = $("#bdsetbar")[0]
bar.innerHTML = ""
fillBar(bar)
}
//returns array of currently selected stuff from arena
function getCurrentItems() {
return [getItemURL($("#arenacontainer #p1e1m")[0]),
getItemURL($("#arenacontainer #p1e2m")[0]),
getItemURL($("#arenacontainer #p1am")[0], true)]
}
//==================
// challenger select
//==================
function applyDefaultPet() {
let name = GM_getValue("skiptopet")
if(name) {
let icon = $(`#bxlist > li > div.petThumbContainer[data-name="${name}"]`)
if(icon.length == 0) {
GM_deleteValue("skiptopet")
console.log(`[BD+] Pet ${name} not found, pet selection cleared.`)
}
else {
console.log(`[BD+] Skipping to Step 3 with pet ${name}.`)
//1ms delay added between clicks
icon[0].click()
setTimeout(()=>{$("#bdFightStep1 > div.nextStep").click()},1)
setTimeout(()=>{$("#bdFightStep2 > div.nextStep").click()},2)
}
}
}
function applyDefaultNPC() {
let npc = GM_getValue("defnpc")
let applyDefault = true //to prevent it from being applied multiple times
const obs = new MutationObserver(mutations => {
if($("#bdFightStep3").css("display") == "block" && applyDefault) {
if(npc) {
console.log("[BD+] Default challenger selected.")
$(`#npcTable tr.npcRow.favorite.default div.tough[data-tough="${npc.diff}"`)[0].click()
}
applyDefault = false
}
else {
applyDefault = true
}
})
obs.observe($("#bdFightStep3")[0], {attributes:true})
}
function addStep3Toggle() {
let div = document.createElement("div")
div.id = "step3toggle"
div.innerHTML = "Automatically select this pet for 1P"
let toggle = document.createElement("label")
toggle.classList.add("switch")
toggle.innerHTML = `<input type="checkbox"><span class="slider round"></span>`
if(GM_getValue("skiptopet")) toggle.querySelector("input").checked = true
//records pet name
toggle.addEventListener("click", (event)=>{
//overrides default behavior
event.stopPropagation()
event.preventDefault()
let toggled = !($("#step3toggle > label > input")[0].checked)
$("#step3toggle > label > input")[0].checked = toggled
if(toggled) {
let name = $(`#bdFightPetInfo > div.petInfoBox[style="display: block;"]`)[0].getAttribute("data-name")
GM_setValue("skiptopet", name)
console.log(`[BD+] Set to automatically select ${name} next time.`)
}
else {
GM_deleteValue("skiptopet")
console.log(`[BD+] Removed automatic pet selected.`)
}
})
//updates recorded pet name if pet is swapped
$("#bxlist")[0].addEventListener("click", (event) => {
if((event.target.tagName.toLowerCase() == "div" || event.target.tagName.toLowerCase() == "img") && $("#step3toggle > label > input")[0].checked) {
let name = $(`#bdFightPetInfo > div.petInfoBox[style="display: block;"]`)[0].getAttribute("data-name")
GM_setValue("skiptopet", name)
console.log(`[BD+] Set to automatically select ${name} next time.`)
}
})
div.appendChild(toggle)
$("#bdFightStep1")[0].appendChild(div)
}
function addTableCollapse() {
let collapse = document.createElement("div")
collapse.classList.add("npccollapse")
//starts collapsed if user has any favorites
if(GM_getValue("favnpcs", []).length > 0) {
$("#bdFightStep3UI > div.npcContainer")[0].classList.add("collapsed")
collapse.innerHTML = "▼"
}
else {
collapse.innerHTML = "▲"
collapse.style.display = "none"
}
//toggles between all and favorites on click
collapse.addEventListener("click", () => {
//expand
if($("#bdFightStep3UI > div.npcContainer")[0].classList.contains("collapsed")) {
$("#bdFightStep3UI > div.npcContainer")[0].classList.remove("collapsed")
$(".npccollapse")[0].innerHTML = "▲"
}
//retract
else {
$("#bdFightStep3UI > div.npcContainer")[0].classList.add("collapsed")
$(".npccollapse")[0].innerHTML = "▼"
}
//recalculate height - from page source code
let tableHeight = $("#npcTable").outerHeight();
$('#bdFight').css('min-height', tableHeight + 257);
let containerHeight = $('#bdFight').outerHeight();
$('#bdFightStepContainer').css('min-height', containerHeight + -60);
$('#bdFightStep3').css('min-height', containerHeight + -63);
$('#bdFightBorderExpansion').css('min-height', containerHeight + -263);
$('#bdFightBorderBottom').css('top', containerHeight + -18);
})
$("#domeTitle")[0].appendChild(collapse)
}
//sorts the "better" domes first
function getDomePriority(id) {
switch(id) {
case 1:
return 6
case 2:
return 3
case 3:
return 7
case 4:
return 2
case 5:
return 1
case 6:
return 5
case 7:
return 4
case 8:
return 0
default:
return 10
}
}
function getDifficulty(tr) {
return tr.querySelector("td.diff").getAttribute("data-diffs").replaceAll(",","").split(";").map(Number)
}
function compareDifficulty(a, b) {
let da = getDifficulty(a), db = getDifficulty(b)
for (let i = 0; i < 3; i++) {
let n = da[i] - db[i]
if(n != 0) return n
}
return 0
}
function modifyTable() {
//gets and sorts rows
let rows = Array.from($("#npcTable > tbody > tr.npcRow"))
rows.sort((a,b) => {
let t = getDomePriority(+a.getAttribute("data-domeid")) - getDomePriority(+b.getAttribute("data-domeid"))
if(t == 0) return compareDifficulty(a,b) //sorts by difficulties within its row
else return t
})
$("#npcTable > tbody")[0].innerHTML = ""
//modifies each row and adds it back
for(const row of rows) {
let newrow = modifyRow(row)
$("#npcTable > tbody")[0].appendChild(newrow)
}
}
function isObeliskNPC(tr) {
let style = tr.querySelector("td.image > div").getAttribute("style")
for(const tag of obelisktags){
if(style.includes(tag)) {
let regex = new RegExp(`.*?dome\/npcs.*?${tag}(\\d).*`)
let n = style.match(regex)[1]
return n
}
}
return false
}
function popObeliskFavorite(n) {
//add to favorites list
if(GM_getValue("favobnpcs", []).includes(n)) {
let list = Array.from($("#npcTable tr.npcRow:not(.favorite)")).filter((tr)=>{
let x = isObeliskNPC(tr)
return x == n
})
for(let tr of list) {
tr.classList.add("favorite")
}
}
//remove from favorites list
else {
let list = Array.from($("#npcTable tr.npcRow.favorite")).filter((tr)=>{
let x = isObeliskNPC(tr)
return x == n
})
for(let tr of list) {
tr.classList.remove("favorite")
}
}
}
function modifyRow(tr) {
//adds favorite button
let fav = document.createElement("div")
fav.classList.add("fav")
//updates favorite list on click
fav.addEventListener("click", (event) => {
const target = event.target || event.srcElement
const oppID = target.parentElement.getAttribute("data-oppid")
let favNPCs = GM_getValue("favnpcs", [])
//favorites list, sets default
if($("#bdFightStep3UI > div.npcContainer.collapsed").length > 0) {
//make new default
if(!target.parentElement.classList.contains("default")) {
//get toughness selected
let diff = target.parentElement.querySelector("div.tough.selected")?.getAttribute("data-tough")
if(!diff) window.alert("You must select a difficulty to set this challenger as your default!")
else {
//remove any other defaults
if($("tr.npcRow.favorite.default").length > 0) $("tr.npcRow.favorite.default")[0].classList.remove("default")
//sets new default
target.parentElement.classList.add("default")
GM_setValue("defnpc", {id:tr.getAttribute("data-oppid"), diff:diff})
console.log(`[BD+] NPC ID ${oppID} at difficulty ${diff} set as default.`)
}
}
//remove default
else {
target.parentElement.classList.remove("default")
GM_deleteValue("defnpc")
console.log(`[BD+] Default NPC removed.`)
}
}
else {
//remove as favorite
let n = target.parentElement.getAttribute("obelisk-id")
if(target.parentElement.classList.contains("favorite")) {
//special case for obelisk challenger
if(n) {
let favobnpcs = GM_getValue("favobnpcs", [])
let i = favobnpcs.indexOf(n);
if (i !== -1) {
favobnpcs.splice(i, 1);
}
GM_setValue("favobnpcs", favobnpcs)
popObeliskFavorite(n)
}
else {
let i = favNPCs.indexOf(oppID);
if (i !== -1) {
favNPCs.splice(i, 1);
}
GM_setValue("favnpcs", favNPCs)
target.parentElement.classList.remove("favorite")
//also removes as a default
if(target.parentElement.classList.contains("default")) {
target.parentElement.classList.remove("default")
GM_deleteValue("defnpc")
}
}
}
//add to favorites
else {
//special case for obelisk challenger
if(n) {
let favobnpcs = GM_getValue("favobnpcs", [])
favobnpcs.push(n)
GM_setValue("favobnpcs", favobnpcs)
popObeliskFavorite(n)
}
else {
favNPCs.push(oppID)
GM_setValue("favnpcs", favNPCs)
target.parentElement.classList.add("favorite")
}
}
//updates visibility of collapse
if(favNPCs.length == 0) {
$("div.npccollapse")[0].style.display = "none"
}
else $("div.npccollapse")[0].style.display = "block"
}
})
tr.appendChild(fav)
//remembers settings
if(GM_getValue("favnpcs", []).includes(tr.getAttribute("data-oppid"))) tr.classList.add("favorite")
if(GM_getValue("defnpc")?.id?.includes(tr.getAttribute("data-oppid"))) tr.classList.add("default")
//marks obelisk npcs
let n = isObeliskNPC(tr)
if(n) tr.setAttribute("obelisk-id", n)
//tints row
tr.style.backgroundColor = ROW_COLORS[+tr.getAttribute("data-domeid")]
return tr
}
//===============
// data functions
//===============
//'deletes' a set by making it nullset
function deleteSet(i) {
let select = window.confirm("WARNING: Are you sure you want to delete this set?")
if(select) {
let sets = getData("bdsets")
sets[i] = nullset
setData("bdsets", sets)
updateBar()
console.log(`[BSS] Set ${i} deleted.`)
}
return select
}
//updates set at index i
function updateStoredSet(i, newset, updateAutofill = false) {
//updates stored set
let sets = getData("bdsets")
sets[i] = newset
setData("bdsets", sets)
//updates autofill settings
if(updateAutofill) {
let af = getData("bdautofill", nullautofill)
let val = newset.default
//can only have 1 autofill at a time, remove others
if(af.default == i) af.default = null
else {
let tindex = af.turnfill.indexOf(i)
if(tindex != -1) af.turnfill[tindex] = null
}
//sets new autofill
let turn = newset.default
if(turn != null) {
if(turn < 0) af.default = i
else af.turnfill[turn-1] = i
}
setData("bdautofill", af)
}
console.log(`[BD+] Stored set ${i} updated`)
updateBar()
}
//keeps support from cookies
function getData(tag, i = null) {
if(tag == "bdsets") {
let ns = clone([nullset,nullset,nullset,nullset,nullset])
//still supports browser cookies to prevent set wipes
let cookie = window.localStorage.getItem("bdsets")
if(cookie != null) {
if(i != null) return JSON.parse(JSON.parse(cookie)[i])
else {
let arr = JSON.parse(cookie)
for(i = 0; i < 5; i++) {
arr[i] = JSON.parse(arr[i])
}
return arr
}
}
else {
if(i != null) return GM_getValue("bdsets", ns)[i]
else return GM_getValue("bdsets", ns)
}
}
else if(tag == "bdautofill") {
//still supports browser cookies to prevent set wipes
let cookie = window.localStorage.getItem("bdautofill")
if(cookie != null) return JSON.parse(cookie)
else return GM_getValue("bdautofill", clone(nullautofill))
}
else {
return GM_getValue(tag, null)
}
}
//clears cookies if they exist to convert over to script storage
function setData(tag, value) {
window.localStorage.removeItem(tag)
GM_setValue(tag, value)
}
//================
// misc. functions
//================
function getRoundCount() {
return $("#logheader #flround")[0].innerHTML
}
//used for legitimacy checks to disable in areas that give advantage
const obelisktags = [
"_order",
"_thief",
"_awakened",
"_seekers",
"_brute",
"_sway"
]
const guildmap = {
"_order": "Order",
"_thief": "Thieves",
"_awakened": "Awakened",
"_seekers": "Seekers",
"_brute": "Brutes",
"_sway": "Sway"
}
const guildNameMap = []
function isObelisk() {
let p2 = $("#arenacontainer #playground #gQ_scenegraph #p2 #p2image")[0]
let url = p2.style.backgroundImage
let res = null
for(const tag of obelisktags){
if(url.includes(tag)) {
res = guildmap[tag]
break
}
}
return res
}
//reads the reward screen
function handleRewards() {
const lootObs = new MutationObserver(mutations => {
lootObs.disconnect()
if($("button.end_ack.nextwave").length == 0) { //only handles rewards on the final wave, thanks to robbie for this one
let rewardCount = countRewards() //counts and records rewards earned
if(hitItemLimit()) highlightItemLimit() //highlights the win div if you've earned max rewards
if(LOOT_DISPLAY) {
addLootDisplay()
if(rewardCount == 0) addEmptyDisplay() //shows a unique display for earning nothing
}
addObeliskContribution() //adds obelisk contribution
}
})
lootObs.observe($("#arenacontainer #bdPopupGeneric-winnar #bd_rewards")[0], {childList: true, subtree: true})
}
const HIGH_VALUE_LIST = ["armoured negg", "frozen negg", "bubbling fungus", "chocolate ice cream"]
const RED_LIST = ["cui codestone", "kew codestone", "mag codestone", "sho codestone", "vux codestone", "zed codestone"]
function rewardSort(name) {
name = name.toLowerCase()
if(name.includes("nerkmid")) return 50
else if(HIGH_VALUE_LIST.includes(name)) return 40
else if(name.includes("codestone")) {
if(RED_LIST.includes(name)) return 30
else return 20
}
else if(name.includes("dubloon coin")) return 10+dubloonSort(name)
else if(name.includes("neocola token")) return 10
else return 0
}
function dubloonSort(name) {
if(name == "one dubloon coin") return 1
else if(name == "two dubloon coin") return 2
else if(name == "five dubloon coin") return 3
else if(name == "ten dubloon coin") return 4
else return 0
}
function addLootDisplay() {
let lootcont = document.createElement("bdlootcont")
lootcont.id = "bdlootcont"
$("#bdPopupGeneric-winnar")[0].appendChild(lootcont)
addLootBars() //adds display for prize tally
addRewardList() //adds the list of rewards
}
function addRewardList() {
let list = GM_getValue("bdloottrack", {items:0, lootlist: {}, np:0, date:null}).lootlist
let table = document.createElement("table")
table.id = "bdlootdisplay"
let tbody = table.appendChild(document.createElement("tbody"))
let th = document.createElement("th")
th.innerHTML = "Today's Prizes"
let copy = document.createElement("a")
copy.innerHTML = "(copy)"
copy.style = "position:absolute; display: block; top: 5px; right: 5px; font-size: 6pt; color: blue; cursor: pointer;"
//copies the formatted item list for convenience
copy.addEventListener("click", (event) => {
let str = "__Battledome Prizes - " + getDate() + "__\n"
for(const tr of Array.from($("#bdlootdisplay tr"))) {
if(tr.getAttribute("style")) str += "*"
str += tr.querySelector("td").innerHTML
if(tr.getAttribute("style")) str += "*"
str += "\n"
}
navigator.clipboard.writeText(str.trim());
event.target.innerHTML = "(copied!)"
console.log("[BD+] Copied prize list to clipboard.")
})
th.appendChild(copy)
tbody.appendChild(th)
//sorts reward list
let items = Object.keys(list)
items.sort((a, b) => {
let t = rewardSort(b) - rewardSort(a)
if(t == 0) return b.localeCompare(a)
else return t
})
//empty list
if(items.length == 0) {
let row = document.createElement("tr")
let cell = document.createElement("td")
cell.innerHTML = `<i>You haven't won anything!</i>`
row.appendChild(cell)
tbody.appendChild(row)
}
//displays each item in list
else {
for(const name of items) {
let row = document.createElement("tr")
let cell = document.createElement("td")
cell.innerHTML = `${name} x ${list[name]}`
row.appendChild(cell)
tbody.appendChild(row)
//unfocus junk items
if(rewardSort(name.toLowerCase()) == 0) {
row.style.backgroundColor = "lightgray"
row.style.fontStyle = "italic"
}
}
}
$("#bdlootcont")[0].appendChild(table)
console.log("[BD+] Displaying prize table.")
}
//lets have some fun with the no reward display
const SAD_ITEMS = [
"https://images.neopets.com/items/hfo_depressed_potato.gif",
"https://images.neopets.com/items/plu_grey_kacheek.gif",
"https://images.neopets.com/items/petpet_frowny.gif",
"https://images.neopets.com/items/grey_ghostkerchief.gif",
"https://images.neopets.com/items/boo_jubjub_tellmewhy.gif",
"https://images.neopets.com/items/cirrus_grey.gif",
"https://images.neopets.com/items/plu_grundo_grey.gif",
"https://images.neopets.com/items/foo_grey_toast.gif"
]
const SAD_BGS = [
"https://outfits.openneo-assets.net/outfits/2908566/v/1693339777/150.png",
"https://outfits.openneo-assets.net/outfits/2908567/v/1693339872/150.png",
"https://outfits.openneo-assets.net/outfits/2908568/v/1693339886/150.png"
]
function addEmptyDisplay() {
if(GM_getValue("bdloottrack", {items:0, lootlist: {}, np:0, date:null}).items >= 15) var msg = "You can't get any more items. :("
else msg = "You didn't win anything. :("
let td = document.createElement("td")
td.style = "width:90px; position:relative;"
td.innerHTML = `
<div style="background-image: url(${SAD_BGS[Math.floor(Math.random() * SAD_BGS.length)]}); background-size: 84px 84px; background-position:top; background-repeat: no-repeat;">
<div style="width:80px;height:80px;border:2px solid black;"><img src="${SAD_ITEMS[Math.floor(Math.random() * SAD_ITEMS.length)]}" alt="No Prize" height="80" width="80" style="opacity:0.7;-webkit-filter:grayscale(100%);filter:grayscale(100%);"></div><span class="prizname" style="color: #303030; font-weight: normal; font-style: italic;">${msg}</span>
</div>
`
$("#bd_rewardsloot > tbody > tr")[0].appendChild(td)
}
//creates the loot progress bars on the victory screen
function addLootBars() {
let barCont = document.createElement("div")
barCont.classList.add("lootprogress")
//framework
let bar1 = document.createElement("div")
bar1.classList.add("lootprogress-cont")
let pbar = document.createElement("div")
pbar.classList.add("lootprogress-bar")
let tbar = document.createElement("div")
tbar.classList.add("lootprogress-text")
bar1.appendChild(pbar)
bar1.appendChild(tbar)
let bar2 = bar1.cloneNode(true)
if(isTVW) var bar3 = bar1.cloneNode(true)
//item bar
let w1 = GM_getValue("bdloottrack", {items:0, np:0}).items
let imax = isTVW ? PLOT_MAX_ITEMS : MAX_ITEMS
bar1.querySelector(".lootprogress-bar").style.backgroundColor = "#1E90FF"
bar1.querySelector(".lootprogress-bar").style.width = `${Math.min(w1/imax*100.0, 100)}%`
bar1.querySelector(".lootprogress-text").innerHTML = `${w1} / ${imax} Items`
//np bar
let w2 = GM_getValue("bdloottrack", {items:0, np:0}).np
bar2.querySelector(".lootprogress-bar").style.backgroundColor = "#DAA520"
bar2.querySelector(".lootprogress-bar").style.width = `${Math.min(w2/MAX_NP*100.0, 100)}%`
bar2.querySelector(".lootprogress-text").innerHTML = `${w2} / ${MAX_NP} NP`
if(isTVW) {
let w3 = GM_getValue("plotpoints", 0)
bar3.querySelector(".lootprogress-bar").style.backgroundColor = "#A171BF"
bar3.querySelector(".lootprogress-bar").style.width = `${Math.min(w3/MAX_PP*100.0, 100)}%`
bar3.querySelector(".lootprogress-text").innerHTML = `${w3} / ${MAX_PP} Plot Points`
}
//adds loot bars to page
barCont.appendChild(bar1)
barCont.appendChild(bar2)
if(isTVW) {
barCont.appendChild(bar3)
barCont.style.height = "60px"
}
$("#bdlootcont")[0].appendChild(barCont)
//hides some messages that flood up the reward box with the bars
for(let li of Array.from($("#bd_rewardsloot li")).filter((li)=>{return li.innerHTML.includes("limit for today!") || li.innerHTML.includes("Sorry, you didn't win")})) {
li.style.display = "none"
}
console.log("[BD+] Added loot bar display and hid redundant messages.")
}
function countRewards() {
let items = Array.from($("#bd_rewardsloot td")).filter((td)=>{return !td.querySelector("img").getAttribute("src").includes("images.neopets.com/reg/started_bagofnp.gif")})
let np = Array.from($("#bd_rewardsloot td > img")).find((img)=>{return img.getAttribute("src").includes("images.neopets.com/reg/started_bagofnp.gif")})?.getAttribute("alt")?.split(" ")?.[0] || 0
if(items.length > 0 || np > 0) {
let loot = GM_getValue("bdloottrack", {items:0, lootlist: {}, np:0, date:null})
if(getDate() != loot.date) loot = {items:0, lootlist: {}, np:0, date:null} //resets on new day
if(loot.lootlist == undefined) loot.lootlist = {} //to be extra cautious
//grabs the item names and adds to earned item list
for(const td of items) {
let name = td.querySelector("span").innerHTML
//increments the item's count
console.log(name)
if(loot.lootlist.hasOwnProperty(name)) loot.lootlist[name] += 1
else loot.lootlist[name] = 1
}
loot.items += items.length
loot.np = Number(loot.np) + Number(np) //because js is fucky, np is grabbed as a string so we have to make them numbers first
loot.date = getDate() //records current date
GM_setValue("bdloottrack", loot)
console.log(`[BD+] ${items} item(s) and ${np} NP earned, loot recorded.`)
}
if(isTVW) {
let pp = $("#bd_rewards > div.rewardsContainer > p > span.prizname")
if(pp.length > 0) {
var earned = parseInt(pp[0].innerHTML.split(" ")[0])
let prev = GM_getValue("plotpoints", 0)
GM_setValue("plotpoints", prev + earned)
console.log(`[BD+] ${earned} plot points earned, recorded.`)
}
}
return items.length + (np > 0 ? 1 : 0) + (isTVW ? earned : 0) //returns true if there were any rewards and false (aka 0) if there weren't
}
function hitItemLimit() {
return GM_getValue("bdloottrack", {items:0, np:0}).items >= 15
}
function highlightItemLimit() {
//doesnt highlight in obelisk fights
if(HIGHLIGHT_MAX_REWARDS && hitItemLimit() && !isObelisk()) {
$("#arenacontainer #bdPopupGeneric-winnar")[0].getElementsByClassName("middle")[0].style.backgroundColor = "#D0EDCA"
$("#arenacontainer #bdPopupGeneric-winnar")[0].getElementsByClassName("bg")[0].style.backgroundColor = "#D0EDCA"
}
}
//obelisk limits apply if you've done less than 10 obelisk fights and you've collected your daily prizes
function limitObelisk() {
return isObelisk() && ((GM_getValue("obelisktrack", {count:0, points:0}).count >= 10 && GM_getValue("bdloottrack", {items:0, np:0, date:null}).items == 15) || !LOOSE_OBELISK_RESTRICTIONS)
}
function addObeliskContribution() {
let guild = isObelisk()
if(guild) {
let div = document.createElement("div")
div.style = "border-radius: 1px; position:absolute; display:block; bottom: -82px; text-align: center; height: 64px; z-index: 1; right: 0px; border: 2px solid black; background-color: lightgrey; background-image: url(https://i.imgur.com/VttRWYx.png); background-size:100%; background-position: bottom;"
let msg = div.appendChild(document.createElement("div"))
msg.style = "background-color:rgba(255,255,255,0.9); padding: 6px; height: 30px; margin: 13px; border-radius: 1px;"
let data = GM_getValue("obelisktrack", {count: 0, points:0, date: -1})
if(guild.slice(-1) == 's') var plural = "have"
else plural = "has"
msg.innerHTML = `<b>Your contributions against The ${guild} ${plural} been recorded.</b><br>
<b>Total Battles: ${data.count} | Total Points: ${data.points} ( +${obeliskContribution} )</b>`
$("#bdPopupGeneric-winnar")[0].appendChild(div)
}
}
function is2Player() {
let p2 = $("#arenacontainer #playground #gQ_scenegraph #p2 #p2image")[0]
if(p2.style.backgroundImage.includes("pets.neopets.com")) return true
else return false
}
//helpers
function clone(data) {
return JSON.parse(JSON.stringify(data))
}
function getDate() {
return new Date().toLocaleString("en-US", {timeZone: "America/Los_Angeles"}).slice(0, 10).replace(",","")
}
function getItemURL(node, ability=false) {
//for some reason the abilitys class isnt changed to selected
if(!node.classList.contains("selected") && ability == false) return null
else {
let str = node.children[1].style.backgroundImage
if(str.length < 1) return null
else {
let s = str.slice(5, -2)
if(!s.includes("https:")) s = "https:"+s
return s
}
}
}
function getHex(color) {
let hex = "#"
color.forEach(c => {
hex += c.toString(16).padStart(2, "0")
})
return hex
}
//==============
// compatibility
//==============
function updateDataCompat() {
let sets = GM_getValue("bdsets", nullset)
let af = GM_getValue("bdautofill", nullautofill)
let update = 0
//update sets
if (sets != nullset) {
for (let set of sets) {
if(set.default == 3) set.default = -1 //update "default" setting value
update += 1
}
}
if(update > 0) {
GM_setValue("bdsets", sets)
console.log(`[BD+] ${update} compatibility updates applied to "bdsets"`)
update = 0
}
//update autofill data
if(af != nullautofill) {
var newaf = clone(nullautofill)
if(af.turn1 != null) {
newaf.turnfill[0] = af.turn1
update += 1
}
if(af.turn2 != null) {
newaf.turnfill[1] = af.turn2
update += 1
}
}
if(update > 0) {
GM_setValue("bdautofill", newaf)
console.log(`[BD+] ${update} compatibility updates applied to "bdautofill"`)
update = 0
}
}
//==========
// style css
//==========
function addArenaCSS() {
//bar
document.head.appendChild(document.createElement("style")).innerHTML = `
.bdbartext {
font-family: "Comic Sans MS", "Comic Sans", serif;
text-align: center;
text-overflow: hidden;
overflow: hidden;
padding: 2px;
margin: auto;
max-width: 100%;
max-height: 100%;
font-size: 14px;
line-height: 100%;
color: inherit;
cursor: default;
}
.bdbarclickable {
border-style: solid;
border-width: 1px;
border-color: #000;
}
.bdsetbar {
height: 80px;
width: 98%;
background-color: #CCCCCC;
margin: auto;
display: flex;
justify-content: space-around;
align-items: center;
padding: 0px 10px;
position: relative;
}
.bdsetcontainer {
height: 60px;
padding: 5px;
width: 18%;
display: flex;
justify-content: center;
align-items: center;
}
.bdsetbutton {
background-color: #FFFFFF;
height: 60px;
width: 100px;
margin: 2px;
display: flex;
justify-content: center;
flex-direction: column;
container-type: inline-size;
}
.activebutton {
cursor: pointer !important;
}
.activebutton:active {
background-color: #DEDEDE; /* haha nice */
}
.bdsetthumbnail {
display: inline-flex;
justify-content: space-evenly;
align-items: center;
height: 70%;
width: 100%;
}
.bdseticoncontainer {
margin: auto;
padding: 4px;
height: 100%;
flex: 1;
display: flex;
align-items: center;
}
.bdseticon {
max-width:100%;
max-height:100%;
object-fit: cover;
position: relative;
}
.bdsetoptioncontainer {
display: flex;
flex-direction: column;
height: 100%;
}
.bdsetoption {
background-color: #C2D1D1;
padding: 2px;
margin: 1px 0px;
}
.activeoption {
cursor: pointer !important;
}
.activeoption:active {
background-color: #A5B5B5;
}
.lootprogress {
border-radius: 5px;
display: flex;
flex-direction: column;
height: 40px;
align-items: center;
justify-content: center;
width: 210px;
margin-bottom: 5px;
padding: 5px 0px;
background-color: #ffffb3;
border: solid 1px black;
}
.lootprogress-cont {
margin: 2px;
display: block;
position: relative;
width: 95%;
height: 18px;
background-color: #d1d1d1;
border-radius: 6px;
}
.lootprogress-bar {
display: block;
position: absolute;
left: 0;
height: 100%;
border-radius: 6px;
}
.lootprogress-text {
display: block;
position: absolute;
left: 10px;
font-weight: bold;
}
#bdrewards p {
margin-top: 0px;
}
.bdPopupGeneric.contents {
padding-bottom: 50px !important;
}
#bdlootcont {
display: flex;
flex-direction: column;
position: absolute;
z-index: 1;
left: 103%;
top: 0;
}
#bdlootdisplay {
display: table;
width: 210px;
position: relative;
background-color: white;
border: 2px solid;
border-collapse: collapse;
}
#bd_rewardsloot {
height: auto !important;
}
#bd_rewardsnav {
top: 286px !important;
}
#bdlootdisplay th, #bdlootdisplay tr {
border: 1px solid black;
font-size: 8pt;
padding: 4px;
}
#bdlootdisplay td {
padding: 2px 4px;
}
#bdlootdisplay th {
border-bottom: 2px solid black;
font-size: 10pt;
background-color: #ffffb3;
}
`
/*
#bd_rewardsloot tr {
display: flex !important;
justify-content: center;
}
#bd_rewardsloot tr td {
display: block !important;
}
*/
//settings window
document.head.appendChild(document.createElement("style")).innerHTML = `
.settingswindow {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 100;
background-color: #FFFFFF;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.container-vertical {
display: flex;
justify-content: flex-start;
flex-direction: column;
padding: 10px;
}
.container-horizontal {
display: inline-flex;
justify-content: space-between;
margin-bottom: 4px;
}
`
}
//fight.phtml
function addFightCSS() {
document.head.appendChild(document.createElement("style")).innerHTML = `
div.npcContainer.collapsed tr.npcRow.favorite.default div.fav:hover::before {
content: "Remove Default";
width: 124px;
}
div.npcContainer.collapsed tr.npcRow.favorite div.fav:hover::before {
content: "Set as Default";
width: 110px;
}
div.npcContainer tr.npcRow.favorite div.fav:hover::before {
content: "Remove from Favorites";
width: 174px;
}
div.npcContainer div.fav:hover::before {
content: "Set as Favorite";
width: 110px;
padding: 2px;
text-align: center;
display: block;
position: absolute;
background-color: rgba(255,255,255,0.95);
border: 1px solid black;
font-size: 0.9em;
left: 60%;
bottom: 60%;
border-radius: 4px;
pointer-events: none;
opacity: 1.0 !important;
visibility: visible;
}
div.npcContainer div.fav::before {
content: "";
opacity: 0;
transition-duration: 0.2s;
transition-property: opacity;
}
/*these 3 should be layered into 1 sprite sheet but i cant be assed*/
tr.favorite > div.fav {
background-image: url(https://i.imgur.com/P5xOsKL.png);
}
tr.favorite.default > div.fav {
background-image: url(https://i.imgur.com/8FAMSEM.png);
}
tr.selectedPveNpc > div.fav {
}
tr > div.fav {
width: 16px;
height: 16px;
background-size: 16px 16px;
background-image: url(https://i.imgur.com/PMhcKWC.png);
display: block;
position: absolute;
left: 287px;
top: 3px;
cursor: pointer;
}
tr.npcRow.selectedPveNpc {
background-color: #F0E68C !important;
}
.npcRow {
position: relative;
}
td.diff {
width: 75px;
}
td.tough {
width: 151px;
}
#bdFightStep3 {
min-height: fit-content !important;
}
.npccollapse {
font-size: 15px;
cursor: pointer;
user-select: none !important;
}
#domeTitle:has(+ div.npcContainer.collapsed) {
background-image: url(https://i.imgur.com/KY67k7i.png);
}
div.npcContainer.collapsed #npcTable tr:not(.favorite) {
display: none !important;
}
div.borderExpansion > br {
display: none;
}
#bdFightStep3FightButton {
transform: translateY(48px);
}
#quickfight {
top: 0px;
left: 50%;
transform: translateX(-50%);
display: flex;
}
#step3toggle {
bottom: 5px;
right: 132px;
display: flex;
align-items: center;
color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
#step3toggle:has(input:checked) {
color: #2196F3;
}
/* modified from https://www.w3schools.com/howto/howto_css_switch.asp */
.switch {
position: relative;
display: inline-block;
width: 40px;
height: 23px;
margin-left: 6px;
font-size: 0.9em;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 17px;
width: 17px;
left: 3px;
bottom: 3px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(17px);
-ms-transform: translateX(17px);
transform: translateX(17px);
}
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
`
}
}