From 72d330e6dbc1712c05930a9dc02169dc7f4af820 Mon Sep 17 00:00:00 2001
From: FEARmeR <fearmer@gmail.com>
Date: Fri, 19 May 2023 11:58:56 +0100
Subject: [PATCH] User profile page

---
 src/router/index.js                        |  8 ++++
 src/views/LandingPages/Profile/Profile.vue | 43 ++++++++++++++++++++++
 2 files changed, 51 insertions(+)
 create mode 100644 src/views/LandingPages/Profile/Profile.vue

diff --git a/src/router/index.js b/src/router/index.js
index 51cb27e..c802d1d 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -24,6 +24,7 @@ import ElProgressBars from "../layouts/sections/elements/progress-bars/ProgressB
 import ElToggles from "../layouts/sections/elements/toggles/TogglesView.vue";
 import ElTypography from "../layouts/sections/elements/typography/TypographyView.vue";
 import Project from "../views/LandingPages/Project/Project.vue";
+import Profile from "../views/LandingPages/Profile/Profile.vue";
 
 
 const router = createRouter({
@@ -34,12 +35,19 @@ const router = createRouter({
       name: "presentation",
       component: PresentationView,
     },
+
     {
       path: '/project/:id',
       name: 'project',
       component: Project
     },
 
+    {
+      path: '/profile/:id',
+      name: 'profile',
+      component: Profile
+    },
+
     {
       path: "/pages/landing-pages/about-us",
       name: "about",
diff --git a/src/views/LandingPages/Profile/Profile.vue b/src/views/LandingPages/Profile/Profile.vue
new file mode 100644
index 0000000..bd4abc6
--- /dev/null
+++ b/src/views/LandingPages/Profile/Profile.vue
@@ -0,0 +1,43 @@
+<script setup>
+import axios from 'axios';
+import { onMounted, ref } from "vue";
+import { useRoute } from "vue-router";
+
+
+const profileId = ref(null);
+const route = useRoute();
+const profileData = ref([]);
+
+onMounted(async() => {
+    profileId.value = route.params.id;
+    await getProfile();
+});
+
+
+const getProfile = async () => {
+    const profileDataRecieved = await axios.get(`http://somebodyhire.me/api/profile/${profileId.value}/`);
+    profileData.value = profileDataRecieved.data;
+
+};
+
+
+
+
+</script>
+
+
+<template>
+    <div>
+      <h1>Профиль пользователя номер: {{ profileData.id }}</h1>
+      <h2>{{ profileData.username }}</h2>
+        <p>{{ profileData.email }}</p>
+         
+      
+    </div>
+  </template> 
+
+
+
+<style scoped>
+</style>
+  
\ No newline at end of file