Extracting a method to ease readability
This commit is contained in:
parent
d216c0fe5f
commit
97b816ffc9
@ -29,7 +29,26 @@ export default _.extend({}, Base, {
|
|||||||
});
|
});
|
||||||
|
|
||||||
containerBox = this.getBBox();
|
containerBox = this.getBBox();
|
||||||
paths = _.map(matches, match => {
|
paths = _.map(matches, this.makeConnectorLine.bind(this, containerBox));
|
||||||
|
|
||||||
|
paths.push(Snap.format([
|
||||||
|
'M0,{box.cy}q10,0 10,-10V{top}',
|
||||||
|
'M0,{box.cy}q10,0 10,10V{bottom}',
|
||||||
|
'M{box.width},{box.cy}m40,0q-10,0 -10,-10V{top}',
|
||||||
|
'M{box.width},{box.cy}m40,0q-10,0 -10,10V{bottom}'
|
||||||
|
].join(''), {
|
||||||
|
box: containerBox,
|
||||||
|
top: _.first(matches).getBBox().cy + 10,
|
||||||
|
bottom: _.last(matches).getBBox().cy - 10
|
||||||
|
}));
|
||||||
|
|
||||||
|
this.container.prepend(
|
||||||
|
this.container.path(paths.join('')));
|
||||||
|
}).bind(this));
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
makeConnectorLine(containerBox, match) {
|
||||||
var box = match.getBBox(),
|
var box = match.getBBox(),
|
||||||
direction = box.cy > containerBox.cy ? 1 : -1,
|
direction = box.cy > containerBox.cy ? 1 : -1,
|
||||||
distance = Math.abs(box.cy - containerBox.cy),
|
distance = Math.abs(box.cy - containerBox.cy),
|
||||||
@ -57,23 +76,6 @@ export default _.extend({}, Base, {
|
|||||||
y: box.cy - containerBox.cy
|
y: box.cy - containerBox.cy
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
|
||||||
|
|
||||||
paths.push(Snap.format([
|
|
||||||
'M0,{box.cy}q10,0 10,-10V{top}',
|
|
||||||
'M0,{box.cy}q10,0 10,10V{bottom}',
|
|
||||||
'M{box.width},{box.cy}m40,0q-10,0 -10,-10V{top}',
|
|
||||||
'M{box.width},{box.cy}m40,0q-10,0 -10,10V{bottom}'
|
|
||||||
].join(''), {
|
|
||||||
box: containerBox,
|
|
||||||
top: _.first(matches).getBBox().cy + 10,
|
|
||||||
bottom: _.last(matches).getBBox().cy - 10
|
|
||||||
}));
|
|
||||||
|
|
||||||
this.container.prepend(
|
|
||||||
this.container.path(paths.join('')));
|
|
||||||
}).bind(this));
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
|
|
||||||
matches() {
|
matches() {
|
||||||
|
Loading…
Reference in New Issue
Block a user