mirror/pcottle.learnGitBranching
1
0
Fork 0
mirror of https://github.com/pcottle/learnGitBranching.git synced 2025-06-27 16:38:50 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

fade in on visualizations

Browse source
This commit is contained in:
Peter Cottle 2012-12-17 22:40:58 -08:00
parent ee6a81b35c
commit 79ee686721
4 changed files with 94 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/js/visuals/index.js
View file

@ -1,12 +1,11 @@
var _;
var _ = require('underscore');
var Backbone;
// horrible hack to get localStorage Backbone plugin
if (!require('../util').isBrowser()) {
_ = require('underscore');
Backbone = require('backbone');
} else {
Backbone = window.Backbone;
_ = window._;
}
var GRAPHICS = require('../util/constants').GRAPHICS;
@ -31,12 +30,15 @@ var Visualization = Backbone.View.extend({
// for some reason raphael calls this function with a predefined
// context...
// so switch it
_this.paperInitialize(this);
_this.paperInitialize(this, options);
});
},
paperInitialize: function(paper, options) {
options = options || {};
this.treeString = options.treeString;
this.paper = paper;
var Main = require('../app');
this.events = Main.getEvents();
@ -62,6 +64,21 @@ var Visualization = Backbone.View.extend({
this.myResize();
$(window).on('resize', _.bind(this.myResize, this));
this.gitVisuals.drawTreeFirstTime();
if (this.treeString) {
this.gitEngine.loadTreeFromString(this.treeString);
}
this.setTreeOpacity(0);
this.fadeTreeIn();
},
setTreeOpacity: function(level) {
$(this.paper.canvas).css('opacity', 0);
},
fadeTreeIn: function() {
$(this.paper.canvas).animate({opacity: 1}, 300);
},
myResize: function() {