piair/MyINPulse
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: commiting some minor changes before switching to front_foundation branch

Browse Source
This commit is contained in:
ALAMI Adnane 2025-02-10 15:32:28 +01:00
parent 7a03146bf8
commit b1df7421dc
5 changed files with 83 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
front/MyINPulse-front/src/components/canvas/Header.vue → front/MyINPulse-front/src/components/canvas/HeaderCanvas.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<header> <header>
<img src="@/assets/logo-inpulse.png" alt="INPulse Logo"> <img src="../icons/logo inpulse.png" alt="INPulse Logo">
<div class="header-buttons"> <div class="header-buttons">
<div class="contact-menu"> <div class="contact-menu">
<button class="contact-button" @click="toggleDropdown">Contact</button> <button class="contact-button" @click="toggleDropdown">Contact</button>

111
front/MyINPulse-front/src/components/canvas/Lean-canvas.vue
View File

@ -1,42 +1,71 @@
<template> <template>
<div class="canvas"> <div class="canvas">
<div class="row"> <Probleme class="Probleme" />
<Probleme /> <Segments class="Segments" />
<Segments /> <Valeur class="Valeur" />
</div> <Solution class="Solution" />
<div class="row"> <Avantage class="Avantage" />
<Solution /> <Canaux class="Canaux" />
<Valeur /> <Indicateurs class="Indicateurs" />
<Canaux /> <Couts class="Couts" />
</div> <Revenus class="Revenus" />
<div class="row"> </div>
<Couts /> </template>
<Revenus />
</div> <script>
<div class="row"> import Probleme from "./Probleme.vue";
<Indicateurs /> import Segments from "./Segments.vue";
<Avantage /> import Solution from "./Solution.vue";
</div> import Valeur from "./Valeur.vue";
</div> import Canaux from "./Canaux.vue";
</template> import Revenus from "./Revenus.vue";
import Couts from "./Couts.vue";
<script> import Indicateurs from "./Indicateurs.vue";
import Probleme from "./Probleme.vue"; import Avantage from "./Avantage.vue";
import Segments from "./Segments.vue";
import Solution from "./Solution.vue"; export default {
import Valeur from "./Valeur.vue"; components: {
import Canaux from "./Canaux.vue"; Probleme,
import Revenus from "./Revenus.vue"; Segments,
import Couts from "./Couts.vue"; Solution,
import Indicateurs from "./Indicateurs.vue"; Valeur,
import Avantage from "./Avantage.vue"; Canaux,
Revenus,
export default { Couts,
components: { Probleme, Segments, Solution, Valeur, Canaux, Revenus, Couts, Indicateurs, Avantage } Indicateurs,
}; Avantage
</script> }
};
<style scoped> </script>
@import "@/components/canvas/style-project.css";
</style> <style scoped>
.canvas {
display: grid;
grid-template-columns: repeat(10, 1fr);
grid-template-rows: repeat(6, 1fr);
gap: 10px;
padding: 10px;
}
.Probleme { grid-column: 1 / 3; grid-row: 1 / 5; }
.Segments { grid-column: 9 / 11; grid-row: 1 / 5; }
.Valeur { grid-column: 5 / 7; grid-row: 1 / 5; }
.Solution { grid-column: 3 / 5; grid-row: 1 / 3; }
.Avantage { grid-column: 7 / 9; grid-row: 1 / 3; }
.Canaux { grid-column: 7 / 9; grid-row: 3 / 5; }
.Indicateurs { grid-column: 3 / 5; grid-row: 3 / 5; }
.Couts { grid-column: 1 / 6; grid-row: 5 / 7; }
.Revenus { grid-column: 6 / 11; grid-row: 5 / 7; }
.expanded {
position: absolute;
top: 0;
left: 0;
width: 100%; /* Remplit toute la zone sans dépassement */
height: 100%;
transition: all 0.3s ease;
z-index: 10;
background: white; /* S'assurer que le contenu s'affiche correctement */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); /* Optionnel : un petit effet visuel */
}
</style>

0
front/MyINPulse-front/src/router/index.ts Normal file
View File

2
front/MyINPulse-front/src/router/router.ts
View File

@ -12,7 +12,7 @@ const router = createRouter({
component: () => import('../views/test.vue'), component: () => import('../views/test.vue'),
}, },
// route pour les canvas (made by adnane), in fact the two vue apps are separated for now // route pour les canvas
{ {
path: '/canvas', path: '/canvas',
name: 'canvas', name: 'canvas',

22
front/MyINPulse-front/src/views/CanvasView.vue
View File

@ -1,12 +1,12 @@
<!-- src/views/CanvasView.vue -->
<template> <template>
<div> <div>
<h1>Page Canvas</h1> <HeaderCanvas />
<LeanCanvas /> <h1>Page Canvas</h1>
</div> <LeanCanvas />
</template> </div>
</template>
<script setup lang="ts">
import LeanCanvas from '@/components/canvas/Lean-canvas.vue'; <script setup lang="ts">
</script> import LeanCanvas from '@/components/canvas/Lean-canvas.vue';
import HeaderCanvas from '@/components/canvas/HeaderCanvas.vue';
</script>