improved recruiter controls for applications

This commit is contained in:
2025-09-02 12:11:58 -04:00
parent e43117b64f
commit caa6ffd41a
5 changed files with 52 additions and 60 deletions

View File

@@ -46,6 +46,15 @@ async function postComment(comment) {
chatData.value.push(await postChatMessage(comment, appID.value));
}
async function postApp(appData) {
const res = await postApplication(appData);
if (res.ok) {
readOnly.value = true;
newApp.value = false;
}
// TODO: Handle fail to post
}
</script>
<template>
@@ -82,12 +91,13 @@ async function postComment(comment) {
<div v-else class="flex flex-row justify-between items-center py-2 mb-8">
<h3 class="scroll-m-20 text-2xl font-semibold tracking-tight">Apply to join the 17th Rangers</h3>
</div>
<ApplicationForm :read-only="readOnly" :data="appData" @submit="(e) => { postApplication(e) }" class="mb-7">
<ApplicationForm :read-only="readOnly" :data="appData" @submit="(e) => {postApp(e)}" class="mb-7">
</ApplicationForm>
<div v-if="!newApp">
<h3 class="scroll-m-20 text-2xl font-semibold tracking-tight mb-4">Discussion</h3>
<ApplicationChat :messages="chatData" @post="postComment"></ApplicationChat>
</div>
</div>
<div v-else>HELLOOO</div>
<!-- TODO: Implement some kinda loading screen -->
<div v-else>Loading</div>
</template>