Merge branch 'Lane2' into 'development'

Lane2

See merge request !7

genome-vuer/src/js/genome_viewer.js

@@ -13,7 +13,7 @@ Vue.component("genome-viewer",{
         <axis :x="to_w(0)" :y="to_h(0)" :vOffset="height/15" :height="one_height" :width="width" :start="axisStart" :stop="axisStop" :genomeSize="length*100">
         </axis>
         <!-- -->
-        <lane v-for="lane in lanes" :key="lane.id" :x="to_w(0)" :y="to_h(lane)" :height="2*one_height" :width="to_w(100)">
+        <lane v-for="lane in lanes" :key="lane.id" :x="to_w(0)" :y="to_h(lane)" :height="2*one_height" :width="to_w(100)" :color="defaultLaneColor">
         </lane>
         <feature v-for="(feature, index) in featureData" :key="feature.name" :feature-id="feature.name" :svg-width="genomeToPixel(feature.end)-genomeToPixel(feature.start)" :svg-height="one_height" :svg-x="genomeToPixel(feature.start)" :svg-y="to_h(lane(feature.strand))+ one_height/2" :color="getColor(feature)" :border-color="(feature.color_border)?feature.color_border : defaultBorderColor" @click="featureClick" @hover="updateFeature" @unhover="currentFeature = undefined">
         </feature>
@@ -64,6 +64,9 @@ Vue.component("genome-viewer",{
         }
       }
     },
+    defaultLaneColor: {
+      default: "#FF00BF"
+    },
   },
   computed:{
     stops(){

genome-vuer/src/js/lane.js

@@ -2,7 +2,7 @@ Vue.component("lane",{
   template: 
     `
     <svg :height="height" :x="x" :y="y">
-      <line :x1="x+10" :y1="height/2" :x2="width" :y2="height/2" stroke="#39FF14" stroke-width="2" stroke-dasharray="20, 5" />
+      <line :x1="x+10" :y1="height/2" :x2="width" :y2="height/2" :stroke="color" stroke-width="2" stroke-dasharray="20, 5" />
     </svg>
     `,
   props: {
@@ -26,6 +26,9 @@ Vue.component("lane",{
            return true
       }
     },
+    color: {
+       default: '#222222'
+    },
   },
   methods: {
     my_method(){