fix: fixing the eslint stuff

front/MyINPulse-front/src/components/ProjectComponent.vue

@@ -2,9 +2,22 @@
     <div class="project" @click="goToLink" >
         <div class="project-header">
             <h2 >{{ projectName }}</h2>
-            <div class="project-buttons">
-                <button class="contact-btn">Contact</button>
-            </div>
+              <div class="header-actions">
+                <div class="dropdown-wrapper">
+                  <button class="contact-button" @click="toggleDropdown">Contact</button>
+                  <div class="contact-dropdown" :class="{ 'dropdown-visible': isDropdownOpen }">
+                    <button @click="contactAll">Contacter tous</button>
+                    <button
+                      v-for="(email, index) in entrepreneurEmails"
+                      :key="index"
+                      @click="contactSingle(email)"
+                    >
+                      {{ email }}
+                    </button>
+                  </div>
+                </div>
+              </div>
+
         </div>
         <div class="project-body">   
             <ul>
@@ -19,12 +32,15 @@
 <script setup lang="ts">
 import { defineProps } from "vue";
 import { useRouter } from 'vue-router'
-
+import { ref, onMounted } from "vue";
+import axios from "axios";
+const IS_MOCK_MODE = true;
 
 const props = defineProps<{
     projectName: string;
     listName: string[];
     projectLink: string;
+    projectId: number;
 }>();
 
 const router = useRouter();
@@ -35,6 +51,101 @@ const goToLink = () => {
   }
  
 };
+
+type Entrepreneur = {
+  idUser: number;
+  userSurname: string;
+  userName: string;
+  primaryMail: string;
+  secondaryMail: string;
+  phoneNumber: string;
+  school: string;
+  course: string;
+  sneeStatus: boolean;
+};
+
+const isDropdownOpen = ref(false);
+const entrepreneurEmails = ref<string[]>([]);
+
+const toggleDropdown = () => {
+  isDropdownOpen.value = !isDropdownOpen.value;
+  console.log("Dropdown toggled:", isDropdownOpen.value);
+};
+
+const fetchEntrepreneurs = async (projectId: number, useMock = IS_MOCK_MODE) => {
+  try {
+    const responseData: Entrepreneur[] = useMock
+      ? await mockFetchEntrepreneurs(projectId)
+      : (await axios.get(`http://localhost:5000/shared/projects/entrepreneurs/${projectId}`)).data;
+
+    if (responseData.length > 0) {
+      entrepreneurEmails.value = responseData.map((item: Entrepreneur) => item.primaryMail);
+    } else {
+      console.warn("Aucun entrepreneur trouvé.");
+    }
+  } catch (error) {
+    console.error("Erreur lors de la récupération des entrepreneurs :", error);
+  }
+};
+
+// Fonction de simulation de l'API
+const mockFetchEntrepreneurs = async (projectId :number) => {
+  console.log(`Mock fetch pour projectId: ${projectId}`);
+
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      resolve([
+        {
+          idUser: 1,
+          userSurname: "Doe",
+          userName: "John",
+          primaryMail: "john.doe@example.com",
+          secondaryMail: "johndoe@backup.com",
+          phoneNumber: "612345678",
+          school: "ENSEIRB",
+          course: "Info",
+          sneeStatus: false
+        },
+        {
+          idUser: 2,
+          userSurname: "Smith",
+          userName: "Jane",
+          primaryMail: "jane.smith@example.com",
+          secondaryMail: "janesmith@backup.com",
+          phoneNumber: "698765432",
+          school: "ENSEIRB",
+          course: "Info",
+          sneeStatus: true
+        }
+      ]);
+    }, 500);
+  });
+};
+
+const contactAll = () => {
+  const allEmails = entrepreneurEmails.value.join(", ");
+  navigator.clipboard.writeText(allEmails)
+    .then(() => {
+      alert("Tous les emails copiés dans le presse-papiers !");
+      window.open("https://partage.bordeaux-inp.fr/", "_blank");
+    })
+    .catch(err => {
+      console.error("Erreur lors de la copie :", err);
+    });
+};
+
+const contactSingle = (email: string) => {
+  navigator.clipboard.writeText(email)
+    .then(() => {
+      alert(`Adresse copiée : ${email}`);
+      window.open("https://partage.bordeaux-inp.fr/", "_blank");
+    })
+    .catch(err => {
+      console.error("Erreur lors de la copie :", err);
+    });
+};
+
+onMounted(() => fetchEntrepreneurs(props.projectId, IS_MOCK_MODE));
 </script>
 
 
@@ -78,19 +189,6 @@ const goToLink = () => {
     background-color: #45a049;
     transform: scale(1.05);
   }
-  
-  .contact-btn {
-    background-color: #007BFF;
-    color: #fff;
-  }
-  
-  .contact-btn:hover {
-    background-color: #0056b3;
-    transform: scale(1.05);
-  }
-  
-
-
 
   .project-body {
     margin-top: 15px;
@@ -115,16 +213,65 @@ const goToLink = () => {
   }
 
 
-  button {
-  padding: 10px 15px;
-  background-color: #007bff;
+  .header-actions {
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  position: relative;
+}
+
+.contact-button,
+.return-button {
+  background-color: #009CDE;
   color: white;
   border: none;
+  padding: 10px 15px;
   cursor: pointer;
+  font-size: 14px;
   border-radius: 5px;
+  text-decoration: none;
+  transition: background-color 0.2s ease;
+  font-family: Arial, sans-serif;
+}
+
+.return-button:hover,
+.contact-button:hover {
+  background-color: #007bad;
+}
+
+
+.contact-dropdown {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  background-color: #000;
+  color: white;
+  box-shadow: 0px 4px 8px rgba(255, 255, 255, 0.2);
+  border-radius: 8px;
+  padding: 10px;
+  margin-top: 5px;
+  z-index: 1000;
+  min-width: 200px;
+  display: none;
+}
+
+.contact-dropdown button {
+  display: block;
+  width: 100%;
+  padding: 5px;
+  text-align: left;
+  border: none;
+  background: none;
+  cursor: pointer;
+  color: white;
+}
+
+.contact-dropdown button:hover {
+  background-color: #009CDE;
+}
+
+.contact-dropdown.dropdown-visible {
+  display: block;
 }
-  button:hover {
-    background-color: #0056b3;
-  }
 
 </style>