diff --git a/src/facilities/farmyard/farmyard.js b/src/facilities/farmyard/farmyard.js index c02f919a0f2825aea4420fa6618e268fd641e11c..7346ee8212d561e9f8cc19205d8c11c33b1e39ae 100644 --- a/src/facilities/farmyard/farmyard.js +++ b/src/facilities/farmyard/farmyard.js @@ -491,7 +491,7 @@ App.Facilities.Farmyard.farmyard = class Farmyard extends App.Facilities.Facilit /** @returns {DocumentFragment} */ get kennels() { - const frag = new DocumentFragment(); + const div = document.createElement("div"); const cost = Math.trunc(5000 * V.upgradeMultiplierArcology); @@ -522,8 +522,8 @@ App.Facilities.Farmyard.farmyard = class Farmyard extends App.Facilities.Facilit } if (V.farmyardKennels === 0) { - frag.append(`There is enough room in ${V.farmyardName} to build kennels to house canines.`); - App.UI.DOM.appendNewElement("div", frag, App.UI.DOM.link(`Add kennels`, () => { + div.append(`There is enough room in ${V.farmyardName} to build kennels to house canines.`); + App.UI.DOM.appendNewElement("div", div, App.UI.DOM.link(`Add kennels`, () => { cashX(forceNeg(cost), "farmyard"); V.farmyardKennels = 1; V.PC.skill.engineering += .1; @@ -531,10 +531,10 @@ App.Facilities.Farmyard.farmyard = class Farmyard extends App.Facilities.Facilit this.refresh(); }, [], '', `Costs ${cashFormat(cost)}, will incur upkeep costs, and unlocks domestic canines.`), ['indent']); } else if (V.farmyardKennels === 1) { - frag.append(App.UI.DOM.passageLink("Kennels", "Farmyard Animals"), ` have been built in one corner of ${V.farmyardName}, and are currently ${CL < 1 ? `empty` : `occupied by ${dogs}`}. `); + div.append(App.UI.DOM.passageLink("Kennels", "Farmyard Animals"), ` have been built in one corner of ${V.farmyardName}, and are currently ${CL < 1 ? `empty` : `occupied by ${dogs}`}. `); if (V.rep > 10000) { - App.UI.DOM.appendNewElement("div", frag, App.UI.DOM.link("Upgrade kennels", () => { + App.UI.DOM.appendNewElement("div", div, App.UI.DOM.link("Upgrade kennels", () => { cashX(forceNeg(cost * 2), "farmyard"); V.farmyardKennels = 2; V.PC.skill.engineering += .1; @@ -542,20 +542,20 @@ App.Facilities.Farmyard.farmyard = class Farmyard extends App.Facilities.Facilit this.refresh(); }, [], '', `Costs ${cashFormat(cost * 2)} will incur additional upkeep costs, and unlocks exotic canines.`), ['indent']); } else { - App.UI.DOM.appendNewElement("div", frag, App.UI.DOM.disabledLink("Upgrade kennels", + App.UI.DOM.appendNewElement("div", div, App.UI.DOM.disabledLink("Upgrade kennels", [`You must be more reputable to be able to house exotic canines.`]), ['indent']); } } else if (V.farmyardKennels === 2) { - frag.append(App.UI.DOM.passageLink("Large kennels", "Farmyard Animals"), ` have been built in one corner of ${V.farmyardName}, and are currently ${CL < 1 ? `empty` : `occupied by ${canines}`}. `); + div.append(App.UI.DOM.passageLink("Large kennels", "Farmyard Animals"), ` have been built in one corner of ${V.farmyardName}, and are currently ${CL < 1 ? `empty` : `occupied by ${canines}`}. `); } - return frag; + return div; } /** @returns {DocumentFragment} */ get stables() { - const frag = new DocumentFragment(); + const div = document.createElement("div"); const cost = Math.trunc(5000 * V.upgradeMultiplierArcology); @@ -568,8 +568,8 @@ App.Facilities.Farmyard.farmyard = class Farmyard extends App.Facilities.Facilit : `all kinds of hooved animals`; if (V.farmyardStables === 0) { - frag.append(`There is enough room in ${V.farmyardName} to build a stables to house hooved animals.`); - App.UI.DOM.appendNewElement("div", frag, App.UI.DOM.link("Add stables", () => { + div.append(`There is enough room in ${V.farmyardName} to build a stables to house hooved animals.`); + App.UI.DOM.appendNewElement("div", div, App.UI.DOM.link("Add stables", () => { cashX(forceNeg(cost), "farmyard"); V.farmyardStables = 1; V.PC.skill.engineering += .1; @@ -577,10 +577,10 @@ App.Facilities.Farmyard.farmyard = class Farmyard extends App.Facilities.Facilit this.refresh(); }, [], '', `Costs ${cashFormat(cost)}, will incur upkeep costs, and unlocks domestic hooved animals.`), ['indent']); } else if (V.farmyardStables === 1) { - frag.append(App.UI.DOM.passageLink("Stables", "Farmyard Animals"), ` have been built in one corner of ${V.farmyardName}, and are currently ${HL < 1 ? `empty` : `occupied by ${hooved}`}. `); + div.append(App.UI.DOM.passageLink("Stables", "Farmyard Animals"), ` have been built in one corner of ${V.farmyardName}, and are currently ${HL < 1 ? `empty` : `occupied by ${hooved}`}. `); if (V.rep > 10000) { - App.UI.DOM.appendNewElement("div", frag, App.UI.DOM.link("Upgrade stables", () => { + App.UI.DOM.appendNewElement("div", div, App.UI.DOM.link("Upgrade stables", () => { cashX(forceNeg(cost * 2), "farmyard"); V.farmyardStables = 2; V.PC.skill.engineering += .1; @@ -588,20 +588,20 @@ App.Facilities.Farmyard.farmyard = class Farmyard extends App.Facilities.Facilit this.refresh(); }, [], '', `Costs ${cashFormat(cost * 2)}, will incur additional upkeep costs, and unlocks exotic hooved animals.`), ['indent']); } else { - App.UI.DOM.appendNewElement("div", frag, App.UI.DOM.disabledLink("Upgrade stables", + App.UI.DOM.appendNewElement("div", div, App.UI.DOM.disabledLink("Upgrade stables", [`You must be more reputable to be able to house exotic hooved animals.`]), ['indent']); } } else if (V.farmyardStables === 2) { - frag.append(App.UI.DOM.passageLink("Large stables", "Farmyard Animals"), ` have been built in one corner of ${V.farmyardName}, and are currently ${HL < 1 ? `empty` : `occupied by ${hooved}`}. `); + div.append(App.UI.DOM.passageLink("Large stables", "Farmyard Animals"), ` have been built in one corner of ${V.farmyardName}, and are currently ${HL < 1 ? `empty` : `occupied by ${hooved}`}. `); } - return frag; + return div; } /** @returns {DocumentFragment} */ get cages() { - const frag = new DocumentFragment(); + const div = document.createElement("div"); const cost = Math.trunc(5000 * V.upgradeMultiplierArcology); @@ -632,8 +632,8 @@ App.Facilities.Farmyard.farmyard = class Farmyard extends App.Facilities.Facilit } if (V.farmyardCages === 0) { - frag.append(`There is enough room in ${V.farmyardName} to build cages to house felines.`); - App.UI.DOM.appendNewElement("div", frag, App.UI.DOM.link("Add cages", () => { + div.append(`There is enough room in ${V.farmyardName} to build cages to house felines.`); + App.UI.DOM.appendNewElement("div", div, App.UI.DOM.link("Add cages", () => { cashX(forceNeg(cost), "farmyard"); V.farmyardCages = 1; V.PC.skill.engineering += .1; @@ -641,10 +641,10 @@ App.Facilities.Farmyard.farmyard = class Farmyard extends App.Facilities.Facilit this.refresh(); }, [], '', `Costs ${cashFormat(cost)}, will incur upkeep costs, and unlocks domestic felines.`), ['indent']); } else if (V.farmyardCages === 1) { - frag.append(App.UI.DOM.passageLink("Cages", "Farmyard Animals"), ` have been built in one corner of ${V.farmyardName}, and are currently ${FL < 1 ? `empty` : `occupied by ${cats}`}. `); + div.append(App.UI.DOM.passageLink("Cages", "Farmyard Animals"), ` have been built in one corner of ${V.farmyardName}, and are currently ${FL < 1 ? `empty` : `occupied by ${cats}`}. `); if (V.rep > 10000) { - App.UI.DOM.appendNewElement("div", frag, App.UI.DOM.link("Upgrade cages", () => { + App.UI.DOM.appendNewElement("div", div, App.UI.DOM.link("Upgrade cages", () => { cashX(forceNeg(cost * 2), "farmyard"); V.farmyardCages = 2; V.PC.skill.engineering += .1; @@ -652,15 +652,15 @@ App.Facilities.Farmyard.farmyard = class Farmyard extends App.Facilities.Facilit this.refresh(); }, [], '', `Costs ${cashFormat(cost * 2)}, will increase upkeep costs, and unlocks exotic felines.`), ['indent']); } else { - App.UI.DOM.appendNewElement("div", frag, App.UI.DOM.disabledLink("Upgrade cages", + App.UI.DOM.appendNewElement("div", div, App.UI.DOM.disabledLink("Upgrade cages", [`You must be more reputable to be able to house exotic felines. `]), ['indent']); } } else if (V.farmyardCages === 2) { - frag.append(App.UI.DOM.passageLink("Large cages", "Farmyard Animals"), ` have been built in one corner of ${V.farmyardName}, and are currently ${FL < 1 ? `empty` : `occupied by ${felines}`}.`); + div.append(App.UI.DOM.passageLink("Large cages", "Farmyard Animals"), ` have been built in one corner of ${V.farmyardName}, and are currently ${FL < 1 ? `empty` : `occupied by ${felines}`}.`); } - return frag; + return div; } /** @returns {DocumentFragment} */