Gitgals/vue-members-test
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Finalize member edit

Browse Source
This commit is contained in:
Sebastian H. Gabrielli 2023-12-28 00:22:49 +01:00
parent a9c717e38b
commit 1ba6e64b45
1 changed files with 13 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/views/MemberEdit.vue
View File

@ -26,11 +26,17 @@
imagePreference: ''
});
let title: string = '';
const getMemberInfo = async (id: number) => {
try {
// Fetch the member data
const url = "http://127.0.0.1:8000/member/" + id;
const response = await axios.get(url);
// Save the data where applicable
member.value = response.data;
title = member.value.firstName + " " + member.value.lastName + " : " + member.value.id;
} catch (error) {
console.error("Error fetching data: ", error);
}
@ -55,11 +61,16 @@
const response = await axios(config);
// The return value is the user data so we map it
member.value = response.data;
title = member.value.firstName + " " + member.value.lastName + " : " + member.value.id;
} catch (error) {
console.error("Error updating user data: ", error);
}
}
const convertToLowerCase = () => {
member.value.ntnuUsername = member.value.ntnuUsername.toLowerCase();
};
onMounted(async () => {
await getMemberInfo(suppliedId);
});
@ -68,10 +79,10 @@
<template>
<div class="member-edit">
<h3>{{ member.firstName + " " + member.lastName + " : " + member.id }}</h3>
<h3>{{ title }}</h3>
<form @submit.prevent>
<label for="fname">NTNU username</label><br>
<input type="text" id="ntnu-username" v-model="member.ntnuUsername"><br>
<input type="text" id="ntnu-username" v-model="member.ntnuUsername" @input="convertToLowerCase"><br>
<label for="fname">First name</label><br>
<input type="text" id="first-name" v-model="member.firstName"><br>