gorb/frontend
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

feat: fucking explode i hate this
All checks were successful
ci/woodpecker/push/build-and-publish Pipeline was successful
Details

Browse source
This commit is contained in:
JustTemmie 2025-06-01 20:19:04 +02:00
parent 622abc9155
commit 0ddddd210e
Signed by: justtemmie
SSH key fingerprint: SHA256:nBO+OwpTkd8LYhe38PIqdxmDvkIg9Vw2EbrRZM97dkU
2 changed files with 25 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

54
components/settings/user_settings/Account.vue
View file

@ -1,5 +1,6 @@
<template>
<div>
<input id="hidden-pfp-uploader" type="file" accept="image/*" style="display: none;">
<h1>My Account</h1>
<div class="profile-and-user-data-fields">
@ -52,21 +53,18 @@ const saveChanges = async () => {
try {
const formData = new FormData()
if (new_pfp_file) {
formData.append('avatar', new_pfp_file, new_pfp_file.name)
new_pfp_file = null
const upload_field = document.getElementById("hidden-pfp-uploader")
if (upload_field.files?.length && upload_field.files.length > 0) {
console.log(upload_field.files[0])
formData.append("avatar", upload_field.files[0])
}
// oh lord praise deep seek v3
const jsonBlob = new Blob(
[JSON.stringify({
const bytes = new TextEncoder().encode(JSON.stringify({
display_name: user.display_name,
username: user.username,
pronouns: user.pronouns,
})],
{ type: 'application/json' }
);
formData.append('json', jsonBlob, 'data.json');
}));
formData.append("json", new Blob([bytes], { type: "application/json" }));
await fetchWithApi("/me", {
method: "PATCH",
@ -91,29 +89,23 @@ const removeAvatar = async () => {
}
const changeAvatar = async () => {
try {
let input = document.createElement('input');
input.type = 'file';
input.accept = 'image/*';
const upload_field: HTMLInputElement = document.getElementById("hidden-pfp-uploader")
// upload_field.onchange = async(e) => {
// console.log(upload_field.files)
// if (upload_field.files?.length && upload_field.files.length > 0) {
// const file = upload_field.files[0];
// if (!file) return;
input.onchange = async(e) => {
const file = e.target.files?.[0];
if (!file) return;
// const reader = new FileReader();
// reader.onload = (e) => {
// user.avatar = e?.target?.result;
// };
// reader.readAsDataURL(file);
// }
// }
new_pfp_file = file;
const reader = new FileReader();
reader.onload = (e) => {
user.avatar = e?.target?.result;
};
reader.readAsDataURL(file);
}
input.oncancel = () => alert("cancelled upload!");
input.click();
} catch (err) {
console.error('User canceled or error:', err);
}
upload_field?.click()
}
const resetPassword = async () => {

4
pages/settings.vue
View file

@ -4,14 +4,14 @@
<div id="sidebar">
<h4>(Search bar here)</h4>
<ul>
<template v-for="category in categories" :key="category.display_name">
<div v-for="category in categories" :key="category.display_name">
<h2>{{ category.display_name }}</h2>
<li v-for="page in category.pages" :key="page.display_name" @click="selectCategory(category, page)"
:class="{ 'sidebar-focus': selectedPage === page.display_name }">
{{ page.display_name }}
</li>
<span class="spacer"></span>
</template>
</div>
<ButtonScary text="Log Out" :callback=logout></ButtonScary>
</ul>