diff --git a/package.json b/package.json index 7274a43..d622104 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "bravue", - "version": "0.16.0", + "version": "0.16.1", "private": true, "scripts": { "serve": "vue-cli-service serve", diff --git a/src/components/GeneBars.vue b/src/components/GeneBars.vue index 58d4a69..d4fa4da 100644 --- a/src/components/GeneBars.vue +++ b/src/components/GeneBars.vue @@ -31,6 +31,7 @@ export default { start: {default: 200000}, stop: {default: 201000} }, + emits: ['geneClick', 'close'], props: { //formerly region.segments.plot segmentBounds: { @@ -256,7 +257,7 @@ export default { this.rects_box.on("mouseover", this.handleBarMouseover) this.rects_box.on("mouseout", this.handleBarMouseout) - this.rects_box.on("click", d => this.$emit("click", d)); + this.rects_box.on("click", d => this.$emit("geneClick", d)); }, draw: function () { this.x_scale.range(this.segmentBounds).domain(this.segmentRegions); diff --git a/src/components/RegionDashboard.vue b/src/components/RegionDashboard.vue index 795d4a8..386c9f9 100644 --- a/src/components/RegionDashboard.vue +++ b/src/components/RegionDashboard.vue @@ -72,6 +72,7 @@
@@ -235,6 +236,11 @@ export default { handleCloseModal: function(){ this.showModal = false } , + handleGeneBarClick: function(evt){ + console.log("geneClick") + console.log("gene.html?id="+evt.target.__data__.gene_name) + window.location.href="gene.html?id="+evt.target.__data__.gene_name + }, togglePanelAttr: function(attrName) { this[attrName] = !this[attrName] this.showMenuDropDown = !this.showMenuDropDown