From 6e1601c10d93376d738b7f09901caa9c3b4b2c4c Mon Sep 17 00:00:00 2001
From: Robin Ward <robin.ward@gmail.com>
Date: Mon, 22 Dec 2014 14:39:28 -0500
Subject: [PATCH] Second try at making heart pulse. Go faster, stay coloured.

---
 .../discourse/views/post-menu.js.es6          | 31 +++++++++++++++++--
 1 file changed, 29 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/discourse/views/post-menu.js.es6 b/app/assets/javascripts/discourse/views/post-menu.js.es6
index 1c44a6ffb7d..bc7e8b51a79 100644
--- a/app/assets/javascripts/discourse/views/post-menu.js.es6
+++ b/app/assets/javascripts/discourse/views/post-menu.js.es6
@@ -13,6 +13,18 @@ export var Button = function(action, label, icon, opts) {
   this.opts = this.opts || opts || {};
 };
 
+function animateHeart($elem, start, end, complete) {
+  $elem.stop()
+       .css('textIndent', start)
+       .animate({ textIndent: end }, {
+          complete: complete,
+          step: function(now) {
+            $(this).css('-webkit-transform','scale('+now+')');
+          },
+          duration: 150
+        }, 'linear');
+}
+
 Button.prototype.render = function(buffer) {
   var opts = this.opts;
 
@@ -36,7 +48,6 @@ export default Discourse.View.extend(StringBuffer, {
 
   rerenderTriggers: [
     'post.deleted_at',
-    'post.flagsAvailable.@each',
     'post.reply_count',
     'post.showRepliesBelow',
     'post.can_delete',
@@ -201,7 +212,23 @@ export default Discourse.View.extend(StringBuffer, {
   },
 
   clickLike: function(post) {
-    this.get('controller').send('toggleLike', post);
+    var $heart = this.$('.fa-heart'),
+        controller = this.get('controller'),
+        $likeButton = this.$('button[data-action=like]');
+
+    var acted = post.get('actionByName.like.acted');
+    if (acted) {
+      controller.send('toggleLike', post);
+      $likeButton.removeClass('has-like').addClass('like');
+    } else {
+      var scale = [1.0, 1.5];
+      animateHeart($heart, scale[0], scale[1], function() {
+        animateHeart($heart, scale[1], scale[0], function() {
+          controller.send('toggleLike', post);
+          $likeButton.removeClass('like').addClass('has-like');
+        });
+      });
+    }
   },
 
   // Flag button