From 8abbddaebdf4804db44daed359cf3cc2a40943ee Mon Sep 17 00:00:00 2001
From: Mohamed Maoulainine Maoulainine
 <Mohamed_Maoulainine.Maoulainine@enseirb-matmeca.fr>
Date: Thu, 6 Feb 2025 15:40:13 +0100
Subject: [PATCH]  header for the site, and making the 1st layout for the
 components, still trying to figure out the framework

---
 front/MyINPulse-front/package-lock.json       |  78 ------------------
 front/MyINPulse-front/src/App.vue             |  37 +++++++++
 .../MyINPulse-front/src/components/Header.vue |  26 ++++++
 .../src/components/Project-comp.vue           |  18 ++++
 .../src/components/icons/logo inpulse.png     | Bin 0 -> 5269 bytes
 front/MyINPulse-front/src/main.ts             |   1 +
 6 files changed, 82 insertions(+), 78 deletions(-)
 create mode 100644 front/MyINPulse-front/src/components/Header.vue
 create mode 100644 front/MyINPulse-front/src/components/Project-comp.vue
 create mode 100644 front/MyINPulse-front/src/components/icons/logo inpulse.png

diff --git a/front/MyINPulse-front/package-lock.json b/front/MyINPulse-front/package-lock.json
index 1c03aec..2840ddb 100644
--- a/front/MyINPulse-front/package-lock.json
+++ b/front/MyINPulse-front/package-lock.json
@@ -8,13 +8,9 @@
       "name": "my-vue-app",
       "version": "0.0.0",
       "dependencies": {
-        "@auth0/auth0-vue": "^2.4.0",
-        "@dsb-norge/vue-keycloak-js": "^3.0.1",
         "axios": "^1.7.9",
         "cors": "^2.8.5",
         "keycloak-js": "^26.1.0",
-        "oidc-client-ts": "^3.1.0",
-        "oidc-spa": "^6.0.7",
         "pinia": "^2.3.1",
         "pinia-plugin-persistedstate": "^4.2.0",
         "vue": "^3.5.13",
@@ -54,28 +50,6 @@
         "url": "https://github.com/sponsors/antfu"
       }
     },
-    "node_modules/@auth0/auth0-spa-js": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/@auth0/auth0-spa-js/-/auth0-spa-js-2.1.3.tgz",
-      "integrity": "sha512-NMTBNuuG4g3rame1aCnNS5qFYIzsTUV5qTFPRfTyYFS1feS6jsCBR+eTq9YkxCp1yuoM2UIcjunPaoPl77U9xQ=="
-    },
-    "node_modules/@auth0/auth0-vue": {
-      "version": "2.4.0",
-      "resolved": "https://registry.npmjs.org/@auth0/auth0-vue/-/auth0-vue-2.4.0.tgz",
-      "integrity": "sha512-12iLvojP8Pvxqu2Abxzksp0HqlSovGiAUhWrppnOaJP02MZEBQo+c/IwM6VbM0edNk+eqqjX5u96iw5peaCPSg==",
-      "dependencies": {
-        "@auth0/auth0-spa-js": "^2.1.3",
-        "vue": "^3.2.41"
-      },
-      "peerDependencies": {
-        "vue-router": "^4.0.12"
-      },
-      "peerDependenciesMeta": {
-        "vue-router": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@babel/code-frame": {
       "version": "7.26.2",
       "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.26.2.tgz",
@@ -489,22 +463,6 @@
         "node": ">=6.9.0"
       }
     },
-    "node_modules/@dsb-norge/vue-keycloak-js": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@dsb-norge/vue-keycloak-js/-/vue-keycloak-js-3.0.1.tgz",
-      "integrity": "sha512-uJ4deVw4Vyp2FrG0JjYAy8NE6zIlIIl/92mQDlSGH+9kc758hBdrCdZSD3aVzv/Lwh07tpOXsx4jXzbVQkPfkA==",
-      "dependencies": {
-        "keycloak-js": "26.0.7"
-      },
-      "peerDependencies": {
-        "vue": ">=3.0.0"
-      }
-    },
-    "node_modules/@dsb-norge/vue-keycloak-js/node_modules/keycloak-js": {
-      "version": "26.0.7",
-      "resolved": "https://registry.npmjs.org/keycloak-js/-/keycloak-js-26.0.7.tgz",
-      "integrity": "sha512-vKCk1ISMiouYRLjMzi5fKp58RnYxKEBS29BoDgVfYwVW94IXchj9jLqBvIet31VD1v79l3WaWT+WMX7fH8O4wA=="
-    },
     "node_modules/@esbuild/aix-ppc64": {
       "version": "0.24.2",
       "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.24.2.tgz",
@@ -2639,14 +2597,6 @@
         "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==",
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/keycloak-js": {
       "version": "26.1.0",
       "resolved": "https://registry.npmjs.org/keycloak-js/-/keycloak-js-26.1.0.tgz",
@@ -2982,34 +2932,6 @@
       "resolved": "https://registry.npmjs.org/ohash/-/ohash-1.1.4.tgz",
       "integrity": "sha512-FlDryZAahJmEF3VR3w1KogSEdWX3WhA5GPakFx4J81kEAiHyLMpdLLElS8n8dfNadMgAne/MywcvmogzscVt4g=="
     },
-    "node_modules/oidc-client-ts": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/oidc-client-ts/-/oidc-client-ts-3.1.0.tgz",
-      "integrity": "sha512-IDopEXjiwjkmJLYZo6BTlvwOtnlSniWZkKZoXforC/oLZHC9wkIxd25Kwtmo5yKFMMVcsp3JY6bhcNJqdYk8+g==",
-      "dependencies": {
-        "jwt-decode": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
-    "node_modules/oidc-spa": {
-      "version": "6.0.7",
-      "resolved": "https://registry.npmjs.org/oidc-spa/-/oidc-spa-6.0.7.tgz",
-      "integrity": "sha512-2N/mGou2RVyFcpD2dyKWpDkCeDbSwqFg7U1o6y4WiL62EbEa7QHWgM0GlU9mWzt1r2dXJQZYrqbL07AVVv/juQ==",
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "*"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        },
-        "react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/open": {
       "version": "10.1.0",
       "resolved": "https://registry.npmjs.org/open/-/open-10.1.0.tgz",
diff --git a/front/MyINPulse-front/src/App.vue b/front/MyINPulse-front/src/App.vue
index 0364853..71701b5 100644
--- a/front/MyINPulse-front/src/App.vue
+++ b/front/MyINPulse-front/src/App.vue
@@ -1,11 +1,48 @@
 <script setup lang="ts">
 import { RouterLink, RouterView } from 'vue-router'
 import HelloWorld from './components/HelloWorld.vue'
+import Header from './components/Header.vue';
+import ProjectComp from './components/Project-comp.vue';
 </script>
 
 <template>
   <RouterView />
+  <Header />
+  <div id="main">
+      <ProjectComp 
+        v-for="(project, index) in projects" 
+        :key="index"
+        :projectName="project.name"
+      />
+    </div>
 </template>
 
 <style scoped>
 </style>
+
+<script lang="ts">
+export default {
+  name: 'App',
+  components: {
+    Header,
+    ProjectComp,
+  },
+  data() {
+    return {
+      projects: [
+        {
+          name: 'Projet Alpha',
+          //link: './project-alpha.html',
+          //members: ['Alice', 'Bob', 'Charlie'],
+        },
+        {
+          name: 'Projet Beta',
+          //link: './project-beta.html',
+          //members: ['David', 'Eve', 'Frank'],
+        },
+      ],
+    };
+  },
+};
+
+</script>
\ No newline at end of file
diff --git a/front/MyINPulse-front/src/components/Header.vue b/front/MyINPulse-front/src/components/Header.vue
new file mode 100644
index 0000000..cac4595
--- /dev/null
+++ b/front/MyINPulse-front/src/components/Header.vue
@@ -0,0 +1,26 @@
+<template>
+    <header>
+      <img src="./icons/logo inpulse.png" alt="INPulse" />
+    </header>
+  </template>
+  
+  <script lang="ts">
+  export default {
+    name: 'Header',
+  };
+  </script>
+  
+  <style scoped>
+  header img {
+    width: 100px;
+  }
+
+  header{
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 20px;
+    background-color: #fff;
+    border-bottom: 2px solid #ddd;
+  }
+  </style>
\ No newline at end of file
diff --git a/front/MyINPulse-front/src/components/Project-comp.vue b/front/MyINPulse-front/src/components/Project-comp.vue
new file mode 100644
index 0000000..3e060bb
--- /dev/null
+++ b/front/MyINPulse-front/src/components/Project-comp.vue
@@ -0,0 +1,18 @@
+<template>
+    <div class="project">
+        <div class="project-header">
+            <h2>{{ projectName }}</h2>
+        </div>
+
+    </div>
+</template>
+
+
+<script lang="ts">
+export default {
+    name: 'Project',
+    props: {
+        projectName: String,
+    }
+}
+</script>
\ No newline at end of file
diff --git a/front/MyINPulse-front/src/components/icons/logo inpulse.png b/front/MyINPulse-front/src/components/icons/logo inpulse.png
new file mode 100644
index 0000000000000000000000000000000000000000..e5a30ee6fb0fc7130f892f03e95d5a2a3f756425
GIT binary patch
literal 5269
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
b-dX<#wSo&xmdF&f00000NkvXXu0mjf=X_?4

literal 0
HcmV?d00001

diff --git a/front/MyINPulse-front/src/main.ts b/front/MyINPulse-front/src/main.ts
index 28c0359..e33d5c1 100644
--- a/front/MyINPulse-front/src/main.ts
+++ b/front/MyINPulse-front/src/main.ts
@@ -25,6 +25,7 @@ keycloakService.CallInit(() => {
 
 })
 
+createApp(App).mount('#app');
 
 // TODO: fix the comment
 /*