From 8e16cc2326274ae64531623f122826591b022920 Mon Sep 17 00:00:00 2001
From: azivner <adam.zivner@gmail.com>
Date: Sun, 18 Nov 2018 23:31:31 +0100
Subject: [PATCH] fix prompt mutability (autocomplete on answer input field)

---
 src/public/javascripts/dialogs/prompt.js | 24 ++++++++++++++++++++----
 src/views/dialogs/prompt.ejs             |  4 ----
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/src/public/javascripts/dialogs/prompt.js b/src/public/javascripts/dialogs/prompt.js
index 0425dee60..cd23d831a 100644
--- a/src/public/javascripts/dialogs/prompt.js
+++ b/src/public/javascripts/dialogs/prompt.js
@@ -1,6 +1,9 @@
 const $dialog = $("#prompt-dialog");
-const $question = $("#prompt-dialog-question");
-const $answer = $("#prompt-dialog-answer");
+const $dialogBody = $dialog.find(".modal-body");
+
+let $question;
+let $answer;
+
 const $form = $("#prompt-dialog-form");
 
 let resolve;
@@ -11,8 +14,21 @@ function ask({ message, defaultValue, shown }) {
 
     shownCb = shown;
 
-    $question.text(message);
-    $answer.val(defaultValue || "");
+    $question = $("<label>")
+        .prop("for", "prompt-dialog-answer")
+        .text(message);
+
+    $answer = $("<input>")
+        .prop("type", "text")
+        .prop("id", "prompt-dialog-answer")
+        .addClass("form-control")
+        .val(defaultValue || "");
+
+    $dialogBody.empty().append(
+        $("<div>")
+            .addClass("form-group")
+            .append($question)
+            .append($answer));
 
     $dialog.modal();
 
diff --git a/src/views/dialogs/prompt.ejs b/src/views/dialogs/prompt.ejs
index 28875553b..12964a08e 100644
--- a/src/views/dialogs/prompt.ejs
+++ b/src/views/dialogs/prompt.ejs
@@ -10,10 +10,6 @@
                     </button>
                 </div>
                 <div class="modal-body">
-                    <div class="form-group">
-                        <label for="prompt-dialog-answer" id="prompt-dialog-question"></label>
-                        <input type="text" class="form-control" id="prompt-dialog-answer" placeholder="">
-                    </div>
                 </div>
                 <div class="modal-footer">
                     <button class="btn btn-primary btn-sm" id="prompt-dialog-ok-button">OK <kbd>enter</kbd></button>