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

front_foundation #5

Open
mohamed_maoulainine wants to merge 73 commits from front_foundation into main
pull from: front_foundation
merge into: piair:main
Conversation 3 Commits 73 Files Changed 27 +47 -4
2 changed files with 47 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f4d73654d1 - Show all commits

5
front/MyINPulse-front/src/App.vue
View File

@ -13,6 +13,7 @@ import ProjectComp from './components/Project-comp.vue';
v-for="(project, index) in projects" v-for="(project, index) in projects"
:key="index" :key="index"
:projectName="project.name" :projectName="project.name"
:listName="project.members"
/> />
</div> </div>
</template> </template>
@ -33,12 +34,12 @@ export default {
{ {
name: 'Projet Alpha', name: 'Projet Alpha',
//link: './project-alpha.html', //link: './project-alpha.html',
//members: ['Alice', 'Bob', 'Charlie'], members: ['Alice', 'Bob', 'Charlie'],
}, },
{ {
name: 'Projet Beta', name: 'Projet Beta',
//link: './project-beta.html', //link: './project-beta.html',
//members: ['David', 'Eve', 'Frank'], members: ['David', 'Eve', 'Frank'],
}, },
], ],
}; };

46
front/MyINPulse-front/src/components/Project-comp.vue
View File

@ -2,8 +2,16 @@
<div class="project"> <div class="project">
<div class="project-header"> <div class="project-header">
<h2>{{ projectName }}</h2> <h2>{{ projectName }}</h2>
mohamed_maoulainine marked this conversation as resolved Outdated
piair commented 2025-02-19 08:43:28 +01:00
Outdated
Review
Copy Link

Toute la case devrait être clickable, pas que le titre

Toute la case devrait être clickable, pas que le titre
<div class="project-buttons">
<button class="info-btn"><a href="./project-example.html">more infos</a></button>
<button class="contact-btn">Contact</button>
</div>
</div>
<div class="project-body">
<ul>
piair commented 2025-02-19 08:46:37 +01:00
Outdated
Review
Copy Link

Il faut faire gaffe a ce que va renvoyer l'API, je suis presque sur que vous n'aurez pas une liste de nom directement.

Il faut faire gaffe a ce que va renvoyer l'API, je suis presque sur que vous n'aurez pas une liste de nom directement.
<li v-for="(name, index) in listName" :key="index">{{ name }}</li>
</ul>
</div> </div>
</div> </div>
</template> </template>
@ -13,6 +21,40 @@ export default {
name: 'Project', name: 'Project',
props: { props: {
projectName: String, projectName: String,
listName: Array as() => String[], //something isn't working
} }
} }
</script> </script>
<style scoped>
.project {
piair marked this conversation as resolved Outdated
piair commented 2025-02-19 09:36:37 +01:00
Outdated
Review
Copy Link

C'est comme un href, a ne pas utiliser

C'est comme un href, a ne pas utiliser
mohamed_maoulainine commented 2025-02-19 12:03:53 +01:00
Outdated
Review
Copy Link

je le corrige après parce que je n'ai pas une idée claire sur comment sera le résultat du request, pour le moment je ferais en sorte de rediriger tout les projets vers le même canvas.

je le corrige après parce que je n'ai pas une idée claire sur comment sera le résultat du request, pour le moment je ferais en sorte de rediriger tout les projets vers le même canvas.
background: linear-gradient(to right, #f4f4f4, #ffffff);
border: 1px solid #ddd;
border-radius: 10px;
padding: 20px;
margin: 20px 0;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
font-family: Arial, sans-serif;
}
/* Header Styling */
.project-header {
display: flex;
justify-content: space-between;
align-items: center;
}
.project-header h2 {
font-size: 20px;
color: #333;
margin: 0;
}
/* Button Container */
.project-buttons {
display: flex;
gap: 10px;
}
</style>