diff --git a/src/facilities/farmyard/farmyard.js b/src/facilities/farmyard/farmyard.js index 10315fe178669acca5c6f6f934c36ac35bed528c..ffa1bdeb539e4bc911e7611fa2b9115a153e1659 100644 --- a/src/facilities/farmyard/farmyard.js +++ b/src/facilities/farmyard/farmyard.js @@ -1,23 +1,10 @@ App.Facilities.Farmyard.farmyard = function() { const frag = new DocumentFragment(), - introDiv = document.createElement("p"), - expandDiv = document.createElement("div"), - menialsDiv = document.createElement("div"), - rulesDiv = document.createElement("div"), - upgradesDiv = document.createElement("div"), - animalsDiv = document.createElement("div"), - slavesDiv = document.createElement("div"), + renameDiv = document.createElement("div"), renameNote = document.createElement("span"); - introDiv.classList.add("farmyard-intro"); - expandDiv.classList.add("farmyard-expand"); - menialsDiv.classList.add("farmyard-menials"); - rulesDiv.classList.add("farmyard-rules"); - upgradesDiv.classList.add("farmyard-upgrades"); - animalsDiv.classList.add("farmyard-animals"); - slavesDiv.classList.add("farmyard-slaves"); renameDiv.classList.add("farmyard-rename"); renameNote.classList.add("note"); @@ -30,13 +17,13 @@ App.Facilities.Farmyard.farmyard = function() { V.farmyardNameCaps = V.farmyardName.replace("the ", "The "); } - introDiv.append(intro()); - expandDiv.append(expand()); - menialsDiv.append(menials()); - rulesDiv.append(rules()); - upgradesDiv.append(upgrades()); - animalsDiv.append(animals()); - slavesDiv.append(App.UI.SlaveList.stdFacilityPage(App.Entity.facilities.farmyard)); + App.UI.DOM.appendNewElement("div", frag, intro(), "farmyard-intro"); + App.UI.DOM.appendNewElement("div", frag, expand(), "farmyard-expand"); + App.UI.DOM.appendNewElement("div", frag, menials(), "farmyard-menials"); + App.UI.DOM.appendNewElement("div", frag, rules(), "farmyard-rules"); + App.UI.DOM.appendNewElement("div", frag, upgrades(), "farmyard-upgrades"); + App.UI.DOM.appendNewElement("div", frag, animals(), "farmyard-animals"); + App.UI.DOM.appendNewElement("div", frag, App.UI.SlaveList.stdFacilityPage(App.Entity.facilities.farmyard), "farmyard-slaves"); renameDiv.append(`Rename ${V.farmyardName}: `); renameNote.append(`Use a noun or similar short phrase`); @@ -47,7 +34,7 @@ App.Facilities.Farmyard.farmyard = function() { renameDiv.append(renameNote); - frag.append(introDiv, expandDiv, menialsDiv, rulesDiv, upgradesDiv, animalsDiv, slavesDiv, renameDiv); + frag.append(renameDiv); App.UI.SlaveList.ScrollPosition.restore();