diff --git a/src/facilities/ads.js b/src/facilities/ads.js index f76376d6e9f2792b5d9b91a4407dd8517e5d6795..487f9cf012d6c03eaf6bb05d5defc6e6d5b8ec1c 100644 --- a/src/facilities/ads.js +++ b/src/facilities/ads.js @@ -1132,11 +1132,15 @@ App.Ads.report = function(building, preview = false) { } App.Events.addNode(frag, t, "div"); t = []; - t.push(`There is a`); + t.push( + `There is a`, + App.UI.DOM.makeElement("span", `perfect variety`, [(building === "brothel") ? "yellowgreen" : "green", "bold"]), + `of slave` + ); if (building === "brothel") { - t.push(`<span class="yellowgreen" style="font-weight:bold">perfect variety</span> of slave whores`); + t.push(`whores`); } else if (building === "club") { - t.push(`<span class="green" style="font-weight:bold">perfect variety</span> of slave sluts`); + t.push(`sluts`); } t.push(`working in the ${building}.`); App.Events.addNode(frag, t, "div"); @@ -1152,97 +1156,97 @@ App.Ads.report = function(building, preview = false) { function reputation(change) { const minBonus = 50; const maxBonus = 150; + const frag = new DocumentFragment(); + let t = []; if (change > 0) { if (preview) { - return `<div>The current campaign would <span class="green">increase</span> your reputation.</div>`; + t.push(`The current campaign would <span class="green">increase</span> your reputation.`); } else { repX(random(minBonus, maxBonus), building); - return `Your <span class="green">reputation</span> increased slightly as a result. `; + t.push(`Your <span class="green">reputation</span> increased slightly as a result.`); } } else if (change < 0) { if (preview) { - return `<div>The current campaign would <span class="red">lower</span> your reputation.</div>`; + t.push(`The current campaign would <span class="red">lower</span> your reputation.`); } else { repX(forceNeg(random(minBonus, maxBonus)), building); - return `Your <span class="red">reputation</span> dropped slightly as a result. `; + t.push(`Your <span class="red">reputation</span> dropped slightly as a result.`); } } else if (change === 0) { if (preview) { - return `<div>your reputation would not be affected.</div>`; + t.push(`your reputation would not be affected.`); } else { - return `your reputation was not affected. `; + t.push(`your reputation was not affected.`); } } + App.Events.addNode(frag, t, "div"); + return frag; } function links(category) { - let r = ``; let passage = (capFirstChar(building) + " Advertisement"); + const linkArray = []; - function radioLink(name, variable, value, last) { - let r = ``; + function radioLink(name, variable, value) { if (V[variable] !== value) { - r += App.UI.passageLink(name, passage, `${variable} = ${value}`); + linkArray.push( + App.UI.DOM.link( + name, + () => { + V[variable] = value; + }, + [], + passage + ) + ); } else { - r += name; - } - if (!last) { - r += " | "; + linkArray.push( + App.UI.DOM.disabledLink(name, ["Selected"]) + ); } - return r; + return App.UI.DOM.generateLinksStrip(linkArray); } switch (category) { case "stacked": - r += `<div>`; - r += radioLink("Stacked", `${building}AdsStacked`, 1, false); - r += radioLink("Slim", `${building}AdsStacked`, -1, false); - r += radioLink("Variety", `${building}AdsStacked`, 0, true); - r += `</div>`; - return r; + radioLink("Stacked", `${building}AdsStacked`, 1); + radioLink("Slim", `${building}AdsStacked`, -1); + radioLink("Variety", `${building}AdsStacked`, 0); + break; case "preg": - r += `<div>`; - r += radioLink("Gravid", `${building}AdsPreg`, 1, false); - r += radioLink("None", `${building}AdsPreg`, -1, false); - r += radioLink("Variety", `${building}AdsPreg`, 0, true); - r += `</div>`; - return r; + radioLink("Gravid", `${building}AdsPreg`, 1); + radioLink("None", `${building}AdsPreg`, -1); + radioLink("Variety", `${building}AdsPreg`, 0); + break; case "modded": - r += `<div>`; - r += radioLink("Modded", `${building}AdsModded`, 1, false); - r += radioLink("Unmodded", `${building}AdsModded`, -1, false); - r += radioLink("Variety", `${building}AdsModded`, 0, true); - r += `</div>`; - return r; + radioLink("Modded", `${building}AdsModded`, 1); + radioLink("Unmodded", `${building}AdsModded`, -1); + radioLink("Variety", `${building}AdsModded`, 0); + break; case "implanted": - r += `<div>`; - r += radioLink("Implants", `${building}AdsImplanted`, 1, false); - r += radioLink("All natural", `${building}AdsImplanted`, -1, false); - r += radioLink("Variety", `${building}AdsImplanted`, 0, true); - r += `</div>`; - return r; + radioLink("Implants", `${building}AdsImplanted`, 1); + radioLink("All natural", `${building}AdsImplanted`, -1); + radioLink("Variety", `${building}AdsImplanted`, 0); + break; case "XX": - r += `<div>`; - r += radioLink("Pussies", `${building}AdsXX`, 1, false); - r += radioLink("Dicks", `${building}AdsXX`, -1, false); - r += radioLink("Variety", `${building}AdsXX`, 0, true); - r += `</div>`; - return r; + radioLink("Pussies", `${building}AdsXX`, 1); + radioLink("Dicks", `${building}AdsXX`, -1); + radioLink("Variety", `${building}AdsXX`, 0); + break; case "age": - r += `<div>`; - r += radioLink("MILF", `${building}AdsOld`, 1, false); - r += radioLink("Young", `${building}AdsOld`, -1, false); + radioLink("MILF", `${building}AdsOld`, 1); + radioLink("Young", `${building}AdsOld`, -1); if (V.minimumSlaveAge < 18) { - r += radioLink("Teen", `${building}AdsOld`, -2, false); + radioLink("Teen", `${building}AdsOld`, -2); } if (V.minimumSlaveAge < 13) { - r += radioLink("Loli", `${building}AdsOld`, -3, false); + radioLink("Loli", `${building}AdsOld`, -3); } - r += radioLink("Variety", `${building}AdsOld`, 0, true); - r += `</div>`; - return r; + radioLink("Variety", `${building}AdsOld`, 0); + break; default: console.log("You done fucked up. Building: " + building + " Category: " + category); } + return App.UI.DOM.makeElement("div", App.UI.DOM.generateLinksStrip(linkArray)); } };