[TODOs] Fix some

Author: janishutz

src/components/home/PreviewProvider.vue

@@ -6,6 +6,9 @@
     import type {
         ShallowAnnotationSessionDto
     } from '@/types/dtos/ShallowAnnotationSessionDto';
+    import {
+        computed
+    } from 'vue';
     import {
         useAnnotationSessionStore
     } from '@/ts/stores/annotationSessionStore';
@@ -14,6 +17,11 @@
         'session': ShallowAnnotationSessionDto
     }>();
     const annotationSessionStore = useAnnotationSessionStore();
+    const unassignedCount = computed( () => {
+        return props.session.annotationsMetaData
+            ? props.session.annotationsMetaData.total! - props.session.annotationsMetaData.done!
+            : -1;
+    } );
 </script>
 
 <template>
@@ -35,7 +43,7 @@
                             Word count
                         </p>
                         <p class="content">
-                            {{ 'N/A' }}
+                            N/A
                         </p>
                     </td>
                     <td>
@@ -53,28 +61,26 @@
                             Last modified on
                         </p>
                         <p class="content">
-                            {{ $props.session.lastEdited ? formatDateTime(new Date($props.session.lastEdited)) : 'N/A' }}
+                            {{ props.session.lastEdited ? formatDateTime(new Date(props.session.lastEdited)) : 'N/A' }}
                         </p>
                     </td>
                     <td>
                         <p class="title">
                             Assigned
                         </p>
                         <p class="content">
-                            {{ props.session.annotationsMetaData ? $props.session.annotationsMetaData?.done : 'N/A' }}
+                            {{ props.session.annotationsMetaData ? props.session.annotationsMetaData?.done : 'N/A' }}
                         </p>
                     </td>
                     <td>
                         <p class="title">
                             Unassigned
                         </p>
-                        <!-- TODO: Set color class depending on value. (success on 0, warning > 0) -->
-                        <!-- Using v-if on props currently crashes after reload -->
                         <p
                             class="content information"
+                            :class="unassignedCount > 0 || unassignedCount == -1 ? 'warning' : 'sucess'"
                         >
-                            {{ $props.session.annotationsMetaData
-                                ? $props.session.annotationsMetaData.total! - $props.session.annotationsMetaData.done! : 'N/A' }}
+                            {{ unassignedCount > -1 ? unassignedCount : 'N/A' }}
                         </p>
                     </td>
                 </tr>

src/editor/components/KeybindPane.vue

@@ -30,7 +30,7 @@
         },
         {
             'keybind': 'Backspace',
-            'function': 'Undo'
+            'function': 'Delete annotation'
         },
         {
             'keybind': 'CTRL + SHIFT + Z',
@@ -55,6 +55,10 @@
         {
             'keybind': 'Delete',
             'function': 'Mark fixation as invalid'
+        },
+        {
+            'keybind': 'Enter',
+            'function': '(hold) Show assignments of all algorithms'
         }
     ];
     const show = defineModel<boolean>();

src/editor/io/keyboard.ts

@@ -101,7 +101,6 @@ export const keyboardHandler = ( renderer: Renderer ) => {
                     );
                 } catch { /* empty */ }
             } else if ( ev.key === 'Delete' ) {
-                // TODO: Update this keybind if needed
                 ev.preventDefault();
                 annotation.markAsInvalid( selectedFixation.value );
             } else if ( ev.key === 'Enter' ) {

src/editor/loaders/backend.ts

@@ -80,7 +80,6 @@ export const loadEditorDataFromBackend = async ( renderer: Renderer ) => {
 
     if ( annotationLoad )
         annotationLoad.forEach( annotation => {
-            // TODO: Need algorithm name. Editor's Annotation object already supports it
             const ann: EditorAnnotation = {
                 'fixationIdx': getFixIdxFromId( annotation.fixation!.id! ),
                 'boxIdx': getBoxIdxFromId( annotation.characterBoundingBox!.id! )
@@ -90,6 +89,7 @@ export const loadEditorDataFromBackend = async ( renderer: Renderer ) => {
 
             if ( annotation.annotationType === 'MACHINE_ANNOTATED' ) {
                 userAnnotations.value.push( ann );
+                ann.algorithm = 'default';
             }
 
             annotations.value.push( ann );

src/editor/manager/history.ts

@@ -58,6 +58,9 @@ const startHistoryTracker = ( renderer: Renderer, annotation: AnnotationManager
         } else {
             fixations.value[ last.annotation.fixationIdx ]!.assigned = 'unassigned';
         }
+
+        renderer.renderLines.render();
+        renderer.renderFixations.render();
     };
 
     const add = ( annotation: EditorAnnotation, selectedFixation: number ) => {
@@ -112,6 +115,7 @@ const startHistoryTracker = ( renderer: Renderer, annotation: AnnotationManager
         selectedFixation.value = last.selectedFixation + 1;
 
         renderer.renderLines.render();
+        renderer.renderFixations.render();
     };
 
     onMounted( () => {