Vetting minor UI changes

client/src/App.vue

@@ -91,6 +91,7 @@ export default defineComponent({
       sideTab,
       isAdmin,
       isNaBat,
+      configuration,
      };
   },
 });
@@ -137,7 +138,7 @@ export default defineComponent({
       </h3>
       <v-spacer />
       <v-tooltip
-        v-if="containsSpectro && nextShared !== false"
+        v-if="(containsSpectro && nextShared !== false) && !configuration.mark_annotations_completed_enabled"
         bottom
       >
         <template #activator="{ props: subProps }">

client/src/components/PulseMetadataButton.vue

@@ -87,7 +87,7 @@ export default defineComponent({
       </template>
       <v-card min-width="260">
         <v-card-title class="text-subtitle-1 px-3 pt-3">
-          Pulse metadata style
+          Pulse Metrics
         </v-card-title>
         <v-card-text class="pt-0">
           <div class="mt-1 d-flex align-center">

client/src/components/RecordingAnnotationEditor.vue

@@ -216,7 +216,7 @@ export default defineComponent({
         />
       </v-row>
       <v-row
-        v-if="type !== 'nabat'"
+        v-if="type !== 'nabat' && !configuration.mark_annotations_completed_enabled"
       >
         <v-slider
           v-model="confidence"

client/src/components/RecordingList.vue

@@ -104,7 +104,7 @@ export default defineComponent({
       <v-col>
         <v-checkbox
           v-model="showSubmittedRecordings"
-          label="Show submitted recordings"
+          label="Show recordings with submitted annotations"
           hide-details
         />
       </v-col>
@@ -158,7 +158,7 @@ export default defineComponent({
               >
                 <v-col>
                   <div>
-                    <b>Submitted: </b>
+                    <b>Annotation Submitted: </b>
                     <v-icon
                       v-if="userSubmittedAnnotation(item)"
                       color="success"

client/src/components/geoJS/layers/pulseMetadataLayer.ts

@@ -184,15 +184,15 @@ export default class PulseMetadataLayer extends BaseTextLayer<TextData> {
         });
 
         this.textData.push({
-          text: `${(maxFreq / 1000).toFixed(1)} kHz`,
+          text: `Fₘₐₓ ${(maxFreq / 1000).toFixed(1)}kHz`,
           x: topLeft.x - freqLineOffsetX - labelOffset,
           y: topLeft.y,
           offsetX: 0,
           offsetY: 0,
           textAlign: 'end',
         });
         this.textData.push({
-          text: `${(minFreq / 1000).toFixed(1)} kHz`,
+          text: `Fₘᵢₙ ${(minFreq / 1000).toFixed(1)}kHz`,
           x: bottomLeft.x - freqLineOffsetX - labelOffset,
           y: bottomLeft.y,
           offsetX: 0,
@@ -231,7 +231,7 @@ export default class PulseMetadataLayer extends BaseTextLayer<TextData> {
         this.pointData.push({ x: pos.x, y: pos.y, label: 'char_freq' });
         const charFreqKhz = (pulse.char_freq[1] / 1000).toFixed(1);
         this.textData.push({
-          text: `Char ${charFreqKhz} kHz`,
+          text: `Fc ${charFreqKhz} kHz`,
           x: pos.x,
           y: pos.y - 2,
           offsetX: 0,

client/src/views/Recordings.vue

@@ -388,7 +388,7 @@ export default defineComponent({
           <v-checkbox
             v-model="showSubmittedRecordings"
             class="mr-4"
-            label="Show submitted recordings"
+            label="Show recordings with submitted annotations"
             hide-details
           />
           <v-menu v-if="configuration.is_admin || configuration.non_admin_upload_enabled">

client/src/views/Spectrogram.vue

@@ -529,7 +529,10 @@ export default defineComponent({
               </template>
               <span>Use a draggable straight edge to measure frequency</span>
             </v-tooltip>
-            <v-tooltip bottom>
+            <v-tooltip
+              v-if="configuration.display_pulse_annotations || configuration.display_sequence_annotations"
+              bottom
+            >
               <template #activator="{ props: subProps }">
                 <v-icon
                   v-bind="subProps"
@@ -543,7 +546,10 @@ export default defineComponent({
               </template>
               <span> Turn Species Label On/Off</span>
             </v-tooltip>
-            <v-tooltip bottom>
+            <v-tooltip
+              v-if="configuration.display_pulse_annotations || configuration.display_sequence_annotations"
+              bottom
+            >
               <template #activator="{ props: subProps }">
                 <v-btn
                   v-bind="subProps"
@@ -558,7 +564,10 @@ export default defineComponent({
               </template>
               <span> Turn Time Endpoint Labels On/Off</span>
             </v-tooltip>
-            <v-tooltip bottom>
+            <v-tooltip
+              v-if="configuration.display_pulse_annotations || configuration.display_sequence_annotations"
+              bottom
+            >
               <template #activator="{ props: subProps }">
                 <v-btn
                   v-bind="subProps"
@@ -573,7 +582,10 @@ export default defineComponent({
               </template>
               <span> Turn Time Duration Labels On/Off</span>
             </v-tooltip>
-            <v-tooltip bottom>
+            <v-tooltip
+              v-if="configuration.display_pulse_annotations || configuration.display_sequence_annotations"
+              bottom
+            >
               <template #activator="{ props: subProps }">
                 <v-btn
                   v-bind="subProps"
@@ -802,6 +814,15 @@ export default defineComponent({
                   </v-btn>
                 </v-col>
               </v-row>
+              <v-row v-else-if="loading">
+                <v-col>
+                  <v-progress-circular
+                    indeterminate
+                    size="24"
+                    color="primary"
+                  />
+                </v-col>
+              </v-row>
               <v-row v-else>
                 <v-col>
                   There are no more files to review