From 11b0eb351dfae0467df2e94cc1ff0073091e4104 Mon Sep 17 00:00:00 2001 From: elioat Date: Sat, 13 Jan 2024 07:55:59 -0500 Subject: still doesn't work great on mobile...but, do I care? --- js/inknswitch/index.html | 4 ++-- js/inknswitch/ink.js | 24 ++++++++++++++++++------ 2 files changed, 20 insertions(+), 8 deletions(-) (limited to 'js') diff --git a/js/inknswitch/index.html b/js/inknswitch/index.html index 4fa3356..b0fe0a0 100644 --- a/js/inknswitch/index.html +++ b/js/inknswitch/index.html @@ -45,8 +45,8 @@ - -

+ +

\ No newline at end of file diff --git a/js/inknswitch/ink.js b/js/inknswitch/ink.js index 317dbcb..03f5991 100644 --- a/js/inknswitch/ink.js +++ b/js/inknswitch/ink.js @@ -1,3 +1,5 @@ +document.getElementById('noteArea').focus(); // ensures that textarea is focused when the page loads + const canvas = document.getElementById('drawingArea'); const ctx = canvas.getContext('2d'); @@ -110,18 +112,29 @@ const toggle = () => { noteArea.style.backgroundColor = 'rgba(255, 255, 255, 0.25)'; noteArea.style.color = '#bbb'; canvas.style.cursor = 'pointer'; - toggleButton.textContent = 'Write' + canvas.focus(); + noteArea.blur(); + localStorage.setItem('noteContents', noteArea.value); + localStorage.setItem('noteContent', noteArea.value); + // toggleButton.textContent = 'Write' } else { // Note mode canvas.style.pointerEvents = 'none'; noteArea.style.pointerEvents = 'auto'; noteArea.style.backgroundColor = 'rgba(255, 255, 255, 0.75)'; noteArea.style.color = 'black'; - toggleButton.textContent = 'Draw' + canvas.blur(); + noteArea.focus(); + localStorage.setItem('noteContents', noteArea.value); + localStorage.setItem('noteContent', noteArea.value); + // toggleButton.textContent = 'Draw' } }; -/* +/* +// This button doesn't work great +// the hope was that it'd work on mobile +// one day I'll fix this...one day const toggleButton = document.getElementById('toggleButton'); toggleButton.style.pointerEvents = 'auto'; toggleButton.addEventListener('click', toggleMode); @@ -132,10 +145,9 @@ function toggleMode() { } */ - document.addEventListener('keydown', (e) => { - // Cmd or Ctrl and D key to toggle modes - if ((e.metaKey || e.ctrlKey) && e.key === 'd') { + // Cmd or Ctrl and D/Cmd or Ctrl and 1 to toggle modes + if (((e.metaKey || e.ctrlKey) && e.key === 'd') || ((e.metaKey || e.ctrlKey) && e.key === '1')) { e.preventDefault(); toggle(); } -- cgit 1.4.1-2-gfad0