✨ Add a share link for the settings

Easier than having to copy/paste the URL.
foosel · May 25, 2024 · 17c48a2 · 17c48a2
1 parent 43e1a7b
commit 17c48a2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git 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
@@ -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>