Application integration
This commit is contained in:
@@ -15,6 +15,7 @@ import { useAuth } from '@/composables/useAuth'
|
|||||||
import { CommentRow } from '@shared/types/application'
|
import { CommentRow } from '@shared/types/application'
|
||||||
import { Dot } from 'lucide-vue-next'
|
import { Dot } from 'lucide-vue-next'
|
||||||
import { ref } from 'vue'
|
import { ref } from 'vue'
|
||||||
|
import MemberCard from '../members/MemberCard.vue'
|
||||||
|
|
||||||
const props = defineProps<{
|
const props = defineProps<{
|
||||||
messages: CommentRow[]
|
messages: CommentRow[]
|
||||||
@@ -71,7 +72,7 @@ function onSubmit(values: { text: string }, { resetForm }: { resetForm: () => vo
|
|||||||
<!-- Comment header -->
|
<!-- Comment header -->
|
||||||
<div class="flex justify-between">
|
<div class="flex justify-between">
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
<p>{{ message.poster_name }}</p>
|
<MemberCard :member-id="message.poster_id"></MemberCard>
|
||||||
<p v-if="message.admin_only" class="flex">
|
<p v-if="message.admin_only" class="flex">
|
||||||
<Dot /><span class="text-amber-300">Internal</span>
|
<Dot /><span class="text-amber-300">Internal</span>
|
||||||
</p>
|
</p>
|
||||||
|
|||||||
@@ -15,6 +15,7 @@ import { 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, XIcon } from 'lucide-vue-next';
|
||||||
import Application from './Application.vue';
|
import Application from './Application.vue';
|
||||||
|
import MemberCard from '@/components/members/MemberCard.vue';
|
||||||
|
|
||||||
const appList = ref([]);
|
const appList = ref([]);
|
||||||
const now = Date.now();
|
const now = Date.now();
|
||||||
@@ -113,7 +114,9 @@ onMounted(async () => {
|
|||||||
<TableBody>
|
<TableBody>
|
||||||
<TableRow v-for="app in appList" :key="app.id" class="cursor-pointer"
|
<TableRow v-for="app in appList" :key="app.id" class="cursor-pointer"
|
||||||
@click="openApplication(app.id)">
|
@click="openApplication(app.id)">
|
||||||
<TableCell class="font-medium">{{ app.member_name }}</TableCell>
|
<TableCell class="font-medium">
|
||||||
|
<MemberCard :memberId="app.member_id"></MemberCard>
|
||||||
|
</TableCell>
|
||||||
<TableCell :title="formatExact(app.submitted_at)">
|
<TableCell :title="formatExact(app.submitted_at)">
|
||||||
{{ formatAgo(app.submitted_at) }}
|
{{ formatAgo(app.submitted_at) }}
|
||||||
</TableCell>
|
</TableCell>
|
||||||
|
|||||||
Reference in New Issue
Block a user