front_foundation #5

Open
mohamed_maoulainine wants to merge 73 commits from front_foundation into main
2 changed files with 13 additions and 5 deletions
Showing only changes of commit 8071c01c5d - Show all commits

View File

@ -1,7 +1,7 @@
<template>
<div class="project">
<div @click="goToLink" class="project">
<div class="project-header">
<h2 @click="goToLink">{{ projectName }}</h2>
<h2 >{{ projectName }}</h2>
mohamed_maoulainine marked this conversation as resolved Outdated
Outdated
Review

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="contact-btn">Contact</button>
</div>
@ -17,6 +17,7 @@
<script setup lang="ts">
import { defineProps } from "vue";
import { useRouter } from 'vue-router'
const props = defineProps<{
@ -25,10 +26,17 @@ const props = defineProps<{
projectLink: string;
}>();
const router = useRouter();
piair marked this conversation as resolved Outdated
Outdated
Review

C'est comme un href, a ne pas utiliser

C'est comme un href, a ne pas utiliser

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.
const goToLink = () => {
if (props.projectLink) {
router.push(props.projectLink);
/*
window.location.href = props.projectLink;
*/
}
};
</script>

View File

@ -27,12 +27,12 @@ import { ref } from "vue";
const projects = ref([
{
name: "Projet Alpha",
link: "/project-alpha.html", // to test
link: "/canvas", // to test
members: ["Alice", "Bob", "Charlie"],
},
{
name: "Projet Beta",
link: "./project-beta.html", // to test
link: "./canvas", // to test
members: ["David", "Eve", "Frank"],
},
]);