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

merged origin/lanes into grid

parents 65d84b01 334b3be6
Vue.component("lane",{ Vue.component("lane",{
template: template:
` `
<svg :x="x" :y="y" :width="width" :height="height"> <svg :height="height" :x="x" :y="y">
<line :x1="0" :y1="height/2" :x2="width" :y2="height/2" style="stroke:rgb(255,0,0);stroke-width:2" /> <line :x1="x+10" :y1="height/2" :x2="width" :y2="height/2" stroke="#39FF14" stroke-width="2" stroke-dasharray="20, 5" />
</svg> </svg>
`, `,
props: { props: {
width: {}, x: {
height: {}, validator (value) {
x: {}, return true
y: {}, }
},
y: {
validator (value) {
return true
}
},
height: {
validator (value) {
return true
}
},
width: {
validator (value) {
return true
}
},
}, },
methods: { methods: {
my_method(){ my_method(){
...@@ -18,9 +34,18 @@ Vue.component("lane",{ ...@@ -18,9 +34,18 @@ Vue.component("lane",{
}, },
}, },
computed: { computed: {
Todo(){ // y() {
return this.todo.charAt(0).toUpperCase() + this.todo.substr(1); // return y;
}, // },
// x() {
// return lib.map(0, this.o.xMin, this.o.xMax, 0, this.svg.w);
// },
// tickXs() {
// const ticks = lib.range(this.o.xMin, this.o.xMax, 10)
// return ticks.map(tick =>
// lib.map(tick, this.o.xMin, this.o.xMax, 0, this.svg.w)
// );
// },
}, },
data: function(){ data: function(){
return { return {
......
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