Merge branch 'front_foundation' of https://gitea.piair.dev/piair/MyINPulse into front_foundation

front/MyINPulse-front/package-lock.json

@@ -10,6 +10,7 @@
       "dependencies": {
         "axios": "^1.7.9",
         "cors": "^2.8.5",
+        "jwt-decode": "^4.0.0",
         "keycloak-js": "^26.1.0",
         "pinia": "^2.3.1",
         "pinia-plugin-persistedstate": "^4.2.0",
@@ -3588,6 +3589,15 @@
         "graceful-fs": "^4.1.6"
       }
     },
+    "node_modules/jwt-decode": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/jwt-decode/-/jwt-decode-4.0.0.tgz",
+      "integrity": "sha512-+KJGIyHgkGuIq3IEBNftfhW/LfWhXUIY6OmyVWjliu5KH1y0fw7VQ8YndE2O4qZdMSd9SqbnC8GOcZEy0Om7sA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/keycloak-js": {
       "version": "26.1.0",
       "resolved": "https://registry.npmjs.org/keycloak-js/-/keycloak-js-26.1.0.tgz",

front/MyINPulse-front/src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { RouterLink, RouterView } from 'vue-router'
+import { /*RouterLink,*/ RouterView } from 'vue-router'
 import ErrorWrapper from "@/views/errorWrapper.vue";
 </script>
 

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

@@ -15,9 +15,9 @@
     import { defineProps } from "vue";
 
     interface rendezVous{
-        projectName: String,
+        projectName: string,
-        date: String,
+        date: string,
-        lieu: String,
+        lieu: string,
     }
 
     const props = defineProps<{

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

@@ -54,7 +54,7 @@ onMounted(() => {
           <button @click="store.refreshUserToken">Refresh Token</button>
         </div>
 
-        <div class="token-section" v-if="store.authenticated">
+        <div v-if="store.authenticated" class="token-section" >
           <p><strong>Access Token:</strong></p>
           <pre>{{ store.user.token }}</pre>
 

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

@@ -1,5 +1,5 @@
 <template>
-    <div @click="goToLink" class="project">
+    <div class="project" @click="goToLink" >
         <div class="project-header">
             <h2 >{{ projectName }}</h2>
             <div class="project-buttons">
@@ -31,7 +31,7 @@ const router = useRouter();
 
 const goToLink = () => {
   if (props.projectLink) {
-    router.push(props.projectLink);
+    router.push(props.projectLink);0
   }
  
 };

front/MyINPulse-front/src/components/canvas/CanvasItem.vue

@@ -1,8 +1,8 @@
 <template>
   <div :class="['cell', { expanded }]" @click="handleClick">
-    <h3 class="fs-5 fw-medium">{{ title_text }}</h3>
+    <h3 class="fs-5 fw-medium">{{ titleText }}</h3>
 
-    <div class="section-bloc" v-for="(desc, index) in currentDescriptions" :key="index">
+    <div v-for="(desc, index) in currentDescriptions" :key="index" class="section-bloc">
 
 <!-- ADMIN -------------------------------------------------------------------------------------------->
 
@@ -21,7 +21,7 @@
             <p class="m-0">{{ desc }}</p>
           </div>
           <div class="button-container">
-            <button v-if="expanded" @click.stop="startEditing(index)" class="edit-button">Éditer</button>
+            <button v-if="expanded" class="edit-button" @click.stop="startEditing(index)">Éditer</button>
           </div>
         </template>
 
@@ -29,8 +29,8 @@
         <template v-else>
           <textarea v-model="editedDescriptions[index]" class="edit-input"></textarea>
           <div class="button-container">
-            <button @click.stop="saveEdit(index)" class="save-button">Enregistrer</button>
+            <button class="save-button" @click.stop="saveEdit(index)">Enregistrer</button>
-            <button @click.stop="cancelEdit(index)" class="cancel-button">Annuler</button>
+            <button class="cancel-button" @click.stop="cancelEdit(index)">Annuler</button>
           </div>
         </template>
       </template>
@@ -54,7 +54,7 @@ const IS_MOCK_MODE = true;
 const props = defineProps<{
   projectId: number;
   title: number;
-  title_text: string;
+  titleText: string;
   description: string;
   is_admin: number;
 }>();

front/MyINPulse-front/src/components/canvas/LeanCanvas.vue

@@ -4,9 +4,9 @@
       v-for="(item, index) in items"
       :key="index"
       :title="item.title"
-      :title_text="item.title_text"
+      :titleText="item.title_text"
       :description="item.description"
-      :projectId="item.projectId"
+      :project-id="item.projectId"
       :class="['canvas-item', item.class, 'card', 'shadow', 'p-3']"
       :is_admin=is_admin
     />

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

@@ -7,9 +7,9 @@
           <ProjectComp 
             v-for="(project, index) in projects" 
             :key="index"
-            :projectName="project.name"
+            :project-name="project.name"
-            :listName="project.members"
+            :list-name="project.members"
-            :projectLink="project.link"
+            :project-link="project.link"
           />
 
         <div id ="main">
@@ -18,15 +18,15 @@
           <PendingProjectComponent
             v-for="( project, index) in pendingProjects"
             :key="index"
-            :projectName="project.name"
+            :project-name="project.name"
-            :creationDate="project.creationDate"
+            :creation-date="project.creationDate"
           />
         </div> 
 
         
       </div>  
       
-      <Agenda :projectRDV="rendezVous" />
+      <Agenda :project-r-d-v="rendezVous" />
     </div>
     <AddProjectForm/>
 </template>

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

@@ -1,7 +1,7 @@
 <template>
     <div>
       <header>
-        <HeaderCanvas :projectId="1" />
+        <HeaderCanvas :project-id="1" />
       </header>
     </div>
     <div>
@@ -23,7 +23,7 @@
 </template>
   
 <script setup lang="ts">
-// @ts-ignore
+
 import HeaderCanvas from "../components/canvas/HeaderCanvas.vue";
 import LeanCanvas from '../components/canvas/LeanCanvas.vue';
 import { ref, onMounted, defineProps} from "vue";