JS vote function refactored and unvote functionality added

Author: sileence

public/assets/js/app.js

@@ -2,36 +2,59 @@ $(document).ready(function () {
 
     var alert = new Alert('#notifications');
 
-    $('.btn-vote').click(function (e) {
-        e.preventDefault();
-
-        var form = $('#form-vote');
+    function VoteForm(form, button, buttonRevert) {
 
-        var button = $(this);
         var ticket = button.closest('.ticket');
         var id = ticket.data('id');
-
         var action = form.attr('action').replace(':id', id);
+        var voteCount = ticket.find('.votes-count');
+
+        buttonRevert = ticket.find(buttonRevert);
 
         button.addClass('hidden');
 
-        $.post(action, form.serialize(), function (response) {
-            //alert
-            //update count votes
-            ticket.find('.btn-unvote').removeClass('hidden');
+        this.getVotes = function () {
+            return parseInt(voteCount.text().split(' ')[0]);
+        };
+
+        this.updateCount = function (votes) {
+            voteCount.text(votes == 1 ? '1 voto' : votes + ' votos');
+        };
+
+        this.submit = function (success) {
+            $.post(action, form.serialize(), function (response) {
+                buttonRevert.removeClass('hidden');
+                success(response);
+            }).fail(function () {
+                button.removeClass('hidden');
+                alert.error('Ocurrió un error :(');
+            });
+        };
+    }
+
+    $('.btn-vote').click(function (e) {
+        e.preventDefault();
+
+        var voteForm = new VoteForm($('#form-vote'), $(this), '.btn-unvote');
 
-            alert.success('¡Gracias por tu voto!');
+        voteForm.submit(function (response) {
+            if (response.success) {
+                alert.success('¡Gracias por tu voto!');
+                voteForm.updateCount(voteForm.getVotes() + 1);
+            }
+        });
+    });
 
-            var voteCount = ticket.find('.votes-count');
-            var votos = parseInt(voteCount.text().split(' ')[0]);
-            votos++;
-            voteCount.text(votos == 1 ? '1 voto' : votos + ' votos');
+    $('.btn-unvote').click(function (e) {
+        e.preventDefault();
 
-        }).fail(function () {
-            //print error message
-            button.removeClass('hidden');
+        var voteForm = new VoteForm($('#form-unvote'), $(this), '.btn-vote');
 
-            alert.error('Ocurrió un error :(');
+        voteForm.submit(function (response) {
+            if (response.success) {
+                alert.info('Voto eliminado');
+                voteForm.updateCount(voteForm.getVotes() - 1);
+            }
         });
     });