diff --git a/src/facilities/pit/pit.css b/src/facilities/pit/pit.css index d82c5fac1cdb0be29445f441689b7dd8e8b8f7fe..4458c224ec8b67b63a233d9182144fcc670128a7 100644 --- a/src/facilities/pit/pit.css +++ b/src/facilities/pit/pit.css @@ -2,6 +2,7 @@ margin-bottom: 1em; } -.pit-assign { +.pit-assign, +.pit-rename { margin-top: 1em; } diff --git a/src/facilities/pit/pit.js b/src/facilities/pit/pit.js index 62b74220771cac0617f26aba7395afef8dc44dad..4e634e3b3ee3f91c7901968920c12932eadcc6b6 100644 --- a/src/facilities/pit/pit.js +++ b/src/facilities/pit/pit.js @@ -42,6 +42,8 @@ App.Facilities.Pit.pit = function() { App.UI.DOM.appendNewElement("div", frag, scheduled()); } + App.UI.DOM.appendNewElement("div", frag, rename(), "pit-rename"); + App.UI.SlaveList.ScrollPosition.restore(); return frag; @@ -354,4 +356,25 @@ App.Facilities.Pit.pit = function() { return frag; } + + function rename() { + const + frag = new DocumentFragment(), + + renameDiv = App.UI.DOM.makeElement("div", '', "pit-rename"), + renameNote = App.UI.DOM.makeElement("span", '', "note"); + + renameDiv.append(`Rename ${V.pitName}: `); + renameNote.append(` Use a noun or similar short phrase`); + + renameDiv.append(App.UI.DOM.makeTextBox(V.pitName, newName => { + V.pitName = newName; + })); + + renameDiv.append(renameNote); + + frag.append(renameDiv); + + return frag; + } }; diff --git a/src/facilities/pit/pit.tw b/src/facilities/pit/pit.tw index 76b7a46095878f7193bd1d1859d7c2e4a771c4ce..118df77c8e1efd1fb13010ac91eab41e323b4dad 100644 --- a/src/facilities/pit/pit.tw +++ b/src/facilities/pit/pit.tw @@ -341,4 +341,6 @@ $pitNameCaps is clean and ready, <<includeDOM App.UI.SlaveList.listSJFacilitySlaves(App.Entity.facilities.pit, passage(), false, {assign: "Select a slave to fight", remove: "Cancel a slave's fight"})>> */ +/* <br><br>Rename $pitName: <<textbox "$pitName" $pitName "Pit">> //Use a noun or similar short phrase// +*/