From cea91a96def3fbdee0f7778efff5af77b72dd2b4 Mon Sep 17 00:00:00 2001 From: RaNaN Date: Sat, 12 Jan 2013 21:31:01 +0100 Subject: animate package added --- module/web/static/js/views/packageTreeView.js | 19 ++++++++++++++----- 1 file changed, 14 insertions(+), 5 deletions(-) (limited to 'module/web/static/js/views/packageTreeView.js') diff --git a/module/web/static/js/views/packageTreeView.js b/module/web/static/js/views/packageTreeView.js index 7491a285e..8791a93f2 100644 --- a/module/web/static/js/views/packageTreeView.js +++ b/module/web/static/js/views/packageTreeView.js @@ -34,8 +34,8 @@ define(['jquery', 'backbone', 'underscore', 'app', 'models/TreeCollection', 'vie this.tree.fetch({success: function() { self.render(); self.tree.get('packages').on('add', function(pack) { - console.log('Package ' + pack.get('pid') +' added to tree'); - self.appendPackage(pack); + console.log('Package ' + pack.get('pid') + ' added to tree'); + self.appendPackage(pack, 0, true); }) }}); @@ -65,11 +65,20 @@ define(['jquery', 'backbone', 'underscore', 'app', 'models/TreeCollection', 'vie }, // TODO sorting ?! - // Append a package to the list - appendPackage: function(pack) { - this.packageUL.append(new packageView({model: pack}).render().el); + // Append a package to the list, index, animate it + appendPackage: function(pack, i, animation) { + var el = new packageView({model: pack}).render().el; + if (animation == true) + $(el).hide(); + + this.packageUL.append(el); + + if (animation == true) + $(el).fadeIn(); }, + + // TODO: remove this debug stuff toggle: false, filter: function(e) { -- cgit v1.2.3