rparodi/ft_transcendence
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(frontend): added description handling the /profile

Browse source
This commit is contained in:
Maieul BOYER 2025-12-22 19:38:02 +01:00
parent 2ace5a9a94
commit 98f2af3f46
No known key found for this signature in database
7 changed files with 57 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

33
frontend/src/pages/profile/profile.ts
View file

@ -97,6 +97,13 @@ async function route(url: string, _args: { [k: string]: string }) {
let providerUserBox =
app.querySelector<HTMLDivElement>("#providerUserBox")!;
let descWrapper =
app.querySelector<HTMLDivElement>("#descWrapper")!;
let descBox =
app.querySelector<HTMLInputElement>("#descBox")!;
let descButton =
app.querySelector<HTMLButtonElement>("#descButton")!;
let accountTypeBox =
app.querySelector<HTMLDivElement>("#accountType")!;
displayNameBox.value = user.name;
@ -119,12 +126,8 @@ async function route(url: string, _args: { [k: string]: string }) {
let totpWrapper =
app.querySelector<HTMLDivElement>("#totpWrapper")!;
if (user.guest) {
for (let c of passwordButton.classList.values()) {
if (c.startsWith("bg-") || c.startsWith("hover:bg-"))
passwordButton.classList.remove(c);
}
}
descBox.value = user.desc;
if (user.guest) {
removeBgColor(
passwordButton,
@ -132,8 +135,16 @@ async function route(url: string, _args: { [k: string]: string }) {
enableBtn,
disableBtn,
showSecretBtn,
descButton,
);
descButton.classList.add(
"bg-gray-700",
"hover:bg-gray-700",
);
descButton.disabled = true;
descBox.disabled = true;
passwordButton.classList.add(
"bg-gray-700",
"hover:bg-gray-700",
@ -257,6 +268,16 @@ async function route(url: string, _args: { [k: string]: string }) {
showError(`Failed to update: ${req.msg}`);
}
};
descButton.onclick = async () => {
let req = await client.changeDesc({ changeDescRequest: { desc: descBox.value } });
if (req.kind === "success") {
showSuccess("Successfully changed description");
handleRoute();
}
else {
showError(`Failed to update: ${req.msg}`);
}
};
// Initialize UI state
refreshTotpUI();