50 lines
1.1 KiB
Vue
50 lines
1.1 KiB
Vue
<template>
|
|
<div class="h-screen text-base">
|
|
<header
|
|
class="sticky top-0 z-10 flex items-center justify-between border-b bg-white px-3 py-2.5 sm:px-5"
|
|
>
|
|
<Breadcrumbs
|
|
class="h-7"
|
|
:items="[{ label: __('Jobs'), route: { name: 'Jobs' } }]"
|
|
/>
|
|
<div class="flex">
|
|
<Button v-if="user.data?.name" variant="solid">
|
|
<template #prefix>
|
|
<Plus class="h-4 w-4" />
|
|
</template>
|
|
{{ __('New Job') }}
|
|
</Button>
|
|
</div>
|
|
</header>
|
|
<div v-if="jobs.data">
|
|
<div class="grid grid-cols-2 gap-5 p-5">
|
|
<div v-if="jobs.data.length" v-for="job in jobs.data">
|
|
<router-link
|
|
:to="{
|
|
name: 'JobDetail',
|
|
params: { job: job.name },
|
|
}"
|
|
:key="job.name"
|
|
>
|
|
<JobCard :job="job" />
|
|
</router-link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import { Button, Breadcrumbs, createResource } from 'frappe-ui'
|
|
import { Plus } from 'lucide-vue-next'
|
|
import { inject } from 'vue'
|
|
import JobCard from '@/components/JobCard.vue'
|
|
|
|
const user = inject('$user')
|
|
|
|
const jobs = createResource({
|
|
url: 'lms.lms.api.get_job_opportunities',
|
|
cache: ['jobs'],
|
|
auto: true,
|
|
})
|
|
</script>
|