From 94081b93450018b9c9d68146d08543f3a7286635 Mon Sep 17 00:00:00 2001
From: themancalledjakob <jrkb@jrkb.land>
Date: Fri, 22 Mar 2024 18:14:51 +0100
Subject: [PATCH] add stoprecording button in notice

dependencies hashes:
openFrameworks d78075f4bca6be2a2533c6e51a75cc1f18404501
ofxMsdfgen e14da13d02c4dff04fb69d7923469f606924e6c3
ofxGPUFont d482bb7cbdf6b296fa4ab5abcf73fb5ff8c8b239
ofxVariableLab 8df98846248a93aa068989a3ebd0d2f0f16e5e69
ofxProfiler a868e34fa1a79189dd4fbdede2938e308535e5e8
theatre 86d3e07f6f2c75fd6e08fca8c97e3617c9e23b18
---
 bin/em/variabletime/web/css/demo.css | 3 +++
 bin/em/variabletime/web/js/record.js | 4 ++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/bin/em/variabletime/web/css/demo.css b/bin/em/variabletime/web/css/demo.css
index fa9a791..a3c2336 100755
--- a/bin/em/variabletime/web/css/demo.css
+++ b/bin/em/variabletime/web/css/demo.css
@@ -266,6 +266,9 @@ body.debug div:not(.centerLine) {
 #notice_recording.visible {
     display: flex;
 }
+#notice_recording button {
+    pointer-events: all;
+}
 #notice_recording.impenetrable {
     pointer-events: all;
     background-color: rgba(0,0,0,0.5);
diff --git a/bin/em/variabletime/web/js/record.js b/bin/em/variabletime/web/js/record.js
index 924a538..951c095 100644
--- a/bin/em/variabletime/web/js/record.js
+++ b/bin/em/variabletime/web/js/record.js
@@ -469,9 +469,9 @@ const Record = function(tp) {
         document.querySelector('#notice_recording')
             .classList.add('visible');
         document.querySelector('#notice_recording')
-            .classList.remove('imprenetrable');
+            .classList.remove('impenetrable');
         document.querySelector('#notice_recording .what p').innerHTML = 'recording';
-        document.querySelector('#notice_recording .details p').innerHTML = '';
+        document.querySelector('#notice_recording .details p').innerHTML = '<button onclick="record.stopRecording()">stop recording</button>';
         if (!isInitialized) {
             init();
         }