const notesIcon = document.getElementById('notes-icon');
const notesWindow = document.getElementById('notes-window');
const notesCloseBtn = document.getElementById('notes-close-btn');
const notesTitleBar = document.getElementById('notes-title-bar');
notesIcon.addEventListener('click', () => {
notesWindow.style.display = 'flex'; // show window
notesWindow.style.zIndex = 1000; // bring to front (optional)
});
// Close button hides window
notesCloseBtn.addEventListener('click', () => {
notesWindow.style.display = 'none';
});
// Drag functionality
notesTitleBar.onmousedown = function(e) {
e.preventDefault();
let shiftX = e.clientX - notesWindow.getBoundingClientRect().left;
let shiftY = e.clientY - notesWindow.getBoundingClientRect().top;
function moveAt(pageX, pageY) {
notesWindow.style.left = pageX - shiftX + 'px';
notesWindow.style.top = pageY - shiftY + 'px';
}
function onMouseMove(e) {
moveAt(e.pageX, e.pageY);
}
document.addEventListener('mousemove', onMouseMove);
document.onmouseup = function() {
document.removeEventListener('mousemove', onMouseMove);
document.onmouseup = null;
};
};
notesTitleBar.ondragstart = () => false;