From 209af84a37d1e420799b48e9c39f5aed5ebac851 Mon Sep 17 00:00:00 2001
From: Fabian Boehm <FHomborg@gmail.com>
Date: Tue, 29 Aug 2023 14:11:05 +0200
Subject: [PATCH] webconfig: Make prompt selectable

---
 share/tools/web_config/index.html | 10 ++++++----
 share/tools/web_config/js/main.js | 30 +++++++++++++++++-------------
 2 files changed, 23 insertions(+), 17 deletions(-)

diff --git a/share/tools/web_config/index.html b/share/tools/web_config/index.html
index ddc938474..ca5d0f39c 100644
--- a/share/tools/web_config/index.html
+++ b/share/tools/web_config/index.html
@@ -199,10 +199,12 @@
                         <div class="prompt_demo_choice_label" style="color: #FFF;" x-text="selectedPrompt.name"></div>
                         <div style='display: flex'>
                             <div x-html='selectedPrompt.demo' style='flex-grow: 1' class="prompt_demo unbordered"></div>
-                            <div x-if='selectedPrompt.right' title="right prompt for {{selectedPrompt.name }}"
-                                x-html='selectedPrompt.right' class="prompt_demo unbordered"
-                                @click="selectPrompt(selectedPrompt)">
-                            </div>
+                            <template x-if="selectedPrompt.right">
+                                <div title="right prompt for {{selectedPrompt.name }}"
+                                     x-html='selectedPrompt.right' class="prompt_demo unbordered"
+                                     @click="selectPrompt(selectedPrompt)">
+                                </div>
+                            </template>
                         </div>
                         <div style="position: absolute; right: 5px; bottom: 5px;">
                             <button class="save_button" x-show="showSaveButton" style="color: #CCC" @click="setPrompt()"
diff --git a/share/tools/web_config/js/main.js b/share/tools/web_config/js/main.js
index 91d8a74a6..1b333366b 100644
--- a/share/tools/web_config/js/main.js
+++ b/share/tools/web_config/js/main.js
@@ -231,20 +231,24 @@ document.addEventListener("alpine:init", () => {
             this.savePromptButtonTitle = "Set Prompt";
         },
 
-        setNewPrompt(selectedPrompt) {
-            $http
-                .post("set_prompt/", { fish_prompt: selectedPrompt.function })
-                .then(function (arg) {
-                    // Update attributes of current prompt and select it
-                    this.samplePrompts[0].demo = selectedPrompt.demo;
-                    this.samplePrompts[0].right = selectedPrompt.right;
-                    this.samplePrompts[0].function = selectedPrompt.function;
-                    this.samplePrompts[0].font_size = selectedPrompt.font_size;
-                    this.selectedPrompt = this.samplePrompts[0];
+        async setNewPrompt(selectedPrompt) {
+            let postdata = { fish_prompt: selectedPrompt.function };
+            let resp = await fetch("set_prompt/", {
+                method: "POST",
+                headers: { "Content-Type": "application/json" },
+                body: JSON.stringify(postdata)
+            });
+            if (resp.ok) {
+                // Update attributes of current prompt and select it
+                this.samplePrompts[0].demo = selectedPrompt.demo;
+                this.samplePrompts[0].right = selectedPrompt.right;
+                this.samplePrompts[0].function = selectedPrompt.function;
+                this.samplePrompts[0].font_size = selectedPrompt.font_size;
+                this.selectedPrompt = this.samplePrompts[0];
 
-                    // Note that we set it
-                    this.savePromptButtonTitle = "Prompt Set!";
-                });
+                // Note that we set it
+                this.savePromptButtonTitle = "Prompt Set!";
+            };
         },
 
         setPrompt() {