Merge pull request #109 from akhuoa/feature/connections-with-evidence

Display connections with evidence from published sources

src/components/ConnectivityInfo.vue

@@ -219,7 +219,11 @@
     </div>
 
     <div class="content-container content-container-references" v-if="resources.length">
-      <external-resource-card :resources="resources" @references-loaded="onReferencesLoaded"></external-resource-card>
+      <external-resource-card
+        :resources="resources"
+        @references-loaded="onReferencesLoaded"
+        @show-reference-connectivities="onShowReferenceConnectivities"
+      ></external-resource-card>
     </div>
   </div>
 </template>
@@ -426,6 +430,9 @@ export default {
       const name = data.map(t => t.label).join(', ');
       this.toggleConnectivityTooltip(name, {show: true});
     },
+    onShowReferenceConnectivities: function (refSource) {
+      this.$emit('show-reference-connectivities', refSource);
+    },
     onReferencesLoaded: function (references) {
       this.updatedCopyContent = this.getUpdateCopyContent(references);
     },

src/components/SideBar.vue

@@ -38,6 +38,7 @@
                 :envVars="envVars"
                 :ref="'connectivityTab_' + tab.id"
                 @show-connectivity="showConnectivity"
+                @show-reference-connectivities="onShowReferenceConnectivities"
                 @connectivity-component-click="onConnectivityComponentClick"
               />
             </template>
@@ -188,6 +189,13 @@ export default {
     showConnectivity: function (featureIds) {
       this.$emit('show-connectivity', featureIds);
     },
+    /**
+     * This event is emitted when the show related connectivities button in reference is clicked.
+     * @param refSource
+     */
+    onShowReferenceConnectivities: function (refSource) {
+      this.$emit('show-reference-connectivities', refSource);
+    },
     /**
      * This function is triggered after a connectivity component is clicked.
      * @arg data