From 17c48a2bf9ab6fbd9814aaa461329797a1c8abaf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Gina=20H=C3=A4u=C3=9Fge?= <gina@octoprint.org>
Date: Sun, 26 May 2024 01:13:06 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Add=20a=20share=20link=20for=20the?=
 =?UTF-8?q?=20settings?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Easier than having to copy/paste the URL.
---
 src/assets/cardfoldr.js | 8 ++++++++
 src/index.html          | 1 +
 2 files changed, 9 insertions(+)

diff --git a/src/assets/cardfoldr.js b/src/assets/cardfoldr.js
index 49ae305..773a779 100644
--- a/src/assets/cardfoldr.js
+++ b/src/assets/cardfoldr.js
@@ -868,6 +868,14 @@ document.getElementById("deletePreset").addEventListener("click", (event) => {
     }
 });
 
+document.getElementById("shareLink").addEventListener("click", (event) => {
+    const query = generateQuery();
+    const url = `https://foosel.github.io/cardfoldr/?${query}`;
+    navigator.clipboard.writeText(url).then(() => {
+        alert(`Link copied to clipboard!`);
+    });
+});
+
 // --- Event listeners ---
 
 const syncQueryParams = () => {
diff --git a/src/index.html b/src/index.html
index e55f013..5527614 100644
--- a/src/index.html
+++ b/src/index.html
@@ -75,6 +75,7 @@ <h2>Step 2: Create Grid</h2>
                         <button id="updatePreset" class="pure-button" title="Save preset" disabled="true"><i class="fa fa-save"></i></button>
                         <button id="deletePreset" class="pure-button" title="Delete preset" disabled="true"><i class="fa fa-trash"></i></button>
                         <button id="saveNewPreset" class="pure-button" title="Save as..."><i class="fa fa-plus"></i></button>
+                        <button id="shareLink" class="pure-button" title="Share preset by link"><i class="fa fa-share-alt"></i></button>
                     </div>
                 </fieldset>