Add captcha

Victor Costa
1 parent 0a815e7d
Showing 2 changed files with 15 additions and 4 deletions Show diff stats
index.html
js/main.js
@@ -71,7 +71,7 @@
       }
       loadCSSFiles();
     </script>
-
+    <script src='https://www.google.com/recaptcha/api.js?hl=pt-BR&render=explicit' async defer></script>
   </head>
   <body>
     <div class="container">
@@ -282,6 +282,7 @@
       <div class="abstract">
         <p>{{stripTags (trimString abstract 200)}}</p>
       </div>
+      <div class="captcha"></div>
       <div class="vote-actions">
         <a href="#" class="like dislike" data-vote-value="-1"></a>
         <a href="#" class="like" data-vote-value="1"></a>
@@ -59,6 +59,9 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
             var article = data.articles[0];
             $randomProposal.html(supportProposalTemplate(article));
+
+            captcha = Main.loadCaptcha($randomProposal.find('.captcha')[0]);
+
             $body.off('click', '.vote-actions .skip');
             $body.on('click', '.vote-actions .skip', function(e) {
               contextMain.loadRandomProposal(topic_id, private_token);
@@ -67,19 +70,22 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
             $body.off('click', '.vote-actions .like');
             $body.on('click', '.vote-actions .like', function(e) {
               //Helps to prevent more than one vote per proposal
+              /*
               if(ProposalApp.hasProposalbeenVoted(article.id)){
                 console.log("Proposta " + article.id + " já havia sido votada");
                 contextMain.loadRandomProposal(topic_id, private_token);
                 e.preventDefault();
                 return;
               }
+              */
               $.ajax({
                 type: 'post',
                 url: host + '/api/v1/articles/' + article.id + '/vote',
                 data: {
                   value: $(this).data('vote-value'),
-                  private_token: private_token
-                }
+                  private_token: private_token,
+                  captchaResponse: grecaptcha.getResponse(captcha)
+                },
               }).done(function( /*data*/ ) {
                 ProposalApp.addVotedProposal(article.id);
                 contextMain.loadRandomProposal(topic_id, private_token);
@@ -303,6 +309,9 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
           BARRA_ADDED = true;
         },
+        loadCaptcha: function(element) {
+          return grecaptcha.render(element, {'sitekey': '6Lc4HAcTAAAAAGSpxDxbPiIX5lmIPSnPij-_mCYQ'});
+        },
         updateHash: function(hash){
           var id = hash.replace(/^.*#/, '');
           var elem = document.getElementById(id);
@@ -643,8 +652,9 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
     $(document).on('click', '.new-user', function(e) {
       var loginForm = $(this).parents('#login-form');
+      var signupForm = loginForm.siblings('#signup-form');
       loginForm.hide();
-      loginForm.siblings('#signup-form').show();
+      signupForm.show();
       loginForm.find('.message').hide();
       e.preventDefault();
     })