From 2077eb835f39f7f950c1979aef4ae1f62e25775c Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Wed, 20 Dec 2023 23:45:40 +1100
Subject: [PATCH] Render http function url in client url feild

---
 templates/client.html | 35 ++++++++++++++++++++++-------------
 1 file changed, 22 insertions(+), 13 deletions(-)

diff --git a/templates/client.html b/templates/client.html
index 8a0b583..70b4efc 100644
--- a/templates/client.html
+++ b/templates/client.html
@@ -20,22 +20,31 @@
             <option value="PUT">PUT</option>
             <option value="PATCH">PATCH</option>
             <option value="DELETE">DELETE</option>
-        </select><input
+        </select>
+        <input
             class="ml-3 w-full px-4 py-2 border rounded-md border-gray-300 hover:border-orange-500 focus:outline-orange-500"
-            name="url" value="{{ url }}"><button
-            class="ml-3 px-6 py-2 rounded-md font-semibold text-white bg-orange-500 hover:bg-orange-600" type="button"
-            id="send-request">Send</button></form>
+            name="url" value="{{ url_for('execute_http_function', user_id=user_id, function=name) }}">
+        <button class="ml-3 px-6 py-2 rounded-md font-semibold text-white bg-orange-500 hover:bg-orange-600"
+            type="button" id="send-request">Send
+        </button>
+    </form>
     <div class="react-tabs" data-rttabs="true">
         <ul class="flex mt-5 border border-gray-300 rounded-t-lg" role="tablist">
-            <li class="mr-3 py-2 px-4 border-orange-400 focus:outline-none 
-            hover:text-orange-500 cursor-pointer" role="tab" id="tab:r0:0" aria-selected="true" aria-disabled="false"
-                aria-controls="panel:r0:0" tabindex="0" data-rttab="true">Query Params</li>
-            <li class="mr-3 py-2 px-4 border-orange-400 focus:outline-none 
-    hover:text-orange-500 cursor-pointer" role="tab" id="tab:r0:1" aria-selected="false" aria-disabled="false"
-                aria-controls="panel:r0:1" data-rttab="true">Headers</li>
-            <li class="mr-3 py-2 px-4 border-orange-400 focus:outline-none 
-            hover:text-orange-500 cursor-pointer border-b-2 text-orange-600" role="tab" id="tab:r0:2"
-                aria-selected="false" aria-disabled="false" aria-controls="panel:r0:2" data-rttab="true">Body</li>
+            <li class="mr-3 py-2 px-4 border-orange-400 focus:outline-none hover:text-orange-500 cursor-pointer"
+                role="tab" id="tab:r0:0" aria-selected="true" aria-disabled="false" aria-controls="panel:r0:0"
+                tabindex="0" data-rttab="true">
+                Query Params
+            </li>
+            <li class="mr-3 py-2 px-4 border-orange-400 focus:outline-none hover:text-orange-500 cursor-pointer"
+                role="tab" id="tab:r0:1" aria-selected="false" aria-disabled="false" aria-controls="panel:r0:1"
+                data-rttab="true">
+                Headers
+            </li>
+            <li class="mr-3 py-2 px-4 border-orange-400 focus:outline-none hover:text-orange-500 cursor-pointer border-b-2 text-orange-600"
+                role="tab" id="tab:r0:2" aria-selected="false" aria-disabled="false" aria-controls="panel:r0:2"
+                data-rttab="true">
+                Body
+            </li>
         </ul>
         <div class="react-tabs__tab-panel px-4 py-4 rounded-b-lg border border-t-0 border-gray-300 react-tabs__tab-panel--selected hidden"
             role="tabpanel" id="panel:r0:0" aria-labelledby="tab:r0:0">