From bdb293d915049b1b9c16544de56ba742eed87d93 Mon Sep 17 00:00:00 2001
From: Leane Schlundt <lhecht@techfak.de>
Date: Thu, 9 Jan 2025 09:06:45 +0100
Subject: [PATCH 1/2] Add opacity shortcut for video annotation

---
 resources/assets/js/videos/components/settingsTab.vue  | 10 ++++++++++
 resources/assets/js/videos/videoContainer.vue          |  3 +++
 resources/views/videos/show/sidebar-settings.blade.php |  2 +-
 3 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/resources/assets/js/videos/components/settingsTab.vue b/resources/assets/js/videos/components/settingsTab.vue
index 7e322614e..743d8b900 100644
--- a/resources/assets/js/videos/components/settingsTab.vue
+++ b/resources/assets/js/videos/components/settingsTab.vue
@@ -1,6 +1,7 @@
 <script>
 import PowerToggle from '../../core/components/powerToggle';
 import Settings from '../stores/settings';
+import Keyboard from '../../core/keyboard';
 
 export default {
     components: {
@@ -87,6 +88,13 @@ export default {
         handleUnmuteVideo() {
             this.muteVideo = false;
         },
+        toggleAnnotationOpacity() {
+            if (this.annotationOpacity > 0) {
+                this.annotationOpacity = 0;
+            } else {
+                this.annotationOpacity = 1;
+            }
+        },
     },
     watch: {
         annotationOpacity(value) {
@@ -145,6 +153,8 @@ export default {
         this.restoreKeys.forEach((key) => {
             this[key] = Settings.get(key);
         });
+
+        Keyboard.on('o', this.toggleAnnotationOpacity);
     },
 };
 </script>
diff --git a/resources/assets/js/videos/videoContainer.vue b/resources/assets/js/videos/videoContainer.vue
index f66e036a3..3fd523a54 100644
--- a/resources/assets/js/videos/videoContainer.vue
+++ b/resources/assets/js/videos/videoContainer.vue
@@ -175,6 +175,9 @@ export default {
         },
         reachedTrackedAnnotationLimit() {
             return this.disableJobTracking;
+        },
+        annotationsAreHidden() {
+            return this.settings.annotationOpacity === 0;
         }
     },
     methods: {
diff --git a/resources/views/videos/show/sidebar-settings.blade.php b/resources/views/videos/show/sidebar-settings.blade.php
index 887451551..8bfef31b0 100644
--- a/resources/views/videos/show/sidebar-settings.blade.php
+++ b/resources/views/videos/show/sidebar-settings.blade.php
@@ -1,4 +1,4 @@
-<sidebar-tab name="settings" icon="cog" title="Settings">
+<sidebar-tab name="settings" icon="cog" title="Settings" :highlight="annotationsAreHidden">
     <settings-tab inline-template
         v-on:update="handleUpdatedSettings"
         :supports-jump-by-frame="supportsJumpByFrame"

From 19f8dac042702438a342226cb0e93ab8a531fbac Mon Sep 17 00:00:00 2001
From: Leane Schlundt <lhecht@techfak.de>
Date: Thu, 9 Jan 2025 09:09:28 +0100
Subject: [PATCH 2/2] Update manual

---
 resources/views/manual/tutorials/videos/shortcuts.blade.php | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/resources/views/manual/tutorials/videos/shortcuts.blade.php b/resources/views/manual/tutorials/videos/shortcuts.blade.php
index 6d8bc4437..1a45e9818 100644
--- a/resources/views/manual/tutorials/videos/shortcuts.blade.php
+++ b/resources/views/manual/tutorials/videos/shortcuts.blade.php
@@ -95,6 +95,10 @@
                     <td><kbd>l</kbd></td>
                     <td>Select tool to attach labels to existing annotations</td>
                 </tr>
+                <tr>
+                    <td><kbd>o</kbd></td>
+                    <td>Toggle the annotation opactiy between 0.0 and 1.0</td>
+                </tr>
                 <tr>
                     <td><kbd>Shift</kbd>+<kbd>l</kbd></td>
                     <td>Select tool to swap labels of existing annotations</td>