Add dataset click event from gallery

alan-wu · May 2, 2024 · 6cbde23 · 6cbde23
1 parent 32a0fa5
commit 6cbde23
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/DatasetCard.vue b/src/components/DatasetCard.vue
@@ -15,6 +15,7 @@
             :dataset-biolucida="biolucidaData"
             :category="currentCategory"
             @card-clicked="galleryClicked"
+            @dataset-clicked="galleryDatasetClicked"
           />
         </span>
         <div class="card-right">
@@ -163,6 +164,9 @@ export default {
     galleryClicked: function (payload) {
       this.propogateCardAction(payload)
     },
+    galleryDatasetClicked: function (payload) {
+      EventBus.emit('dataset-clicked', payload) // Pass to mapintegratedvuer
+    },
     openDataset: function () {
       window.open(this.dataLocation, '_blank')
     },

diff --git a/src/components/ImageGallery.vue b/src/components/ImageGallery.vue
@@ -13,6 +13,7 @@
         :body-style="bodyStyle"
         :shadow="shadow"
         @card-clicked="cardClicked"
+        @dataset-clicked="datasetClicked"
         ref="gallery"
       />
   </div>
@@ -116,6 +117,9 @@ export default {
     cardClicked: function (payload) {
       this.$emit('card-clicked', payload)
     },
+    datasetClicked: function (payload) {
+      this.$emit('dataset-clicked', payload)
+    },
     createSciCurnchItems: function () {
       this.updateS3Bucket(this.entry.s3uri)
       this.createDatasetItem()
@@ -171,7 +175,7 @@ export default {
           let thumbnailURL = undefined
           let mimetype = ''
           if (thumbnail) {
-            
+
             thumbnailURL = this.getImageURL(this.envVars.API_LOCATION, {
               id,
               prefix: this.getS3Prefix(),