From c43ce4870c9d511deec21887ae751fadd0c83413 Mon Sep 17 00:00:00 2001
From: Mark Hoekveen <mark@hoekveen.net>
Date: Tue, 5 Mar 2024 12:22:21 +0100
Subject: [PATCH] clippy check for interact fix

---
 playlist/templates/Base.html | 9 ++++-----
 playlist/templates/head.html | 9 ++++++---
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/playlist/templates/Base.html b/playlist/templates/Base.html
index 0ef654b..e599c71 100644
--- a/playlist/templates/Base.html
+++ b/playlist/templates/Base.html
@@ -44,16 +44,15 @@
     {% block clippy %}{% endblock %}
     <script>
       position.get_pos(); // Gets position from localStorage
+      clippy = document.getElementById("clippy")
       window.addEventListener('load', function () {
         interact('.main-title-bar').draggable({
           listeners: {
             move (event) {
               position.x += event.dx
               position.y += event.dy
-              event.target.parentElement.style.transform =
-                `translate(${position.x}px, ${position.y}px)`
-              document.getElementById("clippy").style.transform = 
-                `translate(${position.x}px, ${position.y}px)`
+              event.target.parentElement.style.transform = `translate(${position.x}px, ${position.y}px)`
+              if (clippy) document.getElementById("clippy").style.transform = `translate(${position.x}px, ${position.y}px)`
             },
           }
         })
@@ -67,7 +66,7 @@
       function resetWindow() {
         position.reset()
         document.getElementById("main-window").style.transform = '';
-        document.getElementById("clippy").style.transform = '';
+        if (clippy) document.getElementById("clippy").style.transform = '';
       }
     </script>
 
diff --git a/playlist/templates/head.html b/playlist/templates/head.html
index cce8424..500e238 100644
--- a/playlist/templates/head.html
+++ b/playlist/templates/head.html
@@ -34,9 +34,12 @@
 				position.y = stored_position.y
 				document.getElementById("main-window").style.transform =
 					`translate(${position.x}px, ${position.y}px)`
-				document.getElementById("clippy").style.transform = 
-					`translate(${position.x}px, ${position.y}px)`
-				document.getElementById("clippy").classList.remove('hide');
+				clippy = document.getElementById("clippy")
+				if (clippy) {
+					clippy.style.transform = 
+						`translate(${position.x}px, ${position.y}px)`
+					clippy.classList.remove('hide');
+				}
 			} else {
 				localStorage.removeItem("position")
 			}