Add loading div for signup

Victor Costa
1 parent 5e92b217
Showing 3 changed files with 15 additions and 0 deletions Show diff stats
index.html
js/main.js
sass/_proposal_detail.scss
@@ -324,6 +324,7 @@
     </script>
     <script id="login" type="text/x-handlebars-template">
+      <div class="loading">Carregando...</div>
       <form id="login-form" class="login">
         <div class="message hide"></div>
         <div class="username">
@@ -660,6 +660,12 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
       var message = $('.signup .message');
       message.hide();
       message.text('');
+
+      var signup = $(this).parents('form.signup');
+      var loading = $('.login-container .loading');
+      loading.show();
+      signup.hide();
+
       $.ajax({
         type: 'post',
         url: host + '/api/v1/register',
@@ -669,6 +675,9 @@ define([&#39;handlebars&#39;, &#39;fastclick&#39;, &#39;handlebars_helpers&#39;], function(Handlebars, F
       }).fail(function( /*data*/ ) {
         message.show();
         message.text('Não foi possível efetuar o cadastro');
+      }).always(function() {
+        loading.hide();
+        signup.show();
       });
       e.preventDefault();
     });
 .proposal-detail {
+  .login-container {
+    .loading {
+      text-align: center;
+    }
+  }
   li {
     a {
       text-decoration: none;
	@@ -324,6 +324,7 @@		@@ -324,6 +324,7 @@
324	</script>	324	</script>
325		325
326	<script id="login" type="text/x-handlebars-template">	326	<script id="login" type="text/x-handlebars-template">
		327	+ <div class="loading">Carregando...</div>
327	<form id="login-form" class="login">	328	<form id="login-form" class="login">
328	<div class="message hide"></div>	329	<div class="message hide"></div>
329	<div class="username">	330	<div class="username">
1	.proposal-detail {	1	.proposal-detail {
		2	+ .login-container {
		3	+ .loading {
		4	+ text-align: center;
		5	+ }
		6	+ }
2	li {	7	li {
3	a {	8	a {
4	text-decoration: none;	9	text-decoration: none;