17th-Ranger-Battalion-ORG/milsim-site-v4
8
1
Fork 0
Code Issues 38 Pull Requests 1 Actions 3 Packages Projects 1 Releases 14 Wiki Activity

added copy link to applications

Browse Source
This commit is contained in:
ajdj100
2026-01-01 11:41:42 -05:00
parent ab247d720d
commit dbca679964
2 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ui/src/pages/Application.vue
View File

@@ -5,10 +5,11 @@ import { onMounted, ref } from 'vue';
import { approveApplication, denyApplication, loadApplication, postApplication, postChatMessage, getMyApplication, postAdminChatMessage } from '@/api/application'; import { approveApplication, denyApplication, loadApplication, postApplication, postChatMessage, getMyApplication, postAdminChatMessage } from '@/api/application';
import { useRoute } from 'vue-router'; import { useRoute } from 'vue-router';
import Button from '@/components/ui/button/Button.vue'; import Button from '@/components/ui/button/Button.vue';
import { CheckIcon, XIcon } from 'lucide-vue-next'; import { CheckIcon, Link, XIcon } from 'lucide-vue-next';
import Unauthorized from './Unauthorized.vue'; import Unauthorized from './Unauthorized.vue';
import { ApplicationData, ApplicationFull, ApplicationStatus, CommentRow } from '@shared/types/application'; import { ApplicationData, ApplicationFull, ApplicationStatus, CommentRow } from '@shared/types/application';
import Spinner from '@/components/ui/spinner/Spinner.vue'; import Spinner from '@/components/ui/spinner/Spinner.vue';
import { CopyLink } from '@/lib/copyLink';
const appData = ref<ApplicationData>(null); const appData = ref<ApplicationData>(null);
const appID = ref<number | null>(null); const appID = ref<number | null>(null);
@@ -143,7 +144,10 @@ async function handleDeny(id) {
<div v-if="!newApp" class="flex flex-row justify-between items-center py-2 mb-8"> <div v-if="!newApp" class="flex flex-row justify-between items-center py-2 mb-8">
<!-- Application header --> <!-- Application header -->
<div> <div>
<h3 class="scroll-m-20 text-2xl font-semibold tracking-tight">{{ member_name }}</h3> <div class="flex gap-4 items-center">
<h3 class="scroll-m-20 text-2xl font-semibold tracking-tight">{{ member_name }}</h3>
<Button variant="ghost" size="icon" @click="CopyLink()"><Link class="size-5"/></Button>
</div>
<p class="text-muted-foreground">Submitted: {{ submitDate?.toLocaleString("en-US", { <p class="text-muted-foreground">Submitted: {{ submitDate?.toLocaleString("en-US", {
year: "numeric", year: "numeric",
month: "long", month: "long",

11
ui/src/pages/ManageApplications.vue
View File

@@ -13,9 +13,10 @@ import {
import Button from '@/components/ui/button/Button.vue'; import Button from '@/components/ui/button/Button.vue';
import { computed, onMounted, ref, watch } from 'vue'; import { computed, onMounted, ref, watch } from 'vue';
import { useRoute, useRouter } from 'vue-router'; import { useRoute, useRouter } from 'vue-router';
import { CheckIcon, XIcon } from 'lucide-vue-next'; import { CheckIcon, Link, XIcon } from 'lucide-vue-next';
import Application from './Application.vue'; import Application from './Application.vue';
import MemberCard from '@/components/members/MemberCard.vue'; import MemberCard from '@/components/members/MemberCard.vue';
import { CopyLink } from '@/lib/copyLink';
const appList = ref([]); const appList = ref([]);
const now = Date.now(); const now = Date.now();
@@ -127,9 +128,11 @@ onMounted(async () => {
<div v-if="openPanel" class="pl-9 border-l w-3/5" :key="$route.params.id"> <div v-if="openPanel" class="pl-9 border-l w-3/5" :key="$route.params.id">
<div class="mb-5 flex justify-between"> <div class="mb-5 flex justify-between">
<p class="scroll-m-20 text-2xl font-semibold tracking-tight"> Application</p> <p class="scroll-m-20 text-2xl font-semibold tracking-tight"> Application</p>
<button @click="closeApplication()" class="cursor-pointer"> <div class="flex items-center gap-2">
<XIcon></XIcon> <Button @click="closeApplication()" variant="ghost" size="icon">
</button> <XIcon class="size-6"></XIcon>
</Button>
</div>
</div> </div>
<div class="overflow-y-auto max-h-[80vh] h-full mt-5 scrollbar-themed"> <div class="overflow-y-auto max-h-[80vh] h-full mt-5 scrollbar-themed">
<Application :mode="'view-recruiter'"></Application> <Application :mode="'view-recruiter'"></Application>