Commit f9ca4cbd authored by Raphael Müller's avatar Raphael Müller
Browse files

Merge branch 'Lane2' into 'development'

Lane2

See merge request !7
parents a18257fe c50bb38b
......@@ -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(){
......
......@@ -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(){
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment