mark/muzak
2
0
Fork 0
Code Issues Pull Requests Activity

clippy check for interact fix

Browse Source
This commit is contained in:
Mark Hoekveen
2024-03-05 12:22:21 +01:00
parent a30058d6cb
commit c43ce4870c
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
playlist/templates/Base.html
+4 -5
View File
@@ -44,16 +44,15 @@
{% block clippy %}{% endblock %} {% block clippy %}{% endblock %}
<script> <script>
position.get_pos(); // Gets position from localStorage position.get_pos(); // Gets position from localStorage
clippy = document.getElementById("clippy")
window.addEventListener('load', function () { window.addEventListener('load', function () {
interact('.main-title-bar').draggable({ interact('.main-title-bar').draggable({
listeners: { listeners: {
move (event) { move (event) {
position.x += event.dx position.x += event.dx
position.y += event.dy position.y += event.dy
event.target.parentElement.style.transform = event.target.parentElement.style.transform = `translate(${position.x}px, ${position.y}px)`
`translate(${position.x}px, ${position.y}px)` if (clippy) document.getElementById("clippy").style.transform = `translate(${position.x}px, ${position.y}px)`
document.getElementById("clippy").style.transform =
`translate(${position.x}px, ${position.y}px)`
}, },
} }
}) })
@@ -67,7 +66,7 @@
function resetWindow() { function resetWindow() {
position.reset() position.reset()
document.getElementById("main-window").style.transform = ''; document.getElementById("main-window").style.transform = '';
document.getElementById("clippy").style.transform = ''; if (clippy) document.getElementById("clippy").style.transform = '';
} }
</script> </script>
playlist/templates/head.html
+6 -3
View File
@@ -34,9 +34,12 @@
position.y = stored_position.y position.y = stored_position.y
document.getElementById("main-window").style.transform = document.getElementById("main-window").style.transform =
`translate(${position.x}px, ${position.y}px)` `translate(${position.x}px, ${position.y}px)`
document.getElementById("clippy").style.transform = clippy = document.getElementById("clippy")
`translate(${position.x}px, ${position.y}px)` if (clippy) {
document.getElementById("clippy").classList.remove('hide'); clippy.style.transform =
`translate(${position.x}px, ${position.y}px)`
clippy.classList.remove('hide');
}
} else { } else {
localStorage.removeItem("position") localStorage.removeItem("position")
} }