From 4b0c356cda2bc34714a32c30b15720f94e786c7e Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Mon, 18 Dec 2023 22:18:31 +1100
Subject: [PATCH] Add link to selected http function from edit/logs views. Also
 remove min number of lines from environment info ace editor

---
 templates/dashboard/http_functions/edit.html | 34 +++++++++---
 templates/dashboard/http_functions/logs.html | 54 +++++++++++++-------
 templates/dashboard/http_functions/new.html  |  1 -
 3 files changed, 62 insertions(+), 27 deletions(-)

diff --git a/templates/dashboard/http_functions/edit.html b/templates/dashboard/http_functions/edit.html
index 5c2c963..44de10c 100644
--- a/templates/dashboard/http_functions/edit.html
+++ b/templates/dashboard/http_functions/edit.html
@@ -1,10 +1,29 @@
-<div class="flex items-center" data-id="51">
-    <h1 class="font-semibold text-lg md:text-2xl" data-id="52">Update: <span class="font-mono">{{ name }}</span></h1>
-    <button
-        class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-9 rounded-md px-3 ml-auto"
-        hx-get="{{ url_for('dashboard_http_functions') }}" hx-target="#container" hx-swap="innerHTML">
-        Cancel
-    </button>
+<div>
+    <div class="flex items-center pb-1" data-id="51">
+        <h1 class="font-semibold text-lg md:text-2xl" data-id="52">Update: <span class="font-mono">{{ name }}</span>
+        </h1>
+        <button
+            class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-9 rounded-md px-3 ml-auto"
+            hx-get="{{ url_for('dashboard_http_functions') }}" hx-target="#container" hx-swap="innerHTML">
+            Cancel
+        </button>
+    </div>
+    <div class="flex">
+        <a class="text-gray-300" href="{{ url_for('execute_http_function', function=name) }}">{{
+            url_for('execute_http_function', function=name) }}</a>
+        <button
+            class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground px-2 text-gray-600 dark:text-gray-400"
+            data-id="24"><span class="sr-only" data-id="25">Add Link</span><svg xmlns="http://www.w3.org/2000/svg"
+                width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
+                stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4" data-id="26"
+                data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: currentColor;">
+                <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71">
+                </path>
+                <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71">
+                </path>
+            </svg>
+        </button>
+    </div>
 </div>
 
 <div>
@@ -55,7 +74,6 @@
         var editor_environment = ace.edit("editor-environment");
         editor_environment.setOptions({
             maxLines: 15, //editor_environment.session.getLength()
-            minLines: 5
         });
         editor_environment.setTheme("ace/theme/github_dark");
         editor_environment.session.setMode("ace/mode/json");
diff --git a/templates/dashboard/http_functions/logs.html b/templates/dashboard/http_functions/logs.html
index 4f76987..451d245 100644
--- a/templates/dashboard/http_functions/logs.html
+++ b/templates/dashboard/http_functions/logs.html
@@ -1,26 +1,44 @@
-<div class="flex items-center" data-id="51">
-    <div class="flex items-center">
+<div>
+    <div class="flex items-center pb-1" data-id="51">
+        <div class="flex items-center">
 
-        <h1 class="font-semibold text-lg md:text-2xl" data-id="52">Logs: <span class="font-mono">{{ name }}</span></h1>
+            <h1 class="font-semibold text-lg md:text-2xl" data-id="52">Logs: <span class="font-mono">{{ name }}</span>
+            </h1>
 
-        <div class="ml-2 cursor-pointer text-gray-500" hx-get="{{ url_for('get_http_function_logs', name=name) }}"
-            hx-target="#container" hx-swap="innerHTML">
-            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
-                stroke="currentColor" class="w-6 h-6" data-darkreader-inline-stroke=""
-                style="--darkreader-inline-stroke: currentColor;">
-                <path stroke-linecap="round" stroke-linejoin="round"
-                    d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99">
+            <div class="ml-2 cursor-pointer text-gray-500" hx-get="{{ url_for('get_http_function_logs', name=name) }}"
+                hx-target="#container" hx-swap="innerHTML">
+                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
+                    stroke="currentColor" class="w-6 h-6" data-darkreader-inline-stroke=""
+                    style="--darkreader-inline-stroke: currentColor;">
+                    <path stroke-linecap="round" stroke-linejoin="round"
+                        d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0l3.181 3.183a8.25 8.25 0 0013.803-3.7M4.031 9.865a8.25 8.25 0 0113.803-3.7l3.181 3.182m0-4.991v4.99">
+                    </path>
+                </svg>
+            </div>
+
+        </div>
+        <button
+            class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-9 rounded-md px-3 ml-auto"
+            hx-get="{{ url_for('dashboard_http_functions') }}" hx-target="#container" hx-swap="innerHTML">
+            Cancel
+        </button>
+    </div>
+    <div class="flex">
+        <a class="text-gray-300" href="{{ url_for('execute_http_function', function=name) }}">{{
+            url_for('execute_http_function', function=name) }}</a>
+        <button
+            class="inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 hover:bg-accent hover:text-accent-foreground px-2 text-gray-600 dark:text-gray-400"
+            data-id="24"><span class="sr-only" data-id="25">Add Link</span><svg xmlns="http://www.w3.org/2000/svg"
+                width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
+                stroke-linecap="round" stroke-linejoin="round" class="w-4 h-4" data-id="26"
+                data-darkreader-inline-stroke="" style="--darkreader-inline-stroke: currentColor;">
+                <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71">
+                </path>
+                <path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71">
                 </path>
             </svg>
-        </div>
-
+        </button>
     </div>
-
-    <button
-        class="inline-flex items-center justify-center text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 bg-primary text-primary-foreground hover:bg-primary/90 h-9 rounded-md px-3 ml-auto"
-        hx-get="{{ url_for('dashboard_http_functions') }}" hx-target="#container" hx-swap="innerHTML">
-        Cancel
-    </button>
 </div>
 
 <div class="block md:grid md:grid-cols-4 md:gap-4 p-4">
diff --git a/templates/dashboard/http_functions/new.html b/templates/dashboard/http_functions/new.html
index d0a9305..917e0d9 100644
--- a/templates/dashboard/http_functions/new.html
+++ b/templates/dashboard/http_functions/new.html
@@ -54,7 +54,6 @@
         var editor_environment = ace.edit("editor-environment");
         editor_environment.setOptions({
             maxLines: 15, //editor_environment.session.getLength()
-            minLines: 5
         });
         editor_environment.setTheme("ace/theme/github_dark");
         editor_environment.session.setMode("ace/mode/json");