42_adjoly/knl_meowscendence
1
0
Fork 0
mirror of https://github.com/KeyZox71/knl_meowscendence.git synced 2025-12-31 21:56:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

「🏗️」 wip: friends list working (kinda)

Browse Source
This commit is contained in:
Adam JOLY
2025-10-18 21:29:51 +02:00
parent 2314b0bd3a
commit 451a7e88a3
1 changed files with 55 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
src/front/static/ts/views/Friends.ts
View File

@ -1,5 +1,6 @@
import Aview from "./Aview.ts"
import { setOnekoState } from "../oneko.ts"
import { dragElement } from "./drag.ts";
export default class extends Aview {
@ -21,8 +22,11 @@ export default class extends Aview {
</div>
</div>
<div class="bg-neutrbg-neutral-200 dark:bg-neutral-800 text-center pb-10 pt-5 px-10 spcae-y-4 reverse-border">
<p class="text-gray-900 dark:text-white text-lg pt-0 pb-4"></p>
<div class="bg-neutral-200 dark:bg-neutral-800 text-center pb-10 pt-5 px-10 space-y-4 reverse-border">
<p id="friends_n" class="hidden text-gray-900 dark:text-white text-lg"></p>
<p id="friends-error-message" class="hidden text-red-700 dark:text-red-500"></p>
<ul id="friends_list" class="hidden text-gray-900 dark:text-white text-lg">
</ul>
</div>
</div>
`;
@ -31,15 +35,56 @@ export default class extends Aview {
async run() {
let uuid: String;
uuid = document.cookie.match(new RegExp('(^| )' + "uuid" + '=([^;]+)'))[2];
dragElement(document.getElementById("window"));
const n_friends = (document.getElementById("friends_n") as HTMLParagraphElement);
const friends_error_message = (document.getElementById("friends-error-message") as HTMLParagraphElement);
const friends_list = (document.getElementById("friends_list") as HTMLUListElement);
const userdata_req = await fetch(`http://localhost:3002/users/${uuid}`, {
method: "GET",
credentials: "include",
});
if (userdata_req.status == 404) {
console.error("invalid user");
return;
try {
uuid = document.cookie.match(new RegExp('(^| )' + "uuid" + '=([^;]+)'))[2];
const data_req = await fetch("http://localhost:3002/users/" + uuid + "/friends/count", {
method: "GET",
headers: {
"Content-Type": "application/json",
},
credentials: "include",
});
if (data_req.status === 200) {
let data = await data_req.json();
n_friends.innerHTML = ":D friends count : " + data.n_friends;
n_friends.classList.remove("hidden");
if (data.n_friends > 0) {
const list_req = await fetch("http://localhost:3002/users/" + uuid + "/friends?iStart=0&iEnd=20", {
method: "GET",
headers: {
"Content-Type": "application/json",
},
credentials: "include",
});
if (list_req.status === 200) {
friends_list.classList.remove("hidden")
let list = (await list_req.json()).friends as JSON;
for (let i = 0; i < data.n_friends; i++) {
let new_friends = document.createElement('li')
new_friends.innerHTML = list[i].friendName;
friends_list.appendChild(new_friends);
}
} else {
n_friends.classList.add("hidden");
friends_error_message.innerHTML = (await list_req.json()).error;
friends_error_message.classList.remove("hidden");
}
} else {
friends_error_message.innerHTML = "failed to fetch friends";
friends_error_message.classList.remove("hidden");
}
}
} catch (error) {
friends_error_message.innerHTML = "failed to fetch friends";
friends_error_message.classList.remove("hidden");
}
}
}