conflits...

front/MyINPulse-front/src/views/errorModal.vue

@@ -1,32 +0,0 @@
-<script lang="ts">
-import {defineComponent} from 'vue'
-
-export default defineComponent({
-  name: "errorModal",
-  props: {
-    error: String
-  },
-  data(){
-    return {
-    }
-  }
-})
-</script>
-
-<template>
-<div class="error">
-  <p>Erreur :(</p>
-  <p>{{error}}</p>
-</div>
-</template>
-
-<style scoped>
-  .error{
-    background-color: darkred;
-    color: white;
-    padding: 1em;
-    border-radius: 0.5em;
-    text-align: center;
-    position: absolute;
-  }
-</style>

front/MyINPulse-front/src/views/errorWrapper.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+
+import {errorList} from "@/services/popupDisplayer.ts";
+import ErrorModal from "@/components/errorModal.vue";
+</script>
+
+<template>
+<div class="error-wrapper">
+  <error-modal v-for="elm in errorList" :data=elm></error-modal>
+</div>
+</template>
+
+<style scoped>
+.error-wrapper{
+  position: absolute;
+  left: 70%;
+  //background-color: blue;
+  height: 100%;
+  width: 30%;
+
+}
+</style>

front/MyINPulse-front/src/views/test.vue

@@ -1,7 +1,16 @@
 <script setup lang="ts">
-import {useAuthStore} from "@/stores/authStore";
+import {store} from "../main.ts";
+import {callApi} from "@/services/api.ts";
+import ErrorModal from "@/components/errorModal.vue";
+import {errorList} from "@/services/popupDisplayer.ts";
+import TempModal from "@/components/temp-modal.vue";
+import ErrorWrapper from "@/App.vue";
+function addResToTable(id: any){
+  return (req: any) => {
+    console.log(req)
+  }
+}
 
-const store = useAuthStore()
 
 </script>
 
@@ -26,19 +35,26 @@ const store = useAuthStore()
       <td>{{store.user.refreshToken}}</td>
     </tr>
     <tr>
-      <td>Unauthenticated API call</td>
-      <td><button>call</button></td>
+      <td>Entrepreneur API call</td>
+      <td><button @click="callApi('random')">call</button></td>
       <td>res</td>
       <td></td>
     </tr>
     <tr>
-      <td>Authenticated API call</td>
-      <td><button>call</button></td>
+      <td>Admin API call</td>
+      <td><button @click="callApi('random2')">call</button></td>
       <td>res</td>
       <td></td>
     </tr>
+    <tr>
+      <td>Unauth API call</td>
+      <td><button @click="callApi('random3')">call</button></td>
+      <td>res</td>
+      <td id="3"></td>
+    </tr>
     </tbody>
   </table>
+  <temp-modal></temp-modal>
 </template>
 
 <style scoped>