Show the current user's submitted label in sidebar

Author: naglepuff

client/src/components/RecordingAnnotationEditor.vue

@@ -118,7 +118,7 @@ export default defineComponent({
     ));
 
     const submissionTooltip = computed(() => {
-      if (props.submittedAnnotationId !== props.annotation?.id) {
+      if (props.submittedAnnotationId !== undefined && props.submittedAnnotationId !== props.annotation?.id) {
         return 'You have already submitted a different annotation for this recording.';
       }
       if (props.annotation && props.annotation.submitted) {
@@ -234,7 +234,7 @@ export default defineComponent({
               <v-btn
                 flat
                 color="primary"
-                :disabled="annotation.submitted || annotation.id !== submittedAnnotationId"
+                :disabled="annotation.submitted || (submittedAnnotationId !== undefined && annotation.id !== submittedAnnotationId)"
                 @click="submitAnnotation"
               >
                 Submit

client/src/components/RecordingList.vue

@@ -1,15 +1,13 @@
 <script lang="ts">
 import { defineComponent, ref, Ref, onMounted, computed } from 'vue';
-import { getRecordings } from '../api/api';
+import { FileAnnotation, getRecordings, Recording, Species } from '../api/api';
 import useState from '@use/useState';
 import  { EditingRecording } from './UploadRecording.vue';
 
 export default defineComponent({
-    components: {
-    },
   setup() {
 
-    const { sharedList, recordingList } = useState();
+    const { sharedList, recordingList, currentUser, configuration } = useState();
     const editingRecording: Ref<EditingRecording | null> = ref(null);
 
     const fetchRecordings = async () => {
@@ -30,13 +28,25 @@ export default defineComponent({
         return sharedList.value;
     });
 
+    const userSubmittedAnnotation = (recording: Recording) => {
+      const userSubmittedAnnotations = recording.fileAnnotations.filter((annotation: FileAnnotation) => (
+        annotation.owner === currentUser.value && annotation.submitted
+      ));
+      if (userSubmittedAnnotations.length === 0 || userSubmittedAnnotations[0].species.length === 0) {
+        return undefined;
+      }
+      return userSubmittedAnnotations[0].species.map((specie: Species) => specie.species_code).join(', ');
+    };
+
     return {
         recordingList,
         sharedList,
         modifiedList,
         filtered,
         editingRecording,
         openPanel,
+        userSubmittedAnnotation,
+        configuration,
      };
   },
 });
@@ -83,6 +93,15 @@ export default defineComponent({
                 </div>
               </v-col>
             </v-row>
+            <v-row
+              v-if="configuration.mark_annotations_completed_enabled && userSubmittedAnnotation(item)"
+              dense
+            >
+              <v-col>
+                <b>My label: </b>
+                <span>{{ userSubmittedAnnotation(item) }}</span>
+              </v-col>
+            </v-row>
           </v-card>
         </div>
       </v-expansion-panel-text>
@@ -151,4 +170,4 @@ export default defineComponent({
 .v-expansion-panel-text__wrapper {
     padding: 0 !important;
 }
-</style>
+</style>