Changeset 17bf12d for ReserveNGo-frontend/src/components/Project/register_.vue

Timestamp:

01/25/25 00:58:19 (3 months ago)

Author:

Ljubomir Ilievski <ilievski.ljubomir@…>

Branches:

master

Children:

4894099

Parents:

a520992

Message:

Zavrsen pogolem del Login/Register Logika

File:

• ReserveNGo-frontend/src/components/Project/register_.vue (modified) (5 diffs)

ReserveNGo-frontend/src/components/Project/register_.vue

@@ -1 +1 @@
 <script>
 
+
+import { userStore } from '@/PiniaStores/UserStore.js'
 
 export default {
@@ -7 +9 @@
       path: '',
       url: 'http://localhost:8080/api/auth/register/',
+
       form_info:{
         firstName: '',
@@ -15 +18 @@
 
       },
-      data: {}
+     /* data: {
+        id: 0,
+        firstName: "",
+        lastName: "",
+        email: "",
+        phoneNumber: "",
+        role: "",
+        token: ""
+      },*/
+      userStore_: userStore(),
+
+      //NE ZABORAVAJ TREBA DA SREDIS VCITUVANJE NA data od userStore na pocetok na stranicata
 
     }
@@ -21 +35 @@
 
   methods: {
-    register() {
-      fetch(this.url+this.path, {
+   async register() {
+     await fetch(this.wholeUrl, {
         method: 'POST',
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({firstName: this.firstName, lastName: this.lastName, email: this.email, password: this.password})
-      }).then((response) => {response.json()})
-        .then((json) => this.data = json)
+        headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
+        body: new URLSearchParams({
+          firstName: this.form_info.firstName,
+          lastName: this.form_info.lastName,
+          email: this.form_info.email,
+          password: this.form_info.password,
+          phoneNumber: this.form_info.phoneNumber})
+      }).then((response) => response.json())
+        .then((json) => {this.userStore_.setLocalStorage(json)})
+          //console.log("Data received:", this.data);
+          //this.userStore_.setLocalStorage(json)
+        //console.log(json)
 
+     //console.log(this.userStore_.data)
     }
 
   },
-  /*computed: {
-    somevariabletest(){
+  computed: {
+    wholeUrl(){
       return this.url+this.path;
+    },
+    testJson(){
+      return JSON.stringify({
+        firstName: this.form_info.firstName,
+        lastName: this.form_info.lastName,
+        email: this.form_info.email,
+        password: this.form_info.password,
+        phoneNumber: this.form_info.phoneNumber})
     }
-  }*/
+  }
 
 
@@ -49 +80 @@
     <div class="row justify-content-center">
 
+<!--      <form @submit.prevent="register" method="POST">-->
+<!--      <form v-bind:action="wholeUrl" method="POST">-->
 
   <div class="col-3">
-    <form @submit.prevent="register()" method="POST">
+    <form @submit.prevent="register" method="POST">
       <label for="name" class="form-label" >Name</label>
-      <input v-model="form_info.firstName" type="text" id="name" name="firstName" class="form-control" placeholder="Name" required>
+      <input v-model="this.form_info.firstName" type="text" id="name" name="firstName" class="form-control" placeholder="Name" required>
 
       <label for="surname" class="form-label">Surname</label>