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