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

feat: basic user popup implemented
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 16:36:59 +02:00
parent fc266ffcc3
commit a2c04af8ce
Signed by: justtemmie
SSH key fingerprint: SHA256:nBO+OwpTkd8LYhe38PIqdxmDvkIg9Vw2EbrRZM97dkU
5 changed files with 128 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -3,14 +3,14 @@
<h1>My Account</h1>
<div id="profile-container">
<Userpopup :user=user_me></Userpopup>
</div>
<h2>Password (and eventually authenticator)</h2>
<Button text="Reset Password" :callback=resetPassword></Button>
<Button text="Reset Password (tbd)" :callback=resetPassword></Button>
<h2>Account Deletion</h2>
<ButtonScary text="Delete Account" :callback=deleteAccount></ButtonScary>
<ButtonScary text="Delete Account (tbd)" :callback=deleteAccount></ButtonScary>
</div>
</template>
@ -19,7 +19,9 @@
import Button from '~/components/buttons/Button.vue';
import ButtonScary from '~/components/buttons/ButtonScary.vue';
const { user } = useAuth();
const { user, fetchUser } = useAuth();
const user_me = await fetchUser()
const resetPassword = async () => {
@ -27,11 +29,17 @@ const resetPassword = async () => {
// await fetchWithApi(`/auth/reset-password`);
}
const deleteAccount = () => {
const deleteAccount = async () => {
alert("TBD")
}
</script>
<style scoped>
#profile-container {
border: 2px solid orange;
min-width: 250px;
min-height: 200px;
padding: 8px;
border-radius: 8px;
}
</style>