Merge pull request #70 from akhuoa/feature/dataset-click-event

Add dataset click event

package.json

@@ -37,7 +37,7 @@
     "./src/*": "./src/*"
   },
   "dependencies": {
-    "@abi-software/gallery": "^1.0.0",
+    "@abi-software/gallery": "^1.1.0",
     "@abi-software/svg-sprite": "^1.0.0",
     "@element-plus/icons-vue": "^2.3.1",
     "algoliasearch": "^4.10.5",

src/App.vue

@@ -205,7 +205,10 @@ export default {
     console.log('mounted app')
     EventBus.on('contextUpdate', (payLoad) => {
       console.log('contextUpdate', payLoad)
-    })
+    });
+    EventBus.on('datalink-clicked', (payLoad) => {
+      console.log('datalink-clicked', payLoad)
+    });
   },
 }
 </script>

src/components/DatasetCard.vue

@@ -15,6 +15,7 @@
             :dataset-biolucida="biolucidaData"
             :category="currentCategory"
             @card-clicked="galleryClicked"
+            @datalink-clicked="galleryDatalinkClicked"
           />
         </span>
         <div class="card-right">
@@ -163,6 +164,9 @@ export default {
     galleryClicked: function (payload) {
       this.propogateCardAction(payload)
     },
+    galleryDatalinkClicked: function (payload) {
+      EventBus.emit('datalink-clicked', payload); // Pass to mapintegratedvuer
+    },
     openDataset: function () {
       window.open(this.dataLocation, '_blank')
     },

src/components/ImageGallery.vue

@@ -13,6 +13,7 @@
         :body-style="bodyStyle"
         :shadow="shadow"
         @card-clicked="cardClicked"
+        @datalink-clicked="datalinkClicked"
         ref="gallery"
       />
   </div>
@@ -116,6 +117,9 @@ export default {
     cardClicked: function (payload) {
       this.$emit('card-clicked', payload)
     },
+    datalinkClicked: function (payload) {
+      this.$emit('datalink-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(),

src/components/SideBar.vue

@@ -211,6 +211,15 @@ export default {
        */
       this.$emit('contextUpdate', payLoad)
     })
+    EventBus.on('datalink-clicked', (payLoad) => {
+      /**
+       * This event is emitted
+       * when the dataset button or dataset image thumbnail
+       * from the gallery component is clicked.
+       * @arg payload
+       */
+      this.$emit('datalink-clicked', payLoad);
+    })
   },
 }
 </script>