mirror/pcottle.learnGitBranching
1
0
Fork 0
mirror of https://github.com/pcottle/learnGitBranching.git synced 2025-06-26 07:58:34 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

woof finally got git visualization much more flexible with abso or container positioning

Browse source
This commit is contained in:
Peter Cottle 2013-01-04 14:09:16 -08:00
parent 55c85cd439
commit 096ec32393
6 changed files with 183 additions and 85 deletions
Download patch file Download diff file Expand all files Collapse all files

27
src/js/visuals/visualization.js
View file

@ -13,6 +13,7 @@ var Visualization = Backbone.View.extend({
options = options || {};
this.options = options;
this.customEvents = _.clone(Backbone.Events);
this.containerElement = options.containerElement;
var _this = this;
// we want to add our canvas somewhere
@ -63,13 +64,7 @@ var Visualization = Backbone.View.extend({
this.shown = false;
this.setTreeOpacity(0);
if (!options.wait) {
this.fadeTreeIn();
}
if (options.slideOut) {
this.slideOut();
}
this.fadeTreeIn();
this.customEvents.trigger('gitEngineReady');
this.customEvents.trigger('paperReady');
@ -95,17 +90,13 @@ var Visualization = Backbone.View.extend({
},
toggleSlide: function(value) {
// no classes on svg :-/
//$(this.paper.canvas).toggleClass('slideOut', value);
var transform = (value) ? 'translate3d(-150%, 0, 0)' : 'translate3d(0,0,0)';
if (!this.containerElement) {
console.warn('cant slide with absolute positioning');
return;
}
$(this.paper.canvas).css({
'-webkit-transform': transform,
'-moz-transform': transform,
'-ms-transform': transform,
'-o-transform': transform,
'transform': transform
});
// no classes on svg :-/
$(this.containerElement).toggleClass('slideOut', value);
},
getAnimationTime: function() { return 300; },
@ -155,9 +146,9 @@ var Visualization = Backbone.View.extend({
// if we don't have a container, we need to set our
// position absolutely to whatever we are tracking
if (!this.options.containerElement) {
var left = el.offsetLeft;
var top = el.offsetTop;
$(this.paper.canvas).css({
position: 'absolute',
left: left + 'px',