[gnome-shell/wip/paging-release2: 6/20] appDisplay: Animate _updateIconOpacities

[Carlos Soriano <csoriano src gnome org>]

commit bb34fe38214c30bd8789ddf1f5a8910b0194ffd4
Author: Carlos Soriano <carlos soriano89 gmail com>
Date:   Thu Aug 22 17:31:41 2013 +0200

    appDisplay: Animate _updateIconOpacities
    
    Animate the transition between full opacity and partly opacity
    to follow overall animations design of gnome-shell
    
    https://bugzilla.gnome.org/show_bug.cgi?id=706081

 js/ui/appDisplay.js |   11 +++++++++--
 1 files changed, 9 insertions(+), 2 deletions(-)
---
diff --git a/js/ui/appDisplay.js b/js/ui/appDisplay.js
index b26c2b7..0278b2d 100644
--- a/js/ui/appDisplay.js
+++ b/js/ui/appDisplay.js
@@ -32,6 +32,7 @@ const MENU_POPUP_TIMEOUT = 600;
 const MAX_COLUMNS = 6;
 
 const INACTIVE_GRID_OPACITY = 77;
+const INACTIVE_GRID_OPACITY_ANIMATION_TIME = 0.15;
 const FOLDER_SUBICON_FRACTION = .4;
 
 
@@ -249,10 +250,16 @@ const AllView = new Lang.Class({
 
     _updateIconOpacities: function(folderOpen) {
         for (let id in this._items) {
+            let params;
             if (folderOpen && !this._items[id].actor.checked)
-                this._items[id].actor.opacity = INACTIVE_GRID_OPACITY;
+                params = { opacity: INACTIVE_GRID_OPACITY,
+                               time: INACTIVE_GRID_OPACITY_ANIMATION_TIME,
+                               transition: 'easeOutQuad' };
             else
-                this._items[id].actor.opacity = 255;
+                params = { opacity: 255,
+                           time: INACTIVE_GRID_OPACITY_ANIMATION_TIME,
+                           transition: 'easeOutQuad' };
+            Tweener.addTween(this._items[id].actor, params);
         }
     }
 });