Add angular animate library and real-time update new annotations

* angular-animate.js library was added to the project (as a file, and to assests.py and app.coffee)
* The ng-repeater tags for annotations in both viewer.html and page_search.html were enhanced with the vl-animate class
* This vl-animate css class contains the animation description in the common.scss (currently emulating a 3D cube change)
* The update notification bar is no longer active.

h/css/common.scss

@@ -719,10 +719,6 @@ blockquote {
     padding: 0;
     padding-left: $thread-padding;
 
-    &:first-child {
-      margin-top: .5em;
-    }
-
     &.collapsed {
       & > .annotation {
         fuzzytime {
@@ -801,26 +797,30 @@ blockquote {
       background-image: url("../images/plus_1.png");
     }
   }
+}
 
-  &.collapse-hide-setup > ul {
-    @include transition-timing-function(cubic-bezier(0, 1, 0, 1));
-    max-height: 65536px;
-    overflow: hidden;
-  }
 
-  &.collapse-hide-start > ul {
-    max-height: 0;
-  }
+.thread.ng-enter,
+.thread.ng-leave,
+.thread.ng-move {
+  @include transition-duration(.25s);
+  @include transition-property(max-height);
+  overflow: hidden;
 
-  &.collapse-show-setup > ul {
-    @include transition-timing-function(cubic-bezier(1, 0, 1, 0));
-    max-height: 0;
-    overflow: hidden;
-  }
+  .threadexp { display: none; }
+}
 
-  &.collapse-show-start > ul {
-    max-height: 65536px;
-  }
+.thread.ng-leave.ng-leave-active,
+.thread.ng-enter {
+  @include transition-timing-function(cubic-bezier(0, 1, 0, 1));
+	max-height: 0;
+}
+
+.thread.ng-enter.ng-enter-active,
+.thread.ng-leave {
+  @include transition-duration(.1s);
+  @include transition-timing-function(cubic-bezier(1, 0, 1, 0));
+	max-height: 65536px;
 }
 
 
@@ -1211,25 +1211,6 @@ h3.stream {
   cursor: pointer;
 }
 
-.fadeIn-setup,.fadeOut-setup {
-  -webkit-transition: .25s linear opacity;
-  -moz-transition: .25s linear opacity;
-  -o-transition: .25s linear opacity;
-  transition: .25s linear opacity;
-}
-
-.fadeIn-setup{
-  opacity:0;
-}
-.fadeOut-setup{
-  opacity:1;
-}
-.fadeIn-setup.fadeIn-start {
-  opacity: 1;
-}
-.fadeOut-setup.fadeOut-start{
-    opacity:0;
-}
 
 // View and Sort tabs ////////////////////
 
@@ -1252,4 +1233,4 @@ h3.stream {
   margin: 0 3px;
   display: inline-block;
   z-index: 4;   
-}
+}
\ No newline at end of file

h/js/app.coffee

 imports = [
   'bootstrap'
+  'ngAnimate'
   'ngRoute'
   'h.controllers'
   'h.directives'

h/js/controllers.coffee

@@ -425,15 +425,14 @@ class App
         unless data instanceof Array then data = [data]
         $scope.$apply =>
           if $scope.socialView.name is 'single-player'
-            for d in data
-              if d.user is user
-                $scope.addUpdateNotification()
-                $scope.new_updates += 1
-                break
+            owndata = data.filter (d) -> d.user is user
+            if action is 'create'
+              if annotator.plugins.Store?
+                annotator.plugins.Store._onLoadAnnotations owndata
           else
-            if data.length > 0
-                $scope.addUpdateNotification()
-                $scope.new_updates += 1
+            if action is 'create'
+              if annotator.plugins.Store?
+                annotator.plugins.Store._onLoadAnnotations data
 
     $timeout =>
       $scope.initUpdater()
@@ -605,6 +604,7 @@ class Annotation
       return if $element.find('.share-dialog').is ":visible"
       $scope.shared = not $scope.shared
       $scope.toggle()
+      return
 
     $scope.rebuildHighlightText = ->
       if annotator.text_regexp?