From 107c7a85a96a97986cf11df6e4c09fa8ec7ad804 Mon Sep 17 00:00:00 2001
From: FEARmeR <fearmer@gmail.com>
Date: Wed, 17 May 2023 20:46:01 +0100
Subject: [PATCH] =?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=87=D1=91=D1=82=D1=87=D0=B8=D0=BA=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Sections/PresentationCounter.vue          | 54 ++++++++++++++-----
 1 file changed, 40 insertions(+), 14 deletions(-)

diff --git a/src/views/Presentation/Sections/PresentationCounter.vue b/src/views/Presentation/Sections/PresentationCounter.vue
index 3cfd48f..5a97674 100644
--- a/src/views/Presentation/Sections/PresentationCounter.vue
+++ b/src/views/Presentation/Sections/PresentationCounter.vue
@@ -2,6 +2,36 @@
 import DefaultCounterCard from "../../../examples/cards/counterCards/DefaultCounterCard.vue";
 </script>
 
+<script>
+import axios from 'axios';
+
+export default {
+  data() {
+    return {
+      projectsCount: 0,  // This data property will hold the count of projects
+      usersCount: 0,     // This data property will hold the count of users
+    };
+  },
+  async created() {
+    try {
+      // Fetch the projects data from the server
+      const projectsResponse = await axios.get('http://somebodyhire.me/api/projects/');
+      // Set the projectsCount to the number of projects received from the server
+      this.projectsCount = projectsResponse.data.length;
+
+      // Fetch the users data from the server
+      const usersResponse = await axios.get('http://somebodyhire.me/api/profiles/');
+      // Set the usersCount to the number of users received from the server
+      this.usersCount = usersResponse.data.length;
+
+    } catch (error) {
+      // Log any errors that occur during the fetch to the console
+      console.error(error);
+    }
+  },
+};
+</script>
+
 <template>
   <section class="pt-3 pb-4" id="count-stats">
     <div class="container">
@@ -11,11 +41,9 @@ import DefaultCounterCard from "../../../examples/cards/counterCards/DefaultCoun
             <div class="col-md-4 position-relative">
               <DefaultCounterCard
                 color="success"
-                title="Coded Elements"
-                description="From buttons, to inputs, navbars, alerts or cards, you are
-                  covered"
-                :count="70"
-                suffix="+"
+                title="Проектов"
+                description="Представлено на нашем сайте"
+                :count="projectsCount"
                 :duration="3000"
                 divider="vertical"
               />
@@ -23,11 +51,9 @@ import DefaultCounterCard from "../../../examples/cards/counterCards/DefaultCoun
             <div class="col-md-4 position-relative">
               <DefaultCounterCard
                 color="success"
-                title="Design Blocks"
-                description="Mix the sections, change the colors and unleash your
-                  creativity"
-                :count="15"
-                suffix="+"
+                title="Пользователей"
+                description="Зарегистрированно с момента запуска проекта"
+                :count="usersCount"
                 :duration="3000"
                 divider="vertical"
               />
@@ -35,10 +61,10 @@ import DefaultCounterCard from "../../../examples/cards/counterCards/DefaultCoun
             <div class="col-md-4">
               <DefaultCounterCard
                 color="success"
-                title="Pages"
-                description="Save 3-4 weeks of work when you use our pre-made pages for
-                  your website"
-                :count="4"
+                title="Раз"
+                description="Мы прокляли день, когда сели за баранку этого пылесоса"
+                :count="9000"
+                suffix="+"
                 :duration="3000"
               />
             </div>