From 0a3ae1222a80263d5374607d55097c333e20da03 Mon Sep 17 00:00:00 2001
From: Aya Bezine <abezine@techfak.de>
Date: Wed, 11 Dec 2024 16:47:33 +0100
Subject: [PATCH 1/2] Highlight settings tab when annotation opacity is 0
 Resolves https://github.com/biigle/core/issues/457

---
 resources/assets/js/annotations/annotatorContainer.vue   | 4 ++++
 resources/views/annotations/show/tabs/settings.blade.php | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/resources/assets/js/annotations/annotatorContainer.vue b/resources/assets/js/annotations/annotatorContainer.vue
index 880baa939..92dec9061 100644
--- a/resources/assets/js/annotations/annotatorContainer.vue
+++ b/resources/assets/js/annotations/annotatorContainer.vue
@@ -163,7 +163,11 @@ export default {
         },
         annotationCount() {
             return this.annotations.length;
+        },
+        highlightSettingsTab() {
+            return this.annotationOpacity === 0;
         }
+    
     },
     methods: {
         getImageAndAnnotationsPromises(id) {
diff --git a/resources/views/annotations/show/tabs/settings.blade.php b/resources/views/annotations/show/tabs/settings.blade.php
index a9fece479..c474cf987 100644
--- a/resources/views/annotations/show/tabs/settings.blade.php
+++ b/resources/views/annotations/show/tabs/settings.blade.php
@@ -1,8 +1,8 @@
-<sidebar-tab name="settings" icon="cog" title="Settings">
+<sidebar-tab name="settings" icon="cog" title="Settings" :highlight="highlightSettingsTab">
     <settings-tab v-cloak :image="image" v-on:change="handleSettingsChange" inline-template>
         <div class="annotator-tab">
             <div class="sidebar-tab__section">
-                <button v-if="crossOrigin" class="btn btn-default" title="Screenshots are not available for remote images without cross-origin resource sharing" disabled="disabled" ><span class="fa fa-camera" aria-hidden="true"></span> Capture screenshot</button>
+                <button v-if="crossOrigin" class="btn btn-default" title="Screenshots are not available for remote images without cross-origin resource sharing" disabled="disabled"><span class="fa fa-camera" aria-hidden="true"></span> Capture screenshot</button>
                 <screenshot-button v-else inline-template>
                     <button class="btn btn-default" title="Get a screenshot of the visible area 𝗣" v-on:click="capture"><span class="fa fa-camera" aria-hidden="true"></span> Capture screenshot</button>
                 </screenshot-button>

From 87b00f9807679514b7a113e5e0eb4250af2a58c5 Mon Sep 17 00:00:00 2001
From: Leane Schlundt <lhecht@techfak.de>
Date: Thu, 9 Jan 2025 10:05:38 +0100
Subject: [PATCH 2/2] Minor changes

---
 resources/assets/js/annotations/annotatorContainer.vue   | 1 -
 resources/views/annotations/show/tabs/settings.blade.php | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/resources/assets/js/annotations/annotatorContainer.vue b/resources/assets/js/annotations/annotatorContainer.vue
index 92dec9061..90487a17c 100644
--- a/resources/assets/js/annotations/annotatorContainer.vue
+++ b/resources/assets/js/annotations/annotatorContainer.vue
@@ -167,7 +167,6 @@ export default {
         highlightSettingsTab() {
             return this.annotationOpacity === 0;
         }
-    
     },
     methods: {
         getImageAndAnnotationsPromises(id) {
diff --git a/resources/views/annotations/show/tabs/settings.blade.php b/resources/views/annotations/show/tabs/settings.blade.php
index c474cf987..da2132fba 100644
--- a/resources/views/annotations/show/tabs/settings.blade.php
+++ b/resources/views/annotations/show/tabs/settings.blade.php
@@ -2,7 +2,7 @@
     <settings-tab v-cloak :image="image" v-on:change="handleSettingsChange" inline-template>
         <div class="annotator-tab">
             <div class="sidebar-tab__section">
-                <button v-if="crossOrigin" class="btn btn-default" title="Screenshots are not available for remote images without cross-origin resource sharing" disabled="disabled"><span class="fa fa-camera" aria-hidden="true"></span> Capture screenshot</button>
+                <button v-if="crossOrigin" class="btn btn-default" title="Screenshots are not available for remote images without cross-origin resource sharing" disabled="disabled" ><span class="fa fa-camera" aria-hidden="true"></span> Capture screenshot</button>
                 <screenshot-button v-else inline-template>
                     <button class="btn btn-default" title="Get a screenshot of the visible area 𝗣" v-on:click="capture"><span class="fa fa-camera" aria-hidden="true"></span> Capture screenshot</button>
                 </screenshot-button>