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

front_foundation #9

Closed
mohamed_maoulainine wants to merge 181 commits from front_foundation into main
pull from: front_foundation
merge into: piair:main
Conversation 6 Commits 181 Files Changed 93 +122 -116
5 changed files with 122 additions and 116 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit fcc20d1f42 - Show all commits

6
front/MyINPulse-front/src/components/HeaderComponent.vue
View File

@ -5,7 +5,11 @@
target="_blank"
rel="noopener"
>
<img src="./icons/logo inpulse.png" alt="INPulse Logo" class="logo" />
<img
src="./icons/logo inpulse.png"
alt="INPulse Logo"
class="logo"
/>
</a>
</header>
</template>

86
front/MyINPulse-front/src/components/canvas/CanvasItem.vue
View File

@ -16,7 +16,10 @@
<div
v-for="(desc, index) in currentDescriptions"
:key="index"
:class="['section-bloc', index % 2 === 0 ? 'from-left' : 'from-right']"
:class="[
'section-bloc',
index % 2 === 0 ? 'from-left' : 'from-right',
]"
class="section-bloc"
>
<!-- ADMIN -------------------------------------------------------------------------------------------->
@ -54,8 +57,18 @@
class="edit-input"
></textarea>
<div class="button-container">
<button class="save-button" @click.stop="saveEdit(index)">Enregistrer</button>
<button class="cancel-button" @click.stop="cancelEdit(index)">Annuler</button>
<button
class="save-button"
@click.stop="saveEdit(index)"
>
Enregistrer
</button>
<button
class="cancel-button"
@click.stop="cancelEdit(index)"
>
Annuler
</button>
</div>
</div>
</template>
@ -64,7 +77,8 @@
<!---------------------------------------------------------------------------------------------------->
<template v-if="expanded">
<div class="canvas-exit-hint">
Cliquez n'importe où pour quitter le canvas (terminez d'abord vos modifications)
Cliquez n'importe où pour quitter le canvas (terminez
d'abord vos modifications)
</div>
</template>
</div>
@ -175,17 +189,17 @@ const mockFetch = async (projectId: number, title: number, date: string) => {
"Les clients ont du mal à trouver des produits écoresponsables abordables.",
"Le processus d'achat en ligne est trop complexe.",
"Manque de transparence sur l’origine des produits.",
"Peu d’alternatives locales et durables sur le marché."
"Peu d’alternatives locales et durables sur le marché.",
],
2: [
"Jeunes urbains engagés dans la cause écologique.",
"Familles à revenu moyen voulant consommer responsable.",
"Entreprises soucieuses de leur empreinte carbone."
"Entreprises soucieuses de leur empreinte carbone.",
],
3: [
adnane marked this conversation as resolved Outdated
Theo commented 2025-04-23 10:44:40 +02:00
Outdated
Review
Copy Link

Ce saveEdit utile étant donnée celle définie en dessous ?

Ce saveEdit utile étant donnée celle définie en dessous ?
"Une plateforme centralisée avec des produits écologiques certifiés.",
"Un service client humain et réactif.",
"Livraison éco-responsable avec suivi."
"Livraison éco-responsable avec suivi.",
adnane marked this conversation as resolved Outdated
piair commented 2025-04-23 10:17:32 +02:00
Outdated
Review
Copy Link

axios again

axios again
piair commented 2025-04-23 10:18:02 +02:00
Outdated
Review
Copy Link

And the path is not right

And the path is not right
],
4: [
"Application intuitive avec suggestions personnalisées.",
@ -198,22 +212,22 @@ const mockFetch = async (projectId: number, title: number, date: string) => {
6: [
"Canaux digitaux : réseaux sociaux, SEO.",
"Partenariats avec influenceurs écoresponsables.",
"Boutique physique en pop-up stores."
"Boutique physique en pop-up stores.",
],
7: [
"Taux de rétention client mensuel.",
"Taux de satisfaction utilisateur (NPS)."
"Taux de satisfaction utilisateur (NPS).",
],
8: [
adnane marked this conversation as resolved Outdated
piair commented 2025-04-23 10:18:15 +02:00
Outdated
Review
Copy Link

same

same
"Coût du développement logiciel initial.",
"Campagnes publicitaires et communication.",
"Frais logistiques (emballages, transport)."
"Frais logistiques (emballages, transport).",
],
9: [
"Ventes directes sur la plateforme.",
"Abonnement mensuel premium pour livraison gratuite.",
"Revenus via partenariats de marque."
]
"Revenus via partenariats de marque.",
],
};
// On extrait les descriptions pour la section demandée
@ -227,8 +241,6 @@ const mockFetch = async (projectId: number, title: number, date: string) => {
});
};
// Utilisation du mock dans handleClick pour tester sans serveur
const handleClick = async () => {
if (!expanded.value) {
@ -309,20 +321,6 @@ const cancelEdit = (index: number) => {
editedDescriptions.value[index] = currentDescriptions.value[index];
isEditing.value[index] = false;
};
const randomStyle = () => {
const offsetX = Math.floor(Math.random() * 20) - 10; // entre -10 et +10px
const offsetY = Math.floor(Math.random() * 20) - 10;
return {
transform: `translate(${offsetX}px, ${offsetY}px)`,
transition: 'transform 0.3s ease',
};
};
const styleClasses = ['float-up', 'float-left', 'float-right', 'wiggle', 'tilt'];
const getRandomClass = () => {
return styleClasses[Math.floor(Math.random() * styleClasses.length)];
};
</script>
<style scoped>
@ -424,7 +422,6 @@ const getRandomClass = () => {
overflow: hidden;
}
.button-container {
display: block;
margin-top: 20px;
@ -452,7 +449,6 @@ const getRandomClass = () => {
min-width: 120px;
}
.editing-section-bloc {
width: 100%;
justify-content: center;
@ -546,7 +542,6 @@ const getRandomClass = () => {
box-sizing: border-box;
}
.custom-flow {
display: flex;
flex-wrap: wrap;
@ -560,7 +555,6 @@ const getRandomClass = () => {
overflow-x: hidden;
}
.container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
@ -569,11 +563,21 @@ const getRandomClass = () => {
gap: 1rem;
}
.float-up { transform: translateY(-10px); }
.float-left { transform: translateX(-10px); }
.float-right { transform: translateX(10px); }
.wiggle { transform: rotate(1deg); }
.tilt { transform: rotate(-1deg); }
.float-up {
transform: translateY(-10px);
}
.float-left {
transform: translateX(-10px);
}
.float-right {
transform: translateX(10px);
}
.wiggle {
transform: rotate(1deg);
}
.tilt {
transform: rotate(-1deg);
}
.from-left {
align-self: flex-start;
@ -595,10 +599,10 @@ const getRandomClass = () => {
.explain {
font-size: 16px;
color: #444; /* gris doux pour le texte */
background-color: #f9f9f9; /* fond léger pour contraster */
color: #444;
background-color: #f9f9f9;
padding: 7px;
border-left: 4px solid #0d6efd; /* petite bande à gauche type "info" */
border-left: 4px solid #0d6efd;
border-right: 4px solid #0d6efd;
border-radius: 6px;
margin-bottom: 20px;
@ -606,6 +610,4 @@ const getRandomClass = () => {
line-height: 1.6;
font-family: "Segoe UI", sans-serif;
}
</style>

8
front/MyINPulse-front/src/components/canvas/HeaderCanvas.vue
View File

@ -5,11 +5,13 @@
target="_blank"
rel="noopener"
>
<img src="../icons/logo inpulse.png" alt="INPulse Logo" class="logo" />
<img
src="../icons/logo inpulse.png"
alt="INPulse Logo"
class="logo"
/>
</a>
<div class="header-actions">
<div ref="dropdownRef" class="dropdown-wrapper">
<button class="contact-button" @click.stop="toggleDropdown">

2
front/MyINPulse-front/src/components/canvas/LeanCanvas.vue
View File

@ -129,7 +129,6 @@ onMounted(() => {
}
}
.Probleme {
grid-column: 1 / 3;
grid-row: 1 / 5;
@ -200,5 +199,4 @@ onMounted(() => {
.Revenus {
background-color: #c8e6c9;
}
</style>

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

@ -1,5 +1,4 @@
<template>
<div>
<header>
<HeaderCanvas :project-id="1" />
@ -25,7 +24,8 @@
<a href="tel:{{ admin.phoneNumber }}">{{
admin.phoneNumber
}}</a>
</p> <div class="main"></div>
</p>
<div class="main"></div>
</div>
</div>
</template>