From 2c99ac6f685e5a525cfff1e64a06f8a05392a4db Mon Sep 17 00:00:00 2001
From: LivingSynthesis <LivingSynthesis@gmail.com>
Date: Thu, 30 Jan 2025 19:14:24 -0800
Subject: [PATCH] added spark handle image (#101)

* added spark handle image

* small fix

* small fixes to images

* led positions for spark handle, need to be updated

* fixed image and led positioning
---
 js/LedSelectPanel.js                       |   3 +--
 js/VortexEditor.js                         |   2 +-
 public/data/sparkhandle-led-positions.json |  13 +++++++++++++
 public/images/spark-handle.png             | Bin 0 -> 5782 bytes
 4 files changed, 15 insertions(+), 3 deletions(-)
 create mode 100644 public/data/sparkhandle-led-positions.json
 create mode 100644 public/images/spark-handle.png

diff --git a/js/LedSelectPanel.js b/js/LedSelectPanel.js
index f4216fd..4adff1b 100644
--- a/js/LedSelectPanel.js
+++ b/js/LedSelectPanel.js
@@ -114,8 +114,7 @@ export default class LedSelectPanel extends Panel {
     const swapDeviceButton = document.createElement('button');
     swapDeviceButton.id = 'swapDeviceImage';
     swapDeviceButton.title = 'Swap Device';
-    // TODO: show this button to swap between spark devices
-    swapDeviceButton.style.display = 'none'; // (this.selectedDevice === 'Spark') ? 'block' : 'none';
+    swapDeviceButton.style.display = (this.selectedDevice === 'Spark') ? 'block' : 'none';
     swapDeviceButton.innerHTML = '<i class="fa-solid fa-right-left"></i>'
     swapDeviceButton.addEventListener('click', () => this.toggleAltImage());
     deviceImageContainer.appendChild(swapDeviceButton);
diff --git a/js/VortexEditor.js b/js/VortexEditor.js
index cfd2a11..a330d0d 100644
--- a/js/VortexEditor.js
+++ b/js/VortexEditor.js
@@ -135,7 +135,7 @@ export default class VortexEditor {
         label: 'Spark',
         ledCount: 6,
         // alternate spark image/icon/label for handle
-        altImage: 'public/images/orbit.png',
+        altImage: 'public/images/spark-handle.png',
         altIcon: 'public/images/spark-handle-logo-square-64.png',
         altLabel: 'SparkHandle',
       },
diff --git a/public/data/sparkhandle-led-positions.json b/public/data/sparkhandle-led-positions.json
new file mode 100644
index 0000000..033cd95
--- /dev/null
+++ b/public/data/sparkhandle-led-positions.json
@@ -0,0 +1,13 @@
+{
+    "device_name": "Sparkhandle",
+    "original_width": 500,
+    "original_height": 250,
+    "points": [
+        {"x": 300, "y": 222, "name": "Bottom Right" },
+        {"x": 200, "y": 222, "name": "Bottom Left" },
+        {"x": 200, "y": 130, "name": "Middle Left" },
+        {"x": 200, "y": 40, "name": "Top Left" },
+        {"x": 300, "y": 40, "name": "Top Right" },
+        {"x": 300, "y": 130, "name": "Middle Right" }
+    ]
+}
diff --git a/public/images/spark-handle.png b/public/images/spark-handle.png
new file mode 100644
index 0000000000000000000000000000000000000000..95e58cb6c7a0178f8e8180c8cc6150b06f40f54d
GIT binary patch
literal 5782
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
AqW}N^

literal 0
HcmV?d00001