From 42d0c18f15a33ce5e6ea0cc49937567e570b559e Mon Sep 17 00:00:00 2001 From: Raphael Mueller Date: Wed, 24 Oct 2018 21:22:47 +0200 Subject: [PATCH] added responsibility to windows resizing --- genome-vuer/src/index.html | 2 +- genome-vuer/src/js/genome_viewer.js | 17 +++++++++++++++-- 2 files changed, 16 insertions(+), 3 deletions(-) diff --git a/genome-vuer/src/index.html b/genome-vuer/src/index.html index fcd1d64..a0710ab 100644 --- a/genome-vuer/src/index.html +++ b/genome-vuer/src/index.html @@ -14,7 +14,7 @@ -
+
diff --git a/genome-vuer/src/js/genome_viewer.js b/genome-vuer/src/js/genome_viewer.js index 377c5c0..2b1f3f2 100644 --- a/genome-vuer/src/js/genome_viewer.js +++ b/genome-vuer/src/js/genome_viewer.js @@ -1,6 +1,6 @@ Vue.component("genome-viewer",{ template: ` -
+
- + @@ -116,7 +116,20 @@ Vue.component("genome-viewer",{ //this.one_height = this.height/(1 + 2 * this.lanes.length) }, + created(){ + window.addEventListener('resize', this.handleResize, false); + }, + destroyed(){ + window.removeEventListener('resize', this.handleResize) + }, methods:{ + handleResize(){ + var svg_el = this.$refs.genomeVuer.getBoundingClientRect() + this.width = svg_el.width + this.height = svg_el.height + //#this.width = window.innerWidth; + //#this.height = window.innerHeight; + }, getColor(feature){ if(feature.hasOwnProperty("color")){ return feature.color -- GitLab