disable 3d viewer toggle if no stereo3d_* attributes

Author: bourdaisj

client/dive-common/components/Viewer.vue

@@ -48,6 +48,7 @@ import context from 'dive-common/store/context';
 import { EditAnnotationTypes, VisibleAnnotationTypes } from 'vue-media-annotator/layers';
 import { TrackWithContext } from 'vue-media-annotator/BaseFilterControls';
 import TrackViewer from 'vue-media-annotator/components/track_3d_viewer/TrackViewer.vue';
+import { isStereo3dReady } from 'vue-media-annotator/components/track_3d_viewer/misc';
 import TrackViewerSettingsStore from 'vue-media-annotator/components/track_3d_viewer/TrackViewerSettingsStore';
 import TrackViewerSettings from 'vue-media-annotator/components/track_3d_viewer/TrackViewerSettings.vue';
 import GroupSidebarVue from './GroupSidebar.vue';
@@ -95,6 +96,7 @@ export default defineComponent({
 
     const showTrack3dViewer = ref(false);
     const isStereoConfigMode = ref(false);
+    const hasStereo3dAttributes = ref(false);
 
     const baseMulticamDatasetId = ref(null as string | null);
     const datasetId = toRef(props, 'id');
@@ -698,6 +700,9 @@ export default defineComponent({
       await nextTick();
       handleResize();
     });
+    watch(attributes, (attrs) => {
+      hasStereo3dAttributes.value = isStereo3dReady(attrs);
+    });
     onBeforeUnmount(() => {
       if (controlsRef.value) observer.unobserve(controlsRef.value.$el);
     });
@@ -882,6 +887,7 @@ export default defineComponent({
       datasetId,
       showTrack3dViewer,
       isStereoConfigMode,
+      hasStereo3dAttributes,
     };
   },
 });
@@ -970,6 +976,7 @@ export default defineComponent({
             v-model="showTrack3dViewer"
             label="Track 3D Viewer"
             color="primary"
+            :disabled="!hasStereo3dAttributes"
             hide-details
           />
         </template>

client/src/components/track_3d_viewer/misc.ts

@@ -1,2 +1,33 @@
-// eslint-disable-next-line import/prefer-default-export
+import { Attribute } from 'vue-media-annotator/use/useAttributes';
+
+const EXPECTED_ATTRIBUTE_NAMES = [
+  'stereo3d_x',
+  'stereo3d_y',
+  'stereo3d_z',
+];
+
 export const noOp = () => undefined;
+
+export function isStereo3dReady(attrs: Attribute[]) {
+  const attributeNamesToFind = [...EXPECTED_ATTRIBUTE_NAMES];
+
+  // eslint-disable-next-line no-restricted-syntax
+  for (const attr of attrs) {
+    // eslint-disable-next-line no-plusplus
+    for (let i = 0; i < attributeNamesToFind.length; i++) {
+      if (attr.name === attributeNamesToFind[i]) {
+        if (attr.belongs === 'detection' && attr.datatype === 'number') {
+          attributeNamesToFind.splice(i, 1);
+        } else {
+          return false;
+        }
+      }
+    }
+
+    if (attributeNamesToFind.length === 0) {
+      return true;
+    }
+  }
+
+  return false;
+}