diff --git a/src/interaction/policies/policies.js b/src/interaction/policies/policies.js index 84703b85cf76d284f5600676c88e2626eac01aef..0fd51f9a1bcf60a20fd88a94b64ec1ca979ccca8 100644 --- a/src/interaction/policies/policies.js +++ b/src/interaction/policies/policies.js @@ -34,7 +34,6 @@ globalThis.policy = function(category) { /** @param {string} policyVariable */ function policyElement(policyVariable) { const el = document.createElement("p"); - let span; const policyValue = _.get(V, policyVariable); /** @type {PolicySelector[]} */ const policyObject = App.Data.Policies.Selection[category][policyVariable]; @@ -46,20 +45,16 @@ globalThis.policy = function(category) { if (p.hasOwnProperty("requirements") && p.requirements === false) { continue; } - span = document.createElement("span"); // title - span.style.fontWeight = "bold"; + const classArray = ["bold"]; if (p.hasOwnProperty("titleClass")) { - span.classList.add(p.titleClass); + classArray.push(p.titleClass); } - span.append(p.title); - el.append(span); - el.append(`: `); + App.UI.DOM.appendNewElement("span", el, `${p.title}: `, classArray); // Description text - el.append(p.text); - el.append(` `); + App.UI.DOM.appendNewElement("span", el, `${p.text} `); // link if (!(p.hasOwnProperty("hide") && p.hide.button === 1)) { @@ -93,29 +88,13 @@ globalThis.policy = function(category) { } } - let title; - if (p.hasOwnProperty("activatedTitle")) { - title = p.activatedTitle; - } else { - title = p.title; - } - let text; - if (p.hasOwnProperty("activatedText")) { - text = p.activatedText; - } else { - text = p.text; - } - span = document.createElement("span"); - // title - span.style.fontWeight = "bold"; - span.append(title); - el.append(span); - el.append(`: `); + const title = (p.hasOwnProperty("activatedTitle")) ? p.activatedTitle : p.title; + App.UI.DOM.appendNewElement("span", el, `${title}: `, "bold"); // Description text - el.append(text); - el.append(` `); + const text = (p.hasOwnProperty("activatedText")) ? p.activatedText : p.text; + App.UI.DOM.appendNewElement("span", el, `${text} `); // link el.append(repeal(p));