From c5c4138983c41dfabfc463352acbc26d649fdbfe Mon Sep 17 00:00:00 2001
From: Ruben Fiszel <ruben@rubenfiszel.com>
Date: Tue, 23 Aug 2022 21:25:38 +0200
Subject: [PATCH] fork from frontpage

---
 frontend/src/routes/flows.svelte   | 36 ++++++++++++++++++++++++++++--
 frontend/src/routes/scripts.svelte |  3 ++-
 2 files changed, 36 insertions(+), 3 deletions(-)

diff --git a/frontend/src/routes/flows.svelte b/frontend/src/routes/flows.svelte
index a8d8f135fc..4ea97bcad2 100644
--- a/frontend/src/routes/flows.svelte
+++ b/frontend/src/routes/flows.svelte
@@ -16,6 +16,7 @@
 	import {
 		faArchive,
 		faCalendarAlt,
+		faCodeFork,
 		faEdit,
 		faEye,
 		faList,
@@ -274,7 +275,7 @@
 										<div class="mr-3 w-full">
 											<SharedBadge {canWrite} extraPerms={extra_perms} />
 										</div>
-										<div class="flex flex-row-reverse w-full place">
+										<div class="flex flex-row-reverse w-full place space-x-1">
 											<div>
 												<Dropdown
 													dropdownItems={[
@@ -289,6 +290,11 @@
 															href: `/flows/edit/${path}`,
 															disabled: !canWrite
 														},
+														{
+															displayName: 'Use as template/Fork',
+															icon: faCodeFork,
+															href: `/flows/add?template=${path}`
+														},
 														{
 															displayName: 'View runs',
 															icon: faList,
@@ -319,12 +325,38 @@
 													]}
 												/>
 											</div>
+											{#if canWrite}
+												<div>
+													<a
+														class="inline-flex items-center default-button bg-transparent hover:bg-blue-500 text-blue-700 font-normal hover:text-white py-0 px-1 border-blue-500 hover:border-transparent rounded"
+														href="/flows/edit/{path}"
+													>
+														<div class="inline-flex items-center justify-center px-4">
+															<Icon data={faEdit} scale={0.6} />
+															<span class="pl-1">Edit</span>
+														</div>
+													</a>
+												</div>
+											{:else}
+												<div>
+													<a
+														class="inline-flex items-center default-button bg-transparent hover:bg-blue-500 text-blue-700 font-normal hover:text-white py-0 px-1 border-blue-500 hover:border-transparent rounded"
+														href="/flows/add?template={path}"
+													>
+														<div class="inline-flex items-center justify-center px-4">
+															<Icon data={faCodeFork} scale={0.6} />
+															<span class="pl-1">Fork</span>
+														</div>
+													</a>
+												</div>
+											{/if}
+
 											<div>
 												<a
 													class="inline-flex items-center default-button bg-transparent hover:bg-blue-500 text-blue-700 font-normal hover:text-white py-0 px-1 border-blue-500 hover:border-transparent rounded"
 													href="/flows/run/{path}"
 												>
-													<div class="inline-flex items-center justify-center">
+													<div class="inline-flex items-center justify-center px-4">
 														<Icon data={faPlay} scale={0.6} />
 														<span class="pl-1">Run</span>
 													</div>
diff --git a/frontend/src/routes/scripts.svelte b/frontend/src/routes/scripts.svelte
index 1ea07f9abd..549be5eac5 100644
--- a/frontend/src/routes/scripts.svelte
+++ b/frontend/src/routes/scripts.svelte
@@ -10,6 +10,7 @@
 	import {
 		faArchive,
 		faCalendarAlt,
+		faCodeFork,
 		faEdit,
 		faEye,
 		faList,
@@ -353,7 +354,7 @@
 														},
 														{
 															displayName: 'Use as template',
-															icon: faEdit,
+															icon: faCodeFork,
 															href: `/scripts/add?template=${path}`
 														},
 														{