From 8a63d9d36ae76690984711c3118d78ee4cc11527 Mon Sep 17 00:00:00 2001
From: Dominic Villemure <doumvil@hotmail.com>
Date: Wed, 24 Apr 2024 20:49:50 -0400
Subject: [PATCH 1/4] #33 pluged Contact with backend

---
 src/views/main/ContactView.vue | 71 ++++++++++++++++++++++------------
 1 file changed, 47 insertions(+), 24 deletions(-)

diff --git a/src/views/main/ContactView.vue b/src/views/main/ContactView.vue
index f84a774..9f8fbb3 100644
--- a/src/views/main/ContactView.vue
+++ b/src/views/main/ContactView.vue
@@ -31,20 +31,14 @@
               <!-- Form Information  -->
               <v-col class="row-joinus">
                 <h1 class="h2-Participez-au-développement">PARTICIPEZ AU DÉVELOPPEMENT</h1>
-                <v-text-field label="Nom" style="color: rgb(107, 0, 101);"></v-text-field>
-                <v-text-field label="Courriel" style="color: rgb(107, 0, 101);"></v-text-field>
-                <v-textarea style="color: rgb(107, 0, 101)" label="Pourquoi voulez-vous participer au développement?"
+                <v-text-field v-model="name" label="Nom" style="color: rgb(107, 0, 101);"></v-text-field>
+                <v-text-field v-model="emailAddress" label="Courriel" style="color: rgb(107, 0, 101);"></v-text-field>
+                <v-textarea v-model="reasonToJoin" style="color: rgb(107, 0, 101)" label="Pourquoi voulez-vous participer au développement?"
                   placeholder="Écrivez votre message ici" rows="3" auto-grow></v-textarea>
-                <v-textarea style="color: rgb(107, 0, 101)" label="Avez-vous déjà des comptes sur les réseaux sociaux?"
+                <v-textarea v-model="socialNetworkAccount" style="color: rgb(107, 0, 101)" label="Avez-vous déjà des comptes sur les réseaux sociaux?"
                   placeholder="Écrivez votre message ici" rows="3" auto-grow></v-textarea>
-                <RouterLink :to="{ name: 'home' }">
-                  <v-btn style="background-color: rgb(163, 14, 121); color: white; font-weight: bold;"
-                    class="mt-4 send-btn" block>Envoyez </v-btn>
-                </RouterLink>
-                <v-btn @click="showModal = true"
-                  style="background-color: rgb(163, 14, 121); color: white; font-weight: bold;" class="mt-4 send-btn"
-                  block>
-                  Test
+                <v-btn @click="sendForm()" style="background-color: rgb(163, 14, 121); color: white; font-weight: bold;"
+                  class="mt-4 send-btn" block>Envoyez
                 </v-btn>
               </v-col>
             </v-row>
@@ -107,21 +101,19 @@
         </v-col>
       </v-row>
 
-      <!-- Form Information  -->
-      <v-text-field class="labelsize" label="Nom" style="margin-top: 5%; color: rgb(107, 0, 101);"></v-text-field>
-      <v-text-field class="labelsize" label="Courriel" style="color: rgb(107, 0, 101);"></v-text-field>
-      <v-textarea class="labelsize" style="color: rgb(107, 0, 101)"
+      <!-- Form Information  -->+
+      <v-text-field v-model="name" class="labelsize" label="Nom" style="margin-top: 5%; color: rgb(107, 0, 101);"></v-text-field>
+      <v-text-field v-model="emailAddress" class="labelsize" label="Courriel" style="color: rgb(107, 0, 101);"></v-text-field>
+      <v-textarea v-model="reasonToJoin" class="labelsize" style="color: rgb(107, 0, 101)"
         label="Pourquoi voulez-vous participer au développement?" placeholder="Écrivez votre message ici" rows="3"
         auto-grow></v-textarea>
-      <v-textarea class="labelsize" style="color: rgb(107, 0, 101)"
+      <v-textarea v-model="socialNetworkAccount" class="labelsize" style="color: rgb(107, 0, 101)"
         label="Avez-vous déjà des comptes sur les réseaux sociaux?" placeholder="Écrivez votre message ici" rows="3"
         auto-grow></v-textarea>
-      <RouterLink :to="{ name: 'home' }">
-        <v-btn style="background-color: rgb(163, 14, 121); margin-bottom: 8%; color: white; font-weight: bold;"
-          class="mt-4 send-btn" block>
-          Envoyez
-        </v-btn>
-      </RouterLink>
+      <v-btn @click="sendForm()" style="background-color: rgb(163, 14, 121); margin-bottom: 8%; color: white; font-weight: bold;"
+        class="mt-4 send-btn" block>
+        Envoyez
+      </v-btn>
 
 
       <!-- Text about joining us -->
@@ -187,12 +179,43 @@
 </template>
 
 
-
 <script setup>
 import DefaultLayout from '@/layouts/DefaultLayout.vue';
 import FooterLayout from '@/layouts/FooterLayout.vue';
 import { ref } from 'vue';
+import { useClient } from "@/plugins/api.js";
+
+const client = useClient();
+
 const showModal = ref(false);
+const name = ref("");
+const emailAddress = ref("");
+const reasonToJoin = ref("");
+const socialNetworkAccount = ref("");
+
+//const firstName = name.value.split(" ")[0];
+//const lastName = name.value.split(" ")[1];
+
+async function sendForm() {
+  try {
+    console.log(reasonToJoin.value);
+
+    const requestBody = {
+      FirstName: name.value,
+      LastName: name.value,
+      EmailAddress: emailAddress.value,
+      PhoneNumber: "",
+      SocialNetworkAccount: socialNetworkAccount.value,
+      ReasonToJoin: reasonToJoin.value
+    };
+
+    await client.post('/api/JoinUs', requestBody);
+    showModal.value = true;
+
+  } catch (error) {
+    console.log(error);
+  }
+}
 </script>
 
 

From 099395844fd6b13552d710aca2fe75f9c9b9a648 Mon Sep 17 00:00:00 2001
From: Dominic Villemure <doumvil@hotmail.com>
Date: Wed, 24 Apr 2024 21:34:13 -0400
Subject: [PATCH 2/4] #33 redirect to home page when closing the thx message

---
 src/views/main/ContactView.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/main/ContactView.vue b/src/views/main/ContactView.vue
index 9f8fbb3..a67a387 100644
--- a/src/views/main/ContactView.vue
+++ b/src/views/main/ContactView.vue
@@ -168,7 +168,7 @@
         développement est importante, et nous voulons construire cette plateforme avec vous, pour vous.
       </v-card-text>
       <v-card-actions class="justify-end" style="margin-right: 20px;">
-        <v-btn size="large" class="text-center" color="primary" text @click="showModal = false">Fermer</v-btn>
+        <v-btn to="/" size="large" class="text-center" color="primary" text @click="showModal = false">Fermer</v-btn>
       </v-card-actions>
 
     </v-card>

From 9ac0e8d677d3fe36efcc365263d08fc819f341d5 Mon Sep 17 00:00:00 2001
From: Dominic Villemure <doumvil@hotmail.com>
Date: Wed, 24 Apr 2024 21:35:30 -0400
Subject: [PATCH 3/4] #33 removed getItems button from home page

---
 src/views/main/HomeView.vue | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/src/views/main/HomeView.vue b/src/views/main/HomeView.vue
index 750fac4..6fc29f0 100644
--- a/src/views/main/HomeView.vue
+++ b/src/views/main/HomeView.vue
@@ -357,12 +357,6 @@
       </div>
     </div>
 
-
-    <!-- Back-end tools -->
-    <v-btn variant="outlined" @click="callBackend()">
-      Get items
-    </v-btn>
-
     <v-snackbar v-model="errorNoAccessSnackBar">
       Vous n'etes pas connecter !
       <template v-slot:actions>

From 67e7edf0473bcaebf896d53ed5a9ef28b59f558f Mon Sep 17 00:00:00 2001
From: Dominic Villemure <doumvil@hotmail.com>
Date: Wed, 24 Apr 2024 22:15:22 -0400
Subject: [PATCH 4/4] #33 removed console log

---
 src/views/main/ContactView.vue | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/views/main/ContactView.vue b/src/views/main/ContactView.vue
index a67a387..738f19a 100644
--- a/src/views/main/ContactView.vue
+++ b/src/views/main/ContactView.vue
@@ -198,8 +198,6 @@ const socialNetworkAccount = ref("");
 
 async function sendForm() {
   try {
-    console.log(reasonToJoin.value);
-
     const requestBody = {
       FirstName: name.value,
       LastName: name.value,