From 47a9e724abd5f6a361815e7bfbe9f70b6ef7a620 Mon Sep 17 00:00:00 2001
From: valitovgaziz <a-c-v-a-l@mail.ru>
Date: Thu, 5 Dec 2024 22:49:33 +0500
Subject: [PATCH] SignUP.vue component added

---
 docker-compose.yaml           |  3 +-
 env                           |  1 +
 spa/jsconfig.json             |  2 +-
 spa/src/components/SingUP.vue | 71 +++++++++++++++++++++++++++++++++++
 spa/src/router/index.js       |  5 +++
 5 files changed, 80 insertions(+), 2 deletions(-)
 create mode 100644 spa/src/components/SingUP.vue

diff --git a/docker-compose.yaml b/docker-compose.yaml
index 8eb597b..9b8d76d 100644
--- a/docker-compose.yaml
+++ b/docker-compose.yaml
@@ -22,7 +22,7 @@ services:
     ports:
       - "${SERVER_PORT}:${SERVER_PORT}"
     volumes:
-      - .:/usr/src/app
+      - api:/usr/src/app
     depends_on:
       - db
     command: ./bin/api.exe
@@ -54,5 +54,6 @@ services:
       - migrator
 
 volumes:
+  api:
   postgres-db:
   goose:
\ No newline at end of file
diff --git a/env b/env
index 369d08f..9654499 100644
--- a/env
+++ b/env
@@ -1,3 +1,4 @@
+# Postgres
 PGHOST=888
 PGPORT=888
 PGUSER=888
diff --git a/spa/jsconfig.json b/spa/jsconfig.json
index 5a1f2d2..f2642f3 100644
--- a/spa/jsconfig.json
+++ b/spa/jsconfig.json
@@ -5,4 +5,4 @@
     }
   },
   "exclude": ["node_modules", "dist"]
-}
+}
\ No newline at end of file
diff --git a/spa/src/components/SingUP.vue b/spa/src/components/SingUP.vue
new file mode 100644
index 0000000..596e16f
--- /dev/null
+++ b/spa/src/components/SingUP.vue
@@ -0,0 +1,71 @@
+<template>
+    <div class="registration-form">
+      <h2>Регистрация</h2>
+      <form @submit.prevent="handleSubmit">
+        <label for="name">Имя:</label>
+        <input type="text" id="name" v-model="formData.name" required />
+  
+        <label for="phone">Телефон:</label>
+        <input type="tel" id="phone" v-model="formData.phone" required />
+  
+        <label for="password">Пароль:</label>
+        <input type="password" id="password" v-model="formData.password" required />
+  
+        <button type="submit">Зарегистрироваться</button>
+      </form>
+    </div>
+  </template>
+  
+  <script setup>
+  import { reactive } from 'vue';
+  import axios from 'axios';
+  
+  const formData = reactive({
+    name: '',
+    phone: '',
+    password: ''
+  });
+  
+  async function handleSubmit() {
+    try {
+      const response = await axios.post('http://localhost:8080/api/signup', formData);
+      console.log(response.data); // Логируем ответ сервера
+      alert('Успешная регистрация!');
+    } catch (error) {
+      console.error(error);
+      alert('Ошибка при регистрации');
+    }
+  }
+  </script>
+  
+  <style scoped>
+  .registration-form {
+    max-width: 400px;
+    margin: 0 auto;
+    padding: 20px;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+  }
+  
+  label {
+    display: block;
+    margin-bottom: 5px;
+  }
+  
+  input {
+    width: 100%;
+    padding: 8px;
+    margin-bottom: 15px;
+    border: 1px solid #ddd;
+    border-radius: 4px;
+  }
+  
+  button {
+    background-color: #4CAF50;
+    color: white;
+    padding: 12px 20px;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+  }
+  </style>
\ No newline at end of file
diff --git a/spa/src/router/index.js b/spa/src/router/index.js
index 5bd6d2f..5b410a2 100644
--- a/spa/src/router/index.js
+++ b/spa/src/router/index.js
@@ -8,6 +8,11 @@ const router = createRouter({
       path: '/',
       name: 'home',
       component: HomeView,
+    },
+    {
+      path: '/signin',
+      name: 'signin',
+      component: SingIn,
     }
   ],
 })