From f3e306b084921f6a49442d1b55093736b8bccb3d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=B6ren=20Oesterwind?= <pnh@thegreydiamond.de>
Date: Wed, 19 Jun 2024 18:34:40 +0200
Subject: [PATCH] AFLOW-46-ui-duplication

Added AFLOW-46

Reviewed-on: https://git.project-name-here.de/Project-Name-Here/assetflow/pulls/1
---
 static/js/confettiHeader.js  |  1 +
 static/js/editItems.js       | 10 ++++++++++
 static/js/itemPageHandler.js |  3 +++
 3 files changed, 14 insertions(+)

diff --git a/static/js/confettiHeader.js b/static/js/confettiHeader.js
index 091f065..68a27c1 100644
--- a/static/js/confettiHeader.js
+++ b/static/js/confettiHeader.js
@@ -3,6 +3,7 @@ function randomInRange(min, max) {
 }
 
 function doTheConfetti() {
+	// Create confetti
 	confetti({
 		angle: randomInRange(90, 110),
 		spread: randomInRange(70, 120),
diff --git a/static/js/editItems.js b/static/js/editItems.js
index 61d1e6d..a96141b 100644
--- a/static/js/editItems.js
+++ b/static/js/editItems.js
@@ -8,6 +8,16 @@ function primeCreateNew() {
 	return true;
 }
 
+function triggerDuplicationDialog(sourceItemId) {
+	// Clear the form
+	$('.form-control').val('');
+	const form = document.getElementById('ItemModalForm');
+	document.getElementById('itemModifyModalLabel').innerText= "Duplicate an item";
+	form.setAttribute('method', 'POST');
+	getDataForEdit(sourceItemId);
+	return true;
+}
+
 function primeEdit() {
 	const form = document.getElementById('ItemModalForm');
 	document.getElementById('itemModifyModalLabel').innerText = 'Edit an item';
diff --git a/static/js/itemPageHandler.js b/static/js/itemPageHandler.js
index 7b9d3c6..90fe789 100644
--- a/static/js/itemPageHandler.js
+++ b/static/js/itemPageHandler.js
@@ -49,6 +49,9 @@ function dataResponseHandler(json) {
 		<button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#itemModifyModal" onclick="primeEdit(); getDataForEdit('${item.id}')">
 					<i class="bi bi-pencil"></i>
 				</button>	
+				<button class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#itemModifyModal" onclick="triggerDuplicationDialog('${item.id}')">
+					<i class="bi bi-copy"></i>
+				</button>
 				<button class="btn btn-danger" onclick="preFillDeleteModalNxt('${item.id}','items','Item')" data-bs-toggle="modal" data-bs-target="#staticBackdrop">
 					<i class="bi bi-trash"></i>
 				</button>`