register

register

laravel_server/resources/assets/js/components/register.vue

@@ -1,9 +1,9 @@
 <template>
 
 <!-- falta aqui o form do tipo submit e cenas -->
-
+<form v-on="submit.prevent=register(user)">
   <div class="control-group">
-    <label class="control-label"  for="username">Username</label>
+    <label class="control-label" for="username">Username</label>
     <div class="controls">
       <input type="text" v-model="user.username" id="username" name="username" class="input-xlarge">
     </div>
@@ -12,19 +12,19 @@
   <div class="control-group">
     <label class="control-label" for="email">E-mail</label>
     <div class="controls">
-      <input type="text" v-model="user.email" id="email" name="email"  class="input-xlarge">
+      <input type="text" v-model="user.email" id="email" name="email" class="input-xlarge">
     </div>
   </div>
 
   <div class="control-group">
     <label class="control-label" for="password">Password</label>
     <div class="controls">
-      <input type="password" v-model="user.password" id="password" name="password"  class="input-xlarge">
+      <input type="password" v-model="user.password" id="password" name="password" class="input-xlarge">
     </div>
   </div>
 
   <div class="control-group">
-    <label class="control-label"  for="name"> Name </label>
+    <label class="control-label" for="name"> Name </label>
     <div class="controls">
       <input type="text" v-model="user.name" id="name" name="name" class="input-xlarge">
     </div>
@@ -37,7 +37,7 @@
     </div>
   </div>
 
-
+</form>
 </template>
 
 <script type="text/javascript">
@@ -47,14 +47,28 @@ export default {
   data() {
     return {
       user : {
-        return obj com os dados todos vazios
+        username : '',
+        email: '',
+        password : '',
+		    name : '',
+
       },
-      loginError: false
+      registerError: false
     };
   },
   methods: {
     register: function() {
-
+    	axios.post('api/register', {
+    							username : user.username,
+    							email : user.email,
+    							password : user.password,
+    							name : user.name
+    						}).then( function(response) {
+    		// guarda logo o token do registado
+    		localStorage.setItem('token', response.data.access_token);
+    	}).catch(registerError => {
+    		console.log(registerError);
+    	});
     },
   }
 

laravel_server/resources/assets/js/components/user.vue

@@ -56,33 +56,31 @@
 	            this.showSuccess = false;
 	        },
 	        getUsers: function(){
-
-						/* buscar o user logado através do token guardado na LocalStorage */
-						let auth_user_token = {
-																	headers: {
-																			'Authorization': 'Bearer ' + localStorage.getItem("access_token")
-																		}
-																	};
-
+				/* buscar o user logado através do token guardado na LocalStorage */
+				let auth_user_token = {
+									headers: {
+											'Authorization': 'Bearer ' + localStorage.getItem("access_token")
+										}
+									};
 	            axios.get('api/users', auth_user_token)
 	                .then(response=>{
-																	this.users = response.data.data;
-																	console.log(this.users);
-																 });
-					},
-					childMessage: function(message){
-							this.showSuccess = true;
-				      this.successMessage = message;
-					}
+									this.users = response.data.data;
+									console.log(this.users);
+								});
 			},
+			childMessage: function(message){
+			  this.showSuccess = true;
+		      this.successMessage = message;
+			}
+		},
 	    components: {
 	    	'user-list': UserList,
 	    	'user-edit': UserEdit
 	    },
 	    mounted() {
-					this.getUsers();
-				}
-}
+			this.getUsers();
+		}
+	}
 
 </script>