mirror of
https://github.com/pcottle/learnGitBranching.git
synced 2025-06-27 16:38:50 +02:00
BOOOOM part of the tree layout done\!
This commit is contained in:
parent
9378254f0a
commit
d16b8b61d3
3 changed files with 155 additions and 14 deletions
30
src/tree.js
30
src/tree.js
|
@ -1,8 +1,11 @@
|
|||
var VisNode = Backbone.Model.extend({
|
||||
defaults: {
|
||||
depth: undefined,
|
||||
id: null,
|
||||
pos: null,
|
||||
commit: null
|
||||
commit: null,
|
||||
animationSpeed: 300,
|
||||
animationEasing: 'easeInOut'
|
||||
},
|
||||
|
||||
validateAtInit: function() {
|
||||
|
@ -16,7 +19,7 @@ var VisNode = Backbone.Model.extend({
|
|||
if (!this.get('pos')) {
|
||||
this.set('pos', {
|
||||
x: Math.random(),
|
||||
y: Math.random(),
|
||||
y: Math.random()
|
||||
});
|
||||
}
|
||||
},
|
||||
|
@ -29,6 +32,25 @@ var VisNode = Backbone.Model.extend({
|
|||
|
||||
},
|
||||
|
||||
setDepthBasedOn: function(depthIncrement) {
|
||||
if (this.get('depth') === undefined) {
|
||||
throw new Error('no depth yet!');
|
||||
}
|
||||
var pos = this.get('pos');
|
||||
pos.y = this.get('depth') * depthIncrement;
|
||||
},
|
||||
|
||||
animateUpdatedPosition: function() {
|
||||
var pos = this.getScreenCoords();
|
||||
this.get('circle').animate({
|
||||
cx: pos.x,
|
||||
cy: pos.y
|
||||
},
|
||||
this.get('animationSpeed'),
|
||||
this.get('animationEasing')
|
||||
);
|
||||
},
|
||||
|
||||
getScreenCoords: function() {
|
||||
var pos = this.get('pos');
|
||||
return gitVisuals.toScreenCoords(pos);
|
||||
|
@ -67,8 +89,8 @@ var VisEdge = Backbone.Model.extend({
|
|||
var tailPos = this.get('tail').getScreenCoords();
|
||||
var headPos = this.get('head').getScreenCoords();
|
||||
var pathString = constructPathStringFromCoords([tailPos, headPos]);
|
||||
var path = cutePath(paper, pathString);
|
||||
this.set('path', path);
|
||||
// var path = cutePath(paper, pathString);
|
||||
// this.set('path', path);
|
||||
},
|
||||
|
||||
});
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue