From 59b34188fa26bd50e0696df6dd6fef786334f092 Mon Sep 17 00:00:00 2001
From: Fatih Acet <acetfatih@gmail.com>
Date: Mon, 30 May 2016 16:27:25 +0300
Subject: [PATCH] Animate emoji when rendered.

---
 app/assets/javascripts/awards_handler.coffee | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/awards_handler.coffee b/app/assets/javascripts/awards_handler.coffee
index 2b3e6ad622..0c7b3493a1 100644
--- a/app/assets/javascripts/awards_handler.coffee
+++ b/app/assets/javascripts/awards_handler.coffee
@@ -126,6 +126,7 @@ class @AwardsHandler
         counter.text parseInt(counter.text()) + 1
         $emojiBtn.addClass 'active'
         @addMeToUserList votesBlock, emoji
+        @animateEmoji $emojiBtn
     else
       votesBlock.removeClass 'hidden'
       @createEmoji votesBlock, emoji
@@ -242,15 +243,25 @@ class @AwardsHandler
       <span class='award-control-text js-counter'>1</span>
     </button>"
 
-    emoji_node = $(buttonHtml)
+    $emojiButton = $ buttonHtml
+    emoji_node   = $emojiButton
       .insertBefore votesBlock.find '.js-award-holder:not(.js-award-action-btn)'
       .find '.emoji-icon'
       .data 'emoji', emoji
 
+    @animateEmoji $emojiButton
     $('.award-control').tooltip()
     votesBlock.removeClass 'current'
 
 
+  animateEmoji: ($emoji) ->
+
+    className = 'pulse animated'
+
+    $emoji.addClass className
+    setTimeout (-> $emoji.removeClass className), 321
+
+
   createEmoji: (votesBlock, emoji) ->
 
     if $('.emoji-menu').length