From cc6fa5b21a39b2cf84f9344c04a4241aae36db1b Mon Sep 17 00:00:00 2001
From: FEARmeR <fearmer@gmail.com>
Date: Thu, 18 May 2023 11:30:15 +0100
Subject: [PATCH 1/8] =?UTF-8?q?=D0=A0=D0=B0=D0=B1=D0=BE=D1=82=D0=B0=D0=B5?=
 =?UTF-8?q?=D1=82=20=D0=BF=D0=BE=D0=B8=D1=81=D0=BA=20=D0=BF=D0=BE=20=D0=BF?=
 =?UTF-8?q?=D1=80=D0=BE=D0=B5=D0=BA=D1=82=D0=B0=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Presentation/PresentationView.vue | 46 +++++++++++++++++----
 1 file changed, 37 insertions(+), 9 deletions(-)

diff --git a/src/views/Presentation/PresentationView.vue b/src/views/Presentation/PresentationView.vue
index 60c1913..4b416e7 100644
--- a/src/views/Presentation/PresentationView.vue
+++ b/src/views/Presentation/PresentationView.vue
@@ -57,6 +57,8 @@ export default {
   data() {
     return {
       projects: [],
+      searchQuery: '',
+      searchResult: [],
     };
   },
   async created() {
@@ -67,6 +69,16 @@ export default {
       console.error('There was an error fetching the projects', error);
     }
   },
+  methods: {
+    async search() {
+      try {
+        const response = await axios.get(`http://somebodyhire.me/api/search/projects/?search_query=${this.searchQuery}`);
+        this.searchResult = response.data;
+      } catch (error) {
+        console.error('There was an error performing the search', error);
+      }
+    }
+  },
 };
 </script>
 
@@ -101,22 +113,38 @@ export default {
             </p>
           </div>
         </div>
+        <div>
+          <!-- Тут надо будет заменить на красивую строчку  -->
+    <input type="text" v-model="searchQuery" placeholder="Поиск по проектам и людям" />
+    <button type="submit" @click="search">Go</button>
+
+    <!-- Результаты поиска по проектам-->
+    <div v-if="searchResult.length > 0">
+    <h2>Найдено в проектах: {{ searchResult.length }}</h2>
+    <div v-for="project in searchResult" :key="project.id">
+      <h2>{{ project.title }}</h2>
+      <p>{{ project.description }}</p>
+    </div>
+  </div>
+  <div v-else>
+    <h1>No results found</h1>
+  </div>
+  </div>
 
         <div class="container">
       <div class="row justify-space-between py-2">
-        <div class="col-lg-4 mx-auto">
-          <MaterialInput
-            class="input-group-dynamic mb-4"
-            icon="search"
-            type="text"
-            placeholder="Поиск по проектам или людям"
-          />
-        </div>
+        <div>
+    <div class="col-lg-4 mx-auto">
+      
+    </div>
+
+  </div>
       </div>
     </div>
       </div>
         
     </div>
+    
   </Header>
 
 
@@ -129,9 +157,9 @@ export default {
       <h3>{{ project.title }}</h3>
       <p>{{ project.description }}</p>
     </div>
+  </div>   
   </div>
 
-  </div>
 <!-- 
     <div class="container">
       <div class="row">

From 91cae103f14bca60f781520787940df97884d850 Mon Sep 17 00:00:00 2001
From: FEARmeR <fearmer@gmail.com>
Date: Thu, 18 May 2023 12:04:05 +0100
Subject: [PATCH 2/8] =?UTF-8?q?=D0=A0=D0=B0=D0=B1=D0=BE=D1=82=D0=B0=D0=B5?=
 =?UTF-8?q?=D1=82=20=D0=BF=D0=BE=D0=B8=D1=81=D0=BA=20=D0=BF=D0=BE=20=D0=BF?=
 =?UTF-8?q?=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1=82=D0=B5=D0=BB?=
 =?UTF-8?q?=D1=8F=D0=BC=20(=D0=BD=D0=BE=20=D1=82=D0=BE=D0=B6=D0=B5=20?=
 =?UTF-8?q?=D1=82=D0=BE=D0=BB=D1=8C=D0=BA=D0=BE=20=D0=BB=D0=BE=D0=BA=D0=B0?=
 =?UTF-8?q?=D0=BB=D1=8C=D0=BD=D0=BE=20:())?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Presentation/PresentationView.vue | 48 ++++++++++++++++++---
 1 file changed, 43 insertions(+), 5 deletions(-)

diff --git a/src/views/Presentation/PresentationView.vue b/src/views/Presentation/PresentationView.vue
index 4b416e7..325bfe4 100644
--- a/src/views/Presentation/PresentationView.vue
+++ b/src/views/Presentation/PresentationView.vue
@@ -59,6 +59,7 @@ export default {
       projects: [],
       searchQuery: '',
       searchResult: [],
+      searchResultUsers: [],
     };
   },
   async created() {
@@ -74,6 +75,8 @@ export default {
       try {
         const response = await axios.get(`http://somebodyhire.me/api/search/projects/?search_query=${this.searchQuery}`);
         this.searchResult = response.data;
+        const responseUsers = await axios.get(`http://somebodyhire.me/api/search/profiles/?search_query=${this.searchQuery}`);
+        this.searchResultUsers = responseUsers.data;
       } catch (error) {
         console.error('There was an error performing the search', error);
       }
@@ -118,17 +121,52 @@ export default {
     <input type="text" v-model="searchQuery" placeholder="Поиск по проектам и людям" />
     <button type="submit" @click="search">Go</button>
 
-    <!-- Результаты поиска по проектам-->
-    <div v-if="searchResult.length > 0">
+  
+    <!-- <div v-if="searchResult.length > 0">
     <h2>Найдено в проектах: {{ searchResult.length }}</h2>
     <div v-for="project in searchResult" :key="project.id">
       <h2>{{ project.title }}</h2>
       <p>{{ project.description }}</p>
     </div>
+    
   </div>
-  <div v-else>
-    <h1>No results found</h1>
-  </div>
+  <div v-if="searchResultUsers.length > 0">
+      <h2>Найдено пользователей: {{ searchResultUsers.length }}</h2>
+      <div v-for="user in searchResultUsers" :key="user.id">
+        <h2>{{ user.username }}</h2>
+        <p>{{ user.email }}</p>
+      </div>
+    </div>  -->
+  
+    <div>
+      <h2>Найдено в проектах: {{ searchResult.length }}</h2>
+      <div v-if="searchResult.length > 0">
+        <div v-for="project in searchResult" :key="project.id">
+          <h2>{{ project.title }}</h2>
+          <p>{{ project.description }}</p>
+        </div>
+      </div>
+      <div v-else>
+        <p>Не найдено проектов</p>
+      </div>
+    </div>
+
+    <div>
+      <h2>Найдено пользователей: {{ searchResultUsers.length }}</h2>
+      <div v-if="searchResultUsers.length > 0">
+        <div v-for="user in searchResultUsers" :key="user.id">
+          <h2>{{ user.username }}</h2>
+          <p>{{ user.email }}</p>
+        </div>
+      </div>
+      <div v-else>
+        <p>Не найдено пользователей</p>
+      </div>
+    </div>
+
+
+  
+
   </div>
 
         <div class="container">

From 494a6a0ddbf28631cc0a760506f014589f55c676 Mon Sep 17 00:00:00 2001
From: FEARmeR <fearmer@gmail.com>
Date: Thu, 18 May 2023 13:03:27 +0100
Subject: [PATCH 3/8] Code cleanup

---
 src/views/Presentation/PresentationView.vue | 310 +-------------------
 1 file changed, 5 insertions(+), 305 deletions(-)

diff --git a/src/views/Presentation/PresentationView.vue b/src/views/Presentation/PresentationView.vue
index 325bfe4..8f83cfa 100644
--- a/src/views/Presentation/PresentationView.vue
+++ b/src/views/Presentation/PresentationView.vue
@@ -21,19 +21,9 @@ import NavbarDefault from "../..//examples/navbars/NavbarDefault.vue";
 import DefaultFooter from "../../examples/footers/FooterDefault.vue";
 import Header from "../../examples/Header.vue";
 
-
-
-//Vue Material Kit 2 components
-import MaterialInput from "@/components/MaterialInput.vue";
-
 // sections
 import PresentationCounter from "./Sections/PresentationCounter.vue";
-import PresentationPages from "./Sections/PresentationPages.vue";
-import PresentationExample from "./Sections/PresentationExample.vue";
-import data from "./Sections/Data/designBlocksData";
-import BuiltByDevelopers from "./Components/BuiltByDevelopers.vue";
-import PresentationTestimonials from "./Sections/PresentationTestimonials.vue";
-import PresentationInformation from "./Sections/PresentationInformation.vue";
+
 
 //images
 import vueMkHeader from "@/assets/img/space-background.jpg";
@@ -57,9 +47,6 @@ export default {
   data() {
     return {
       projects: [],
-      searchQuery: '',
-      searchResult: [],
-      searchResultUsers: [],
     };
   },
   async created() {
@@ -70,18 +57,6 @@ export default {
       console.error('There was an error fetching the projects', error);
     }
   },
-  methods: {
-    async search() {
-      try {
-        const response = await axios.get(`http://somebodyhire.me/api/search/projects/?search_query=${this.searchQuery}`);
-        this.searchResult = response.data;
-        const responseUsers = await axios.get(`http://somebodyhire.me/api/search/profiles/?search_query=${this.searchQuery}`);
-        this.searchResultUsers = responseUsers.data;
-      } catch (error) {
-        console.error('There was an error performing the search', error);
-      }
-    }
-  },
 };
 </script>
 
@@ -120,75 +95,16 @@ export default {
           <!-- Тут надо будет заменить на красивую строчку  -->
     <input type="text" v-model="searchQuery" placeholder="Поиск по проектам и людям" />
     <button type="submit" @click="search">Go</button>
-
-  
-    <!-- <div v-if="searchResult.length > 0">
-    <h2>Найдено в проектах: {{ searchResult.length }}</h2>
-    <div v-for="project in searchResult" :key="project.id">
-      <h2>{{ project.title }}</h2>
-      <p>{{ project.description }}</p>
-    </div>
-    
-  </div>
-  <div v-if="searchResultUsers.length > 0">
-      <h2>Найдено пользователей: {{ searchResultUsers.length }}</h2>
-      <div v-for="user in searchResultUsers" :key="user.id">
-        <h2>{{ user.username }}</h2>
-        <p>{{ user.email }}</p>
-      </div>
-    </div>  -->
-  
-    <div>
-      <h2>Найдено в проектах: {{ searchResult.length }}</h2>
-      <div v-if="searchResult.length > 0">
-        <div v-for="project in searchResult" :key="project.id">
-          <h2>{{ project.title }}</h2>
-          <p>{{ project.description }}</p>
-        </div>
-      </div>
-      <div v-else>
-        <p>Не найдено проектов</p>
-      </div>
-    </div>
-
-    <div>
-      <h2>Найдено пользователей: {{ searchResultUsers.length }}</h2>
-      <div v-if="searchResultUsers.length > 0">
-        <div v-for="user in searchResultUsers" :key="user.id">
-          <h2>{{ user.username }}</h2>
-          <p>{{ user.email }}</p>
-        </div>
-      </div>
-      <div v-else>
-        <p>Не найдено пользователей</p>
-      </div>
-    </div>
-
-
-  
+ 
 
   </div>
-
-        <div class="container">
-      <div class="row justify-space-between py-2">
-        <div>
-    <div class="col-lg-4 mx-auto">
-      
-    </div>
-
   </div>
-      </div>
-    </div>
-      </div>
-        
-    </div>
-    
-  </Header>
+</div>
+</Header>
 
 
 
-
-  <div class="card card-body blur shadow-blur mx-3 mx-md-4 mt-n6">
+<div class="card card-body blur shadow-blur mx-3 mx-md-4 mt-n6">
     <PresentationCounter />
     <div class="project-container">
     <div class="project-card" v-for="project in projects" :key="project.id">
@@ -198,222 +114,6 @@ export default {
   </div>   
   </div>
 
-<!-- 
-    <div class="container">
-      <div class="row">
-        <div class="col-lg-4">
-          <FilledInfoCard
-            class="p-4"
-            :color="{ text: 'white', background: 'bg-gradient-success' }"
-            :icon="{ component: 'flag', color: 'white' }"
-            title="Getting Started"
-            description="Check the possible ways of working with our product and the necessary files for building your own project."
-            :action="{
-              route:
-                'https://www.creative-tim.com/learning-lab/vue/overview/material-kit/',
-              label: { text: 'Let\'s start', color: 'white' }
-            }"
-          />
-        </div>
-        <div class="col-lg-4">
-          <FilledInfoCard
-            class="px-lg-1 mt-lg-0 mt-4 p-4"
-            height="h-100"
-            :icon="{ component: 'precision_manufacturing', color: 'success' }"
-            title="Plugins"
-            description="Get inspiration and have an overview about the plugins that we
-                used to create the Material Kit."
-            :action="{
-              route:
-                'https://www.creative-tim.com/learning-lab/vue/input/material-kit/',
-              label: { text: 'Read more' }
-            }"
-          />
-        </div>
-        <div class="col-lg-4">
-          <FilledInfoCard
-            class="px-lg-1 mt-lg-0 mt-4 p-4"
-            :icon="{ component: 'receipt_long', color: 'success' }"
-            title="Utility Classes"
-            description="Material Kit is giving you a lot of pre-made elements. For those
-                who want flexibility, we included many utility classes."
-            :action="{
-              route:
-                'https://www.creative-tim.com/learning-lab/vue/utilities/material-kit/',
-              label: { text: 'Read more' }
-            }"
-          />
-        </div>
-      </div>
-    </div>
-    <PresentationTestimonials />
-
-    <div
-      class="container-fluid mt-sm-5 border-radius-xl"
-      :style="{
-        background: 'linear-gradient(195deg, rgb(66, 66, 74), rgb(25, 25, 25))'
-      }"
-    >
-      <div
-        class="page-header py-6 py-md-5 my-sm-3 mb-3 border-radius-xl"
-        :style="{
-          backgroundImage: `url(${wavesWhite})`
-        }"
-        loading="lazy"
-      >
-        <span class="mask bg-gradient-dark"></span>
-        <div class="container">
-          <div class="row">
-            <div class="d-flex justify-content-center p-5">
-              <div class="col-lg-8 ms-lg-5 text-center">
-                <h3 class="text-white">
-                  Do you love this awesome UI Kit from Vuejs & Bootstrap?
-                </h3>
-                <p class="text-white text-md">
-                  Cause if you do, it can be yours for FREE. Hit the button
-                  below to navigate to Creative Tim where you can <br />
-                  find the Design System in HTML. Start a new project or give an
-                  old Bootstrap project a new look!
-                </p>
-
-                <a
-                  href="https://www.creative-tim.com/product/vue-material-kit"
-                  class="btn btn-sm mb-0 bg-gradient-success px-5 py-3 mt-4"
-                  >Download Now</a
-                >
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <div class="container">
-      <div class="row">
-        <div class="d-flex flex-column w-100 text-center p-5 mb-8">
-          <h3>Available on these technologies</h3>
-          <div class="d-flex justify-content-center mt-3 flex-wrap">
-            <a
-              href="https://www.creative-tim.com/product/material-kit"
-              data-bs-toggle="tooltip"
-              data-bs-placement="bottom"
-              title="Bootstrap 5 - Most popular front-end component library"
-            >
-              <img
-                :src="logoBootstrap"
-                alt="title"
-                loading="lazy"
-                :style="{ height: '90px' }"
-              />
-            </a>
-            <a
-              class="opacity-5 ms-3"
-              href="#"
-              data-bs-toggle="tooltip"
-              data-bs-placement="bottom"
-              title="Coming Soon"
-            >
-              <img
-                :src="logoTailwind"
-                alt="title"
-                loading="lazy"
-                :style="{ height: '90px' }"
-              />
-            </a>
-            <a
-              href="https://www.creative-tim.com/product/vue-material-kit-pro"
-              class="mx-3"
-              data-bs-toggle="tooltip"
-              data-bs-placement="bottom"
-              title="Vue.js - Is a Progressive JavaScript Framework"
-            >
-              <img
-                :src="logoVue"
-                alt="title"
-                loading="lazy"
-                :style="{ height: '90px' }"
-              />
-            </a>
-            <a
-              class="opacity-5"
-              href="#"
-              data-bs-toggle="tooltip"
-              data-bs-placement="bottom"
-              title="Coming Soon"
-            >
-              <img
-                :src="logoAngular"
-                alt="title"
-                loading="lazy"
-                :style="{ height: '90px' }"
-              />
-            </a>
-            <a
-              href="https://www.creative-tim.com/product/material-kit-react-pro"
-              class="mx-3"
-              data-bs-toggle="tooltip"
-              data-bs-placement="bottom"
-              title="React – A JavaScript library for building user interfaces"
-            >
-              <img
-                :src="logoReact"
-                alt="title"
-                loading="lazy"
-                :style="{ height: '90px' }"
-              />
-            </a>
-            <a
-              class="opacity-5"
-              href="#"
-              data-bs-toggle="tooltip"
-              data-bs-placement="bottom"
-              title="Coming Soon"
-            >
-              <img
-                :src="logoSketch"
-                alt="title"
-                loading="lazy"
-                :style="{ height: '90px' }"
-              />
-            </a>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class="py-5">
-      <div class="container">
-        <div class="row">
-          <div class="col-lg-5 ms-auto">
-            <h4 class="mb-1">Thank you for your support!</h4>
-            <p class="lead mb-0">We deliver the best web products</p>
-          </div>
-          <div class="col-lg-5 me-lg-auto my-lg-auto text-lg-end mt-5">
-          
-            <MaterialSocialButton
-              route="https://twitter.com/intent/tweet?text=Check%20Material%20Design%20System%20made%20by%20%40CreativeTim%20%23webdesign%20%23designsystem%20%23bootstrap5&url=https%3A%2F%2Fwww.creative-tim.com%2Fproduct%2Fmaterial-design-system-pro"
-              component="twitter"
-              color="twitter"
-              label="Tweet"
-            />
-            <MaterialSocialButton
-              route="https://www.facebook.com/sharer/sharer.php?u=https://www.creative-tim.com/product/material-design-system-pro"
-              component="facebook-square"
-              color="facebook"
-              label="Share"
-            />
-            
-            <MaterialSocialButton
-              route=""
-              component="pinterest"
-              color="pinterest"
-              label="Pin it"
-            />
-           
-          </div>
-        </div>
-      </div>
-    </div>
-  </div> -->
   <DefaultFooter />
 </template>
 

From 0c59ffddf449daac059159e5d67fdcb5f27d9b89 Mon Sep 17 00:00:00 2001
From: FEARmeR <fearmer@gmail.com>
Date: Thu, 18 May 2023 14:02:32 +0100
Subject: [PATCH 4/8] =?UTF-8?q?=D0=A3=D0=BD=D1=91=D1=81=20=D0=BF=D0=BE?=
 =?UTF-8?q?=D0=B8=D1=81=D0=BA=20=D0=B2=20=D0=BE=D1=82=D0=B4=D0=B5=D0=BB?=
 =?UTF-8?q?=D1=8C=D0=BD=D1=8B=D0=B9=20=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD?=
 =?UTF-8?q?=D0=B5=D0=BD=D1=82,=20=D0=B7=D0=B0=D0=B4=D0=BE=D0=BB=D0=B1?=
 =?UTF-8?q?=D0=B0=D0=BB=D0=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Presentation/PresentationView.vue            |  8 +++-----
 src/views/Presentation/Sections/PresentationSearch.vue | 10 ++++++++++
 2 files changed, 13 insertions(+), 5 deletions(-)
 create mode 100644 src/views/Presentation/Sections/PresentationSearch.vue

diff --git a/src/views/Presentation/PresentationView.vue b/src/views/Presentation/PresentationView.vue
index 8f83cfa..fdaca58 100644
--- a/src/views/Presentation/PresentationView.vue
+++ b/src/views/Presentation/PresentationView.vue
@@ -23,6 +23,7 @@ import Header from "../../examples/Header.vue";
 
 // sections
 import PresentationCounter from "./Sections/PresentationCounter.vue";
+import PresentationSearch from "./Sections/PresentationSearch.vue";
 
 
 //images
@@ -92,11 +93,8 @@ export default {
           </div>
         </div>
         <div>
-          <!-- Тут надо будет заменить на красивую строчку  -->
-    <input type="text" v-model="searchQuery" placeholder="Поиск по проектам и людям" />
-    <button type="submit" @click="search">Go</button>
- 
-
+          <PresentationSearch />
+          
   </div>
   </div>
 </div>
diff --git a/src/views/Presentation/Sections/PresentationSearch.vue b/src/views/Presentation/Sections/PresentationSearch.vue
new file mode 100644
index 0000000..cab831a
--- /dev/null
+++ b/src/views/Presentation/Sections/PresentationSearch.vue
@@ -0,0 +1,10 @@
+<template>
+    <h1>Тут будет поиск!</h1>
+  </template>
+  
+  <script>
+  export default {
+    name: 'PresentationSearch',
+  }
+  </script>
+  
\ No newline at end of file

From c094a72973545970ff75effae536bf99b7c24a0f Mon Sep 17 00:00:00 2001
From: FEARmeR <fearmer@gmail.com>
Date: Thu, 18 May 2023 14:47:10 +0100
Subject: [PATCH 5/8] =?UTF-8?q?=D0=9F=D0=BE=D0=BA=D0=B0=D0=B7=D1=8B=D0=B2?=
 =?UTF-8?q?=D0=B0=D0=B5=D1=82,=20=D0=BD=D0=BE=20=D0=BD=D0=B5=20=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B1=D0=BE=D1=82=D0=B0=D0=B5=D1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Sections/PresentationSearch.vue           | 63 ++++++++++++++++---
 1 file changed, 55 insertions(+), 8 deletions(-)

diff --git a/src/views/Presentation/Sections/PresentationSearch.vue b/src/views/Presentation/Sections/PresentationSearch.vue
index cab831a..78d402a 100644
--- a/src/views/Presentation/Sections/PresentationSearch.vue
+++ b/src/views/Presentation/Sections/PresentationSearch.vue
@@ -1,10 +1,57 @@
-<template>
-    <h1>Тут будет поиск!</h1>
-  </template>
-  
-  <script>
-  export default {
-    name: 'PresentationSearch',
+<script setup>
+import { onMounted, onUnmounted } from "vue";
+import axios from 'axios';
+import { ref } from "vue";
+
+const searchQuery = ref('');
+const searchResultProjects = ref([]);
+const searchResultUsers = ref([]);
+
+const search = async () => {
+  try {
+    const projectsResponse = await axios.get(`http://somebodyhire.me/api/projects/?search=${searchQuery.value}`);
+    searchResultProjects.value = projectsResponse.data;
+
+    const usersResponse = await axios.get(`http://somebodyhire.me/api/profiles/?search=${searchQuery.value}`);
+    searchResultUsers.value = usersResponse.data;
+  } catch (error) {
+    console.error('There was an error fetching the search results', error);
   }
-  </script>
+};
+
+
+
+
+</script>
+
+
+<template>
+    <div class="searchBar">
+        <input type="text" v-model="searchQuery" placeholder="Поиск по проектам и людям" />
+        <button type="submit" @click="search">Go</button>
+    </div>
+    <div class="results" v-if="searchResultProjects.length || searchResultUsers.length">
+        <div v-if="searchResultProjects.value.length">
+            <h2>Projects Results</h2>
+            <p>Number of results: {{ searchResultProjects.value.length }}</p>
+        </div>
+
+        <div v-if="searchResultUsers.value.length">
+            <h2>User Profile Results</h2>
+            <p>Number of results: {{ searchResultUsers.value.length }}</p>
+        </div>
+    
+    </div>
+        
+
+
+  </template>
+
+<style scoped>
+.searchBar{
+    display: flex;
+    justify-content: center;
+
+}
+</style>
   
\ No newline at end of file

From 8ac10bf7a96732fe1654a003f3b84f64ba7540fb Mon Sep 17 00:00:00 2001
From: FEARmeR <fearmer@gmail.com>
Date: Thu, 18 May 2023 15:05:18 +0100
Subject: [PATCH 6/8] =?UTF-8?q?=D0=9F=D0=BE=D0=B8=D1=81=D0=BA=20=D1=80?=
 =?UTF-8?q?=D0=B0=D0=B1=D0=BE=D1=82=D0=B0=D0=B5=D1=82=20=D0=BB=D0=BE=D0=BA?=
 =?UTF-8?q?=D0=B0=D0=BB=D1=8C=D0=BD=D0=BE,=20=D0=BD=D0=B0=D0=B4=D0=BE=20?=
 =?UTF-8?q?=D0=BF=D1=80=D0=BE=D0=B2=D0=B5=D1=80=D0=B8=D1=82=D1=8C=20=D0=BD?=
 =?UTF-8?q?=D0=B0=20=D1=81=D0=B5=D1=80=D0=B2=D0=B5=D1=80=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Presentation/Sections/PresentationSearch.vue | 16 +++++-----------
 1 file changed, 5 insertions(+), 11 deletions(-)

diff --git a/src/views/Presentation/Sections/PresentationSearch.vue b/src/views/Presentation/Sections/PresentationSearch.vue
index 78d402a..a442194 100644
--- a/src/views/Presentation/Sections/PresentationSearch.vue
+++ b/src/views/Presentation/Sections/PresentationSearch.vue
@@ -9,10 +9,10 @@ const searchResultUsers = ref([]);
 
 const search = async () => {
   try {
-    const projectsResponse = await axios.get(`http://somebodyhire.me/api/projects/?search=${searchQuery.value}`);
+    const projectsResponse = await axios.get(`http://somebodyhire.me/api/search/projects/?search_query=${searchQuery.value}`);
     searchResultProjects.value = projectsResponse.data;
 
-    const usersResponse = await axios.get(`http://somebodyhire.me/api/profiles/?search=${searchQuery.value}`);
+    const usersResponse = await axios.get(`http://somebodyhire.me/api/search/profiles/?search_query=${searchQuery.value}`);
     searchResultUsers.value = usersResponse.data;
   } catch (error) {
     console.error('There was an error fetching the search results', error);
@@ -30,16 +30,10 @@ const search = async () => {
         <input type="text" v-model="searchQuery" placeholder="Поиск по проектам и людям" />
         <button type="submit" @click="search">Go</button>
     </div>
-    <div class="results" v-if="searchResultProjects.length || searchResultUsers.length">
-        <div v-if="searchResultProjects.value.length">
-            <h2>Projects Results</h2>
-            <p>Number of results: {{ searchResultProjects.value.length }}</p>
-        </div>
 
-        <div v-if="searchResultUsers.value.length">
-            <h2>User Profile Results</h2>
-            <p>Number of results: {{ searchResultUsers.value.length }}</p>
-        </div>
+    <div>
+        <h2>Найдено проектов: {{ searchResultProjects.length}} </h2>
+        <h2>Найдено людей: {{ searchResultUsers.length}} </h2>
     
     </div>
         

From 4445a4c0e7c5fa857c386b21acdb9a92880c3ae1 Mon Sep 17 00:00:00 2001
From: FEARmeR <fearmer@gmail.com>
Date: Thu, 18 May 2023 15:30:18 +0100
Subject: [PATCH 7/8] =?UTF-8?q?=D0=9F=D0=BE=D0=B8=D1=81=D0=BA=20=D1=81=20?=
 =?UTF-8?q?=D1=80=D0=B5=D0=B7=D1=83=D0=BB=D1=8C=D1=82=D0=B0=D1=82=D0=B0?=
 =?UTF-8?q?=D0=BC=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Presentation/Sections/PresentationSearch.vue     | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/views/Presentation/Sections/PresentationSearch.vue b/src/views/Presentation/Sections/PresentationSearch.vue
index a442194..e31b42c 100644
--- a/src/views/Presentation/Sections/PresentationSearch.vue
+++ b/src/views/Presentation/Sections/PresentationSearch.vue
@@ -33,8 +33,18 @@ const search = async () => {
 
     <div>
         <h2>Найдено проектов: {{ searchResultProjects.length}} </h2>
+        <div v-for = "project in searchResultProjects" :key="project.id">
+            <h3>{{ project.title }}</h3>
+            <p>{{ project.description }}</p>
+        </div>
         <h2>Найдено людей: {{ searchResultUsers.length}} </h2>
-    
+        <div v-for = "user in searchResultUsers" :key="user.id">
+            <h3>{{ user.username }}</h3>
+            <p>{{ user.email }}</p>
+            
+            
+        </div>
+
     </div>
         
 

From c1e16406bca98dd076ef98c0951cf186e5f41601 Mon Sep 17 00:00:00 2001
From: FEARmeR <fearmer@gmail.com>
Date: Thu, 18 May 2023 16:37:22 +0100
Subject: [PATCH 8/8] =?UTF-8?q?=D0=A0=D0=B0=D0=B1=D0=BE=D1=82=D0=B0=D1=8E?=
 =?UTF-8?q?=D1=82=20=D1=81=D1=81=D1=8B=D0=BB=D0=BA=D0=B8=20/project/1=20?=
 =?UTF-8?q?=D0=B8=20/project/2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                        |  9 ++++
 src/views/LandingPages/Project/Project.vue | 56 ++++++++++++++++++++++
 2 files changed, 65 insertions(+)
 create mode 100644 src/views/LandingPages/Project/Project.vue

diff --git a/src/router/index.js b/src/router/index.js
index 6257f01..51cb27e 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -23,6 +23,9 @@ import ElDropdowns from "../layouts/sections/elements/dropdowns/DropdownsView.vu
 import ElProgressBars from "../layouts/sections/elements/progress-bars/ProgressBarsView.vue";
 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";
+
+
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   routes: [
@@ -31,6 +34,12 @@ const router = createRouter({
       name: "presentation",
       component: PresentationView,
     },
+    {
+      path: '/project/:id',
+      name: 'project',
+      component: Project
+    },
+
     {
       path: "/pages/landing-pages/about-us",
       name: "about",
diff --git a/src/views/LandingPages/Project/Project.vue b/src/views/LandingPages/Project/Project.vue
new file mode 100644
index 0000000..72fafcb
--- /dev/null
+++ b/src/views/LandingPages/Project/Project.vue
@@ -0,0 +1,56 @@
+<script setup>
+import axios from 'axios';
+import { onMounted, ref } from "vue";
+import { useRoute } from "vue-router";
+
+
+const projectId = ref(null);
+const route = useRoute();
+const projectData = ref([]);
+
+onMounted(async() => {
+    projectId.value = route.params.id;
+    await getProject();
+});
+
+
+const getProject = async () => {
+    try {
+        const projectDataRecieved = await axios.get(`http://somebodyhire.me/api/projects/${projectId.value}/`);
+        projectData.value = projectDataRecieved.data;
+    } catch (error) {
+        console.error('There was an error fetching the project data', error);
+    }
+};
+
+
+
+
+</script>
+
+
+<template>
+    <div v-if="projectData">
+      <h1>Проект номер: {{ projectData.id }}</h1>
+      <h2>{{ projectData.title }}</h2>
+      <p>{{ projectData.description }}</p>
+      <img :src="projectData.featured_image" alt="Featured image">
+      <p v-if="projectData.demo_link">Demo Link: <a :href="projectData.demo_link">{{ projectData.demo_link }}</a></p>
+      <p v-if="projectData.source_link">Source Link: <a :href="projectData.source_link">{{ projectData.source_link }}</a></p>
+      <p>Total Votes: {{ projectData.vote_total }}</p>
+      <p>Vote Ratio: {{ projectData.vote_ratio }}</p>
+      <p>Created On: {{ new Date(projectData.created).toLocaleDateString() }}</p>
+      <p>Owner ID: {{ projectData.owner }}</p>
+      <p>Tags: 
+        <span v-for="(tag, index) in projectData.tags" :key="index">
+          {{ tag }}<span v-if="index < projectData.tags.length - 1">, </span>
+        </span>
+      </p>
+    </div>
+  </template> 
+
+
+
+<style scoped>
+</style>
+  
\ No newline at end of file