feat: add menu option to show image in all views

Author: PaulHax

src/components/ImageDataBrowser.vue

@@ -167,6 +167,10 @@ export default defineComponent({
       viewStore.setDataForActiveView(imageID);
     }
 
+    function showInAllViews(imageID: string) {
+      viewStore.setDataForAllViews(imageID);
+    }
+
     function onDragStart(imageID: string, event: DragEvent) {
       event.dataTransfer?.setData(IMAGE_DRAG_MEDIA_TYPE, imageID);
     }
@@ -187,6 +191,7 @@ export default defineComponent({
       toggleSyncImages,
       isSync,
       setViewImage,
+      showInAllViews,
       onDragStart,
     };
   },
@@ -318,6 +323,9 @@ export default defineComponent({
                       Must load a background image before converting
                     </v-tooltip>
                   </v-list-item>
+                  <v-list-item @click="showInAllViews(image.id)">
+                    Show in all views
+                  </v-list-item>
                   <v-list-item @click="removeData(image.id)">
                     Delete
                   </v-list-item>

src/components/PatientStudyVolumeBrowser.vue

@@ -14,6 +14,7 @@ import { useLayersStore } from '@/src/store/datasets-layers';
 import PersistentOverlay from '@/src/components//PersistentOverlay.vue';
 import { useCurrentImage } from '@/src/composables/useCurrentImage';
 import { IMAGE_DRAG_MEDIA_TYPE } from '@/src/constants';
+import { useViewStore } from '@/src/store/views';
 
 function dicomCacheKey(volKey: string) {
   return `dicom-${volKey}`;
@@ -41,6 +42,7 @@ export default defineComponent({
     const datasetStore = useDatasetStore();
     const layersStore = useLayersStore();
     const imageCacheStore = useImageCacheStore();
+    const viewStore = useViewStore();
 
     const { currentImageID } = useCurrentImage();
     const volumes = computed(() => {
@@ -159,6 +161,10 @@ export default defineComponent({
       event.dataTransfer?.setData(IMAGE_DRAG_MEDIA_TYPE, imageID);
     }
 
+    function showInAllViews(volumeKey: string) {
+      viewStore.setDataForAllViews(volumeKey);
+    }
+
     return {
       selected,
       selectedAll,
@@ -169,6 +175,7 @@ export default defineComponent({
       removeData,
       removeSelectedDICOMVolumes,
       onDragStart,
+      showInAllViews,
     };
   },
 });
@@ -308,6 +315,9 @@ export default defineComponent({
                           <span v-else>Add as layer</span>
                         </template>
                       </v-list-item>
+                      <v-list-item @click="showInAllViews(volume.key)">
+                        Show in all views
+                      </v-list-item>
                       <v-list-item @click="removeData(volume.key)">
                         Delete
                       </v-list-item>