fix: added get certified button on certified participants list

This commit is contained in:
Jannat Patel
2025-02-11 18:29:29 +05:30
parent e28fc3bee6
commit 74cd0a4d40
9 changed files with 40 additions and 45 deletions

View File

@@ -3,12 +3,20 @@
class="sticky flex items-center justify-between top-0 z-10 border-b bg-surface-white px-3 py-2.5 sm:px-5"
>
<Breadcrumbs :items="breadcrumbs" />
<router-link :to="{ name: 'Batches' }">
<Button>
<template #prefix>
<GraduationCap class="h-4 w-4 stroke-1.5" />
</template>
{{ __('Get Certified') }}
</Button>
</router-link>
</header>
<div class="p-5 lg:w-3/4 mx-auto">
<div
class="flex flex-col lg:flex-row lg:items-center space-y-4 lg:space-y-0 justify-between mb-5"
>
<div class="text-lg font-semibold">
<div class="text-lg text-ink-gray-9 font-semibold">
{{ __('All Certified Participants') }}
</div>
<div class="grid grid-cols-2 gap-2">
@@ -97,7 +105,7 @@ import {
} from 'frappe-ui'
import { computed, onMounted, ref } from 'vue'
import { updateDocumentTitle } from '@/utils'
import { BookOpen } from 'lucide-vue-next'
import { BookOpen, GraduationCap } from 'lucide-vue-next'
const currentCategory = ref('')
const filters = ref({})

View File

@@ -60,7 +60,7 @@
<Badge
theme="gray"
size="lg"
class="mr-2"
class="mr-2 text-ink-gray-9"
v-for="tag in course.data.tags"
>
{{ tag }}

View File

@@ -67,10 +67,8 @@
<div
class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-x-10 gap-y-5 md:gap-y-5"
>
<div class="flex items-center space-x-2">
<span class="p-4 bg-surface-green-1 rounded-full">
<Building2 class="h-4 w-4 text-ink-green-2" />
</span>
<div class="flex items-center space-x-4">
<Building2 class="h-4 w-4 text-ink-green-2" />
<div class="flex flex-col space-y-2 text-ink-gray-7">
<span class="text-xs text-ink-gray-5 font-medium uppercase">
{{ __('Organisation') }}
@@ -80,10 +78,8 @@
</span>
</div>
</div>
<div class="flex items-center space-x-2">
<span class="p-4 bg-surface-red-1 rounded-full">
<MapPin class="h-4 w-4 text-ink-red-3" />
</span>
<div class="flex items-center space-x-4">
<MapPin class="size-4 text-ink-red-3" />
<div class="flex flex-col space-y-2 text-ink-gray-7">
<span class="text-xs font-medium uppercase">
{{ __('Location') }}
@@ -93,10 +89,8 @@
</span>
</div>
</div>
<div class="flex items-center space-x-2">
<span class="p-4 bg-yellow-50 rounded-full">
<ClipboardType class="h-4 w-4 text-yellow-500" />
</span>
<div class="flex items-center space-x-4">
<ClipboardType class="h-4 w-4 text-yellow-500" />
<div class="flex flex-col space-y-2 text-ink-gray-7">
<span class="text-xs font-medium uppercase">
{{ __('Category') }}
@@ -106,10 +100,8 @@
</span>
</div>
</div>
<div class="flex items-center space-x-2">
<span class="p-4 bg-surface-blue-1 rounded-full">
<CalendarDays class="h-4 w-4 text-ink-blue-2" />
</span>
<div class="flex items-center space-x-4">
<CalendarDays class="h-4 w-4 text-ink-blue-2" />
<div class="flex flex-col space-y-2 text-ink-gray-7">
<span class="text-xs font-medium uppercase">
{{ __('Posted on') }}
@@ -121,11 +113,9 @@
</div>
<div
v-if="applicationCount.data"
class="flex items-center space-x-2"
class="flex items-center space-x-4"
>
<span class="p-4 bg-purple-50 rounded-full">
<SquareUserRound class="h-4 w-4 text-purple-500" />
</span>
<SquareUserRound class="h-4 w-4 text-purple-500" />
<div class="flex flex-col space-y-2 text-ink-gray-7">
<span class="text-xs font-medium uppercase">
{{ __('Applications Received') }}