Changeset a520992

Timestamp:

01/24/25 20:08:37 (3 months ago)

Author:

Ljubomir Ilievski <ilievski.ljubomir@…>

Branches:

master

Children:

17bf12d

Parents:

17db9d2

Message:

Izmenet register so fetch

File:

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

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

@@ -7 +7 @@
       path: '',
       url: 'http://localhost:8080/api/auth/register/',
+      form_info:{
+        firstName: '',
+        lastName: '',
+        email: '',
+        password: '',
+        phoneNumber: '',
+
+      },
+      data: {}
 
     }
@@ -12 +21 @@
 
   methods: {
+    register() {
+      fetch(this.url+this.path, {
+        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)
+
+    }
 
   },
@@ -33 +51 @@
 
   <div class="col-3">
-    <form v-bind:action="url+path" method="POST">
+    <form @submit.prevent="register()" method="POST">
       <label for="name" class="form-label" >Name</label>
-      <input type="text" id="name" name="firstName" class="form-control" placeholder="Name" required>
+      <input v-model="form_info.firstName" type="text" id="name" name="firstName" class="form-control" placeholder="Name" required>
 
       <label for="surname" class="form-label">Surname</label>
-      <input type="text" id="surname" name="lastName" class="form-control" placeholder="Surname" required>
+      <input v-model="form_info.lastName" type="text" id="surname" name="lastName" class="form-control" placeholder="Surname" required>
 
       <label for="phone_number" class="form-label">Phone Number</label>
-      <input type="text" id="phone_number" name="phoneNumber" class="form-control" required>
+      <input v-model="form_info.phoneNumber" type="text" id="phone_number" name="phoneNumber" class="form-control" required>
 
       <label for="email" class="form-label">Email Address</label>
-      <input type="email" id="email" name="email" class="form-control" placeholder="someone@example.com" required>
+      <input v-model="form_info.email" type="email" id="email" name="email" class="form-control" placeholder="someone@example.com" required>
 
       <label for="password" class="form-label">Password</label>
-      <input type="password" id="password" name="password" class="form-control">
+      <input v-model="form_info.password" type="password" id="password" name="password" class="form-control">
 
       <label for="role" class="form-label">Role</label>