diff --git a/src/interaction/siCustom.js b/src/interaction/siCustom.js index 01c0d96d84569e4a5e3126cb02b473e257608389..66754c49fbbd36f3442515492c7268b7e2a63002 100644 --- a/src/interaction/siCustom.js +++ b/src/interaction/siCustom.js @@ -52,7 +52,6 @@ App.UI.SlaveInteract.custom = function(slave) { let playerTitle = document.createElement('p'); const label = document.createElement('div'); let result; - let textbox; if (slave.devotion >= -50) { if (slave.custom.title !== "") { label.textContent = `You have instructed ${him} to always refer to you as ${slave.custom.title}, which, should ${he} lisp, comes out as ${slave.custom.titleLisp}.`; @@ -76,28 +75,32 @@ App.UI.SlaveInteract.custom = function(slave) { ); result.appendChild(hiddenTextBox); shownTextBox.textContent = `Custom title: `; - textbox = App.UI.DOM.makeTextBox( - "", - v => { - slave.custom.title = v; - jQuery('#result').empty().append( - document.createTextNode(`${He}'ll try ${his} best to call you ${slave.custom.title}.`) - ); - slave.custom.titleLisp = lispReplace(slave.custom.title); - }); - shownTextBox.appendChild(textbox); + shownTextBox.append( + App.UI.DOM.makeTextBox( + "", + v => { + slave.custom.title = v; + jQuery('#result').empty().append( + document.createTextNode(`${He}'ll try ${his} best to call you ${slave.custom.title}.`) + ); + slave.custom.titleLisp = lispReplace(slave.custom.title); + } + ) + ); } else { result.append(`${He}'s trying ${his} best to call you `); - textbox = App.UI.DOM.makeTextBox( - slave.custom.title, - v => { - slave.custom.title = v; - jQuery('#result').empty().append( - document.createTextNode(`${He}'ll try ${his} best to call you ${slave.custom.title}.`) - ); - slave.custom.titleLisp = lispReplace(slave.custom.title); - }); - result.appendChild(textbox); + result.append( + App.UI.DOM.makeTextBox( + slave.custom.title, + v => { + slave.custom.title = v; + jQuery('#result').empty().append( + document.createTextNode(`${He}'ll try ${his} best to call you ${slave.custom.title}.`) + ); + slave.custom.titleLisp = lispReplace(slave.custom.title); + } + ) + ); result.appendChild( App.UI.DOM.link( ` Stop using a custom title`, @@ -160,15 +163,16 @@ App.UI.SlaveInteract.custom = function(slave) { } label.append(`: `); - let textbox = App.UI.DOM.makeTextBox( - slave.slaveName, - v => { - slave.slaveName = v; - updateName(slave, {oldName: oldName, oldSurname: oldSurname}); - }, - false, + label.append( + App.UI.DOM.makeTextBox( + slave.slaveName, + v => { + slave.slaveName = v; + updateName(slave, {oldName: oldName, oldSurname: oldSurname}); + }, + false, + ) ); - label.appendChild(textbox); slaveNameNode.appendChild(label); @@ -272,15 +276,16 @@ App.UI.SlaveInteract.custom = function(slave) { } label.append(`: `); - let textbox = App.UI.DOM.makeTextBox( - slave.slaveSurname, - v => { - slave.slaveSurname = textbox.value; - updateName(slave, {oldName: oldName, oldSurname: oldSurname}); - }, - false, + label.append( + App.UI.DOM.makeTextBox( + slave.slaveSurname, + v => { + slave.slaveSurname = v; + updateName(slave, {oldName: oldName, oldSurname: oldSurname}); + }, + false, + ) ); - label.appendChild(textbox); slaveSurnameNode.appendChild(label); @@ -424,13 +429,15 @@ App.UI.SlaveInteract.custom = function(slave) { let label = document.createElement('div'); label.append(`Custom hair description: `); - let textbox = App.UI.DOM.makeTextBox( - slave.hStyle, - v => { - slave.hStyle = v; - refresh(); - }); - label.appendChild(textbox); + label.append( + App.UI.DOM.makeTextBox( + slave.hStyle, + v => { + slave.hStyle = v; + refresh(); + } + ) + ); switch (slave.hStyle) { case "tails": @@ -458,14 +465,15 @@ App.UI.SlaveInteract.custom = function(slave) { let hairStyleNode = document.createElement('p'); let label = document.createElement('div'); label.append(`Custom hair color: `); - - let textbox = App.UI.DOM.makeTextBox( - slave.hColor, - v => { - slave.hColor = v; - refresh(); - }); - label.appendChild(textbox); + label.append( + App.UI.DOM.makeTextBox( + slave.hColor, + v => { + slave.hColor = v; + refresh(); + } + ) + ); label.append(` "${His} hair is ${slave.hColor}."`); hairStyleNode.appendChild(label); @@ -491,30 +499,33 @@ App.UI.SlaveInteract.custom = function(slave) { choices.className = "choices"; let eye; - let textbox; if (hasLeftEye(slave)) { eye = document.createElement('div'); eye.append(`Custom left eye color: `); - textbox = App.UI.DOM.makeTextBox( - slave.eye.left.iris, - v => { - slave.eye.left.iris = v; - refresh(); - }); - eye.appendChild(textbox); + eye.append( + App.UI.DOM.makeTextBox( + slave.eye.left.iris, + v => { + slave.eye.left.iris = v; + refresh(); + } + ) + ); choices.appendChild(eye); } if (hasRightEye(slave)) { eye = document.createElement('div'); eye.append(`Custom right eye color: `); - textbox = App.UI.DOM.makeTextBox( - slave.eye.right.iris, - v => { - slave.eye.right.iris = v; - refresh(); - }); - eye.appendChild(textbox); + eye.append( + App.UI.DOM.makeTextBox( + slave.eye.right.iris, + v => { + slave.eye.right.iris = v; + refresh(); + } + ) + ); choices.appendChild(eye); } choices.appendChild(App.UI.DOM.makeElement('span', `For best results, use a short, uncapitalized and unpunctuated description; for example: 'blue'`, 'note')); @@ -601,7 +612,7 @@ App.UI.SlaveInteract.custom = function(slave) { let el = document.createElement('p'); el.append(`Assign ${him} a custom image: `); - let textbox = document.createElement("INPUT"); + const textbox = document.createElement("INPUT"); textbox.id = "customImageValue"; el.appendChild(textbox);