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 +19 -6
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 9ba8e3e84e - Show all commits

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

@ -5,7 +5,9 @@
<!-- Mode affichage --> <!-- Mode affichage -->
<template v-if="!isEditing"> <template v-if="!isEditing">
<p>{{ currentDescription }}</p> <p>{{ currentDescription }}</p>
<div class="button-container">
<button v-if="expanded" @click.stop="startEditing" class="edit-button">Éditer</button> <button v-if="expanded" @click.stop="startEditing" class="edit-button">Éditer</button>
</div>
</template> </template>
<!-- Mode édition --> <!-- Mode édition -->
@ -64,9 +66,20 @@ const startEditing = () => {
isEditing.value = true; isEditing.value = true;
}; };
const saveEdit = () => { const saveEdit = async () => {
try {
const id = 1; // Mets l'ID ici (dans ton cas, l'unique entrée)
await axios.put(`http://localhost:5000/data/${id}`, {
canva_data: editedDescription.value
});
// Mettre à jour l'affichage local après la mise à jour réussie
currentDescription.value = editedDescription.value; currentDescription.value = editedDescription.value;
isEditing.value = false; isEditing.value = false;
} catch (error) {
console.error("Erreur lors de la mise à jour des données :", error);
}
}; };
const cancelEdit = () => { const cancelEdit = () => {
@ -135,8 +148,8 @@ const cancelEdit = () => {
.button-container { .button-container {
position: absolute; position: absolute;
bottom: 20px; bottom: 40px;
right: 20px; right: 40px;
display: flex; display: flex;
gap: 10px; gap: 10px;
} }