danielvici123/esp-projekt
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

liken von posts geht (halb)

Browse Source 
im feed gehs aber sonst nicht weil nach dem aktualisieren  geht es weg
This commit is contained in:
danielvici123
2025-03-24 23:05:28 +01:00
parent f1b8dfe92f
commit 96f9071edd
2 changed files with 55 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
src/components/home_components/feed.vue
View File

@@ -29,7 +29,8 @@ async function createFeed() {
likes: post.likes,
comments: post.comments,
displayname: user ? user.displayname : 'Unknown',
username: user ? user.username : 'unknown_user'
username: user ? user.username : 'unknown_user',
user_id: post.user_id,
};
});
@@ -52,28 +53,31 @@ onMounted(async () => {
async function addLike(index: number) {
post_nr = index.toString()
const response = await fetch(`http://localhost:8000/api/post/${post_nr}/like`, {
method: 'POST',
headers: {'Content-Type': 'application/json',},
});
if (!response.ok) {
alert('Failed to like post');
} else{
console.log("New Like Amount: ", upc.value[index].likes);
}
}
function post_create_func(text:string) {
async function addLike(post_id: string | number, user_id: number, index: number) {
try {
upc.value[index].likes++;
const response = await fetch(`http://localhost:8000/api/post/${post_id}/like`, {
method: 'POST',
headers: {'content-type': 'application/json'},
body: `{"userId":${user_id}}`,
});
console.log('Antwort-Status:', response.status);
console.log("Post: ", text);
if (text === undefined || text === "") {
console.log("Post is empty");
alert("Post is empty");
return;
} else {
console.log("Post is not empty");
if (!response.ok) {
const errorText = await response.text(); // Versuche, den Fehlertext vom Server zu bekommen
console.error('Server-Fehlertext:', errorText);
upc.value[index].likes--;
throw new Error(`HTTP error! status: ${response.status}, text: ${errorText}`);
}
const data = await response.json();
console.log('Antwort vom Server:', data);
return data;
} catch (error) {
console.error('Fehler beim Liken des Posts:', error);
throw error;
}
}
@@ -127,7 +131,7 @@ onMounted(async () => {
<label class="text-sm m-1 text-weiss" v-else>Comments disabled</label>
</div>
<div class="flex items-center" @click="addLike(indexus)"> <!-- Likes -->
<div class="flex items-center" @click="addLike(postitem.post_id, postitem.user_id, indexus)"> <!-- Likes -->
<img alt="" src="../../assets/icons/herz.png" class="align-middle">
<label class="text-sm m-1 text-weiss">{{ postitem.likes }}</label>
</div>

30
src/components/posts.vue
View File

@@ -125,6 +125,34 @@ function copyLink(post_id: string | number) {
alert("Copied to clipboard");
}
async function addLike(post_id: string | number, user_id: number) {
try {
post.value.likes++;
const response = await fetch(`http://localhost:8000/api/post/${post_id}/like`, {
method: 'POST',
headers: {'content-type': 'application/json'},
body: `{"userId":${user_id}}`,
});
console.log('Antwort-Status:', response.status);
if (!response.ok) {
const errorText = await response.text(); // Versuche, den Fehlertext vom Server zu bekommen
console.error('Server-Fehlertext:', errorText);
post.value.likes--;
throw new Error(`HTTP error! status: ${response.status}, text: ${errorText}`);
}
const data = await response.json();
console.log('Antwort vom Server:', data);
return data;
} catch (error) {
console.error('Fehler beim Liken des Posts:', error);
throw error;
}
}
</script>
<template>
@@ -155,7 +183,7 @@ function copyLink(post_id: string | number) {
<label class="text-sm m-1 text-weiss" v-if="post.comments != undefined">{{ post.comments }}</label>
<label class="text-sm m-1 text-weiss" v-else>Comments disabled</label>
</div>
<div class="flex items-center" @click="addLike(post.post_uuid)"> <!-- Likes -->
<div class="flex items-center" @click="addLike(post.post_uuid, post.user_id)"> <!-- Likes -->
<img alt="" src="../assets/icons/herz.png" class="align-middle">
<label class="text-sm m-1 text-weiss">{{ post.likes }}</label>
</div>