Test

sergiogmuro · Jul 23, 2024 · e1c3804 · e1c3804
1 parent 5c78fa2
commit e1c3804
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/dist/bundle.js b/dist/bundle.js
@@ -1196,6 +1196,8 @@ document.addEventListener('DOMContentLoaded', function () {
       console.log('keydown');
       restartFadeOutAnimation();
       var progressBarDot = document.getElementById('progress-bar-dot');
+      var consoleInfo = document.getElementById('console-info');
+      consoleInfo.innerHTML = "EL: ".concat(document.activeElement, "<br/>ID: ").concat(document.activeElement.id, "<br/>EV: ").concat(event.key);
       var keyActions = {
         'ArrowLeft': document.activeElement === progressBarDot && rewindVideo,
         'ArrowRight': document.activeElement === progressBarDot && forwardVideo,

diff --git a/index.html b/index.html
@@ -11,6 +11,13 @@
     Este sitio no es compatible con su navegador. Por favor, use un navegador moderno para acceder al contenido.
 </div>
 <div id="content">
+    <small id="console-info" style="float: right;
+    margin: 10px;
+    position: fixed;
+    right: 20px;
+    top: 10px;
+    font-size: 0.6em;">Info</small>
+
     <div id="loading" style="display: none;">
         <p>Loading...</p>
         <div class="loading-dots">

diff --git a/src/app.js b/src/app.js
@@ -463,6 +463,8 @@ document.addEventListener('DOMContentLoaded', function () {
             restartFadeOutAnimation();
 
             const progressBarDot = document.getElementById('progress-bar-dot');
+            const consoleInfo = document.getElementById('console-info');
+            consoleInfo.innerHTML = `EL: ${document.activeElement}<br/>ID: ${document.activeElement.id}<br/>EV: ${event.key}`
 
             const keyActions = {
                 'ArrowLeft': document.activeElement === progressBarDot && rewindVideo,