From e99e7b2b0bb1bc63d1253d147b80bac06eaff103 Mon Sep 17 00:00:00 2001
From: HugoCasa <hugo@casademont.ch>
Date: Mon, 23 Sep 2024 12:47:51 +0200
Subject: [PATCH] feat(frontend): add http routing templates (#4421)

---
 .../triggers/RouteEditorInner.svelte          | 31 ++++++++++++++-----
 1 file changed, 23 insertions(+), 8 deletions(-)

diff --git a/frontend/src/lib/components/triggers/RouteEditorInner.svelte b/frontend/src/lib/components/triggers/RouteEditorInner.svelte
index 9e3b62fe27..2fa7998295 100644
--- a/frontend/src/lib/components/triggers/RouteEditorInner.svelte
+++ b/frontend/src/lib/components/triggers/RouteEditorInner.svelte
@@ -280,14 +280,29 @@
 						Pick a script or flow to be triggered<Required required={true} /><br />
 						To handle headers, query or path parameters, add a preprocessor to your runnable.
 					</p>
-					<ScriptPicker
-						disabled={!can_write}
-						initialPath={initialScriptPath}
-						kinds={['script']}
-						allowFlow={true}
-						bind:itemKind
-						bind:scriptPath={script_path}
-					/>
+					<div class="flex flex-row mb-2">
+						<ScriptPicker
+							disabled={!can_write}
+							initialPath={initialScriptPath}
+							kinds={['script']}
+							allowFlow={true}
+							bind:itemKind
+							bind:scriptPath={script_path}
+							allowRefresh
+						/>
+
+						{#if script_path === undefined}
+							<Button
+								btnClasses="ml-4 mt-2"
+								color="dark"
+								size="xs"
+								href={itemKind === 'flow'
+									? '/flows/add?hub=55'
+									: '/scripts/add?hub=hub%2F9088%2Fwindmill%2FHTTP%20route%20script%20with%20preprocessor%20template'}
+								target="_blank">Create from template</Button
+							>
+						{/if}
+					</div>
 				</Section>
 				<Section label="Settings">
 					<div class="flex flex-col gap-4">